/* ---------------------------- */
/* ---------------------------- */
/* RESETS, BASICS, & UNIVERSALS */
/* ---------------------------- */
/* ---------------------------- */
/* ---------------------------- */

html, body,
div, span,
table, tr, td,
h1, h2, h3, h4,
p, a,
ul, li,
hr, blockquote, img { margin: 0; padding: 0; border: 0; }
html, body { height: 100%; }

body {
	font: 16px/24px Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #333333;
	background: #FFFFFF url(../images/design/BG-middle.jpg) repeat-x center 32px;
}

img#BGleft {
	position: absolute;
	left: 0px;
	top: 32px;
}

img#BGright {
	position: absolute;
	top: 32px;
	right: 0px;
}

.hidden {
	position: absolute;
	left: -9000em;
}

a {
	text-decoration: none;
	border: none;
	font-weight: bold;
}

.container, h1, #content {
	width:900px;
	margin:0 auto;
	z-index: 10;
	position: relative; /* places the contents above img#BGleft and img#BGright */
}

.columns {
	float: left;
	width: 275px;
}

.columns ul {
	list-style: url(none) none;
	margin-bottom: 23px;
}

.columns ul li { margin-bottom: 24px; }
#content  .columns  ul  li p {
	font-size: 14px;
	padding: 0 18px;
	margin: 0;
	line-height: 24px;
}

.columns ul li img { }



/*------------------------------*/
/*----------- GRID -------------*/
/*															*/
#grid {
	background: url(../3col.gif) repeat-y 0 0; /* Vertical grid lines */
	width: 900px; /* dimensions - same width as your grid with gutters */
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -450px; /* content width divided by 2 */
	z-index: 100;
}

#grid .horiz {
	height: 23px; /* 24px line height */
	border-bottom: 1px dotted #0FF;
	margin: 0; padding: 0;
}



/*------------------------------*/
/*---------- NAVBAR ------------*/
/*															*/
#navBar {
	width: 100%;
	height: 32px;
	position: fixed;
	background: #000000 url(../images/design/BG-navbar.gif) repeat-x;
	z-index: 90;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	left: 0px;
	top: 0px;
}

#navBar .container { height: 32px; }

ul#nav {
	color: #B40000;
	list-style: url(none) none;
	margin-left: 24px;
	height: 32px;
	float: left;
	width: 400px;
}

ul#nav li { float: left; }

ul#nav li a {
	display: block;
	height: 32px;
}

ul#nav a:link, ul#nav a:visited { color: #8C8C8C; }

ul#nav a:hover, ul#nav a:active {
	background: url(../images/design/BG-hover.gif) repeat-x;
	font-style: normal;
	color: #FFFFFF;
}

#navBar form {
	width: 225px;
	float: right;
	color: #8C8C8C;
	margin: 0 24px 0 0;
	padding: 0;
	height: 32px;
}

#navBar form input#searchBar {
	height: 14px;
	margin: 2px 0;
	padding: 0;
	color: #999999;
	font: italic 12px Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	float: right;
}



/*------------------------------*/
/*---------- HEADING -----------*/
/*															*/
h1 { height: 256px; }

h1 img { margin-top: 82px; }



/*------------------------------*/
/*---------- CONTENT -----------*/
/*															*/
#content { margin: -12px auto 36px auto; }

#content h2 {
	text-transform: uppercase;
	font-size: 30px;
	color: #000000;
	letter-spacing: 3px;
	border-bottom: 5px solid #000000;
	padding: 0px 20px 3px 20px;
	margin-bottom: 18px;
}

#content h3 {
	font-size: 21px;
	text-transform: uppercase;
	color: #000000;
	letter-spacing: 2px;
	border-bottom: 5px solid #000000;
	padding: 0px 0px 3px;
	margin-bottom: 18px;
}

#content h4 {
	font-style: italic;
	color: #000000;
}

#content p {
	padding: 0px 24px;
	margin-bottom: 24px;
}

#content strong {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

#content a:link {
	color: #000000;
	border-bottom: 1px solid #B40000;
}

#content a:visited {
	color: #8C8C8C;
	border-bottom: 1px solid #B40000;
}

#content a:hover, #content a:active {
	color: #B40000;
	border-bottom: 1px solid #000000;
}

#about {
	position: relative;
	height: 288px;
}

#about img {
	float: right;
	clear: right;
	border: 5px solid #000000;
	margin: -23px 0 0 15px;
}

#columnLeft { margin-left: 23px; }

#columnMiddle { margin-left: 14px; }

#columnRight { margin-left: 14px; }

/*------------------------------*/
/*---------- FOOTER ------------*/
/*															*/

#footerBar {
	background: #000000 url(../images/design/BG-footer.gif) repeat-x top;
	clear: left;
	height: 200px;
}

#footerBar img {
	margin-top: 42px;
	margin-left: 21px;
}