@charset "UTF-8";

body {
	font: 100% Tahoma, Helvetica, Arial, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #666666;
}
.onecol #container {
	width: 1024px; 
	background: #FFFFFF;
	margin: 0 auto;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align: left; 
}
.onecol #header {
	background: #003366 url(../assets/hdrbg.jpg) no-repeat top; 
	height: 254px;
	padding: 0; 
}

/* ------ MENU ------- */
.onecol #menuwrapper {
	position: relative;
	top: 75px;
	left: 0;
	height: 20px;
	padding: 7px;
	width: 1010px;
}

.onecol #menuwrapper .menu ul {
	position: absolute;
	top: 6px;
	width: 95%;
	height: 20px;
	font-size: 12pt;
	border: none;
}

.onecol #menuwrapper .menu li {
	display: inline;
	list-style-image: none;
	white-space: nowrap;
	margin: 0 30px;
}

.onecol #menuwrapper .menu li a, .onecol #menuwrapper .menu li a:link, .onecol #menuwrapper .menu li a:active, .onecol #menuwrapper .menu li a:visited, a:link, a:active, a:visited {
	color: #006699;
	text-decoration: none;
}

.onecol #menuwrapper .menu li a:hover, a:hover {
	color: #669933;
	text-decoration: none;
}

/* ------- MAIN ------- */
.onecol #mainContent {
	padding: 0 20px; 
	background: #FFFFFF;
}

/* ----------------------- HOMEPAGE -------------------------- */

/* ------ SLIDER ------ */

.onecol #projectbox {
	background: url(../assets/sliderbg.jpg) no-repeat top;
	height: 263px;
}


/* ------ FOOTER ------- */
#footer {
	padding: 20px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #01579e url(../assets/ftrbg.jpg) repeat-x top;
	margin-bottom: 0;
	color: #0099FF;
	text-align: center;
	height: 320px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.footerleft { float: left;
width: 400px;
text-align: left; }

.footerright { float: right;
width: 500px;
text-align: right;
}

.footermenu { 
padding-right: 10px;
font-size: 11pt;
color: #66CCCC;
}

.footermenu a:link, .footermenu a:active, .footermenu a:visited {
color: #66CCCC;
text-decoration: none;
border: 0;
}

.footermenu a:hover {
	color: #66FFCC;
	text-decoration: none;
}

.extras, .extras h1, .extras h1 a:link, .extras h1 a:active, .extras h1 a:visited, .extras h1 a:hover {
	color: #eaeaea;
	font-size: 8px;
	text-align: center;
	text-decoration: none;
	line-height: normal;
}

/* ------ TEXT STYLES ------ */

.onecol h1 { color: #66cccc;
}

p { color: #7D7D5E;
font-size: 12pt;
}

#middlecol_nopad.raves p, #sidebar2.raves p { color: #7D7D5E;
font-size: 11pt;
padding: 0px;
}

p.copyright { font-size: 9pt;
color: #cccccc;
}

a:link, a:active, a:visited { color: #339999;
text-decoration: none;
}

a:hover { color: #66CCCC;
text-decoration: none;
border-bottom: 1px dashed #B6B688;
}

li { white-space: inherit;
list-style-type: circle;
list-style-position: inside;
color: #7D7D5E;
font-size: 11pt;
line-height: 1.5em;
}

/* HIDE DOTTED UNDERLINE */
p.native, p.native a:hover, #menu a:hover, #header a:hover, #projects a:hover, ul.faq a:hover { text-decoration: none;
border-bottom: 0;
}

p.faqanchor {
font-size: 11pt;
font-weight: bold;
}

p.faqanchor a:hover {
text-decoration: none;
color: #339999;
border-bottom: 0;
}

img { border: none }

img.left { padding-right: 7px; padding-bottom: 7px; border: 0; }