@charset "UTF-8";
/* CSS Document */

/* ----- BODY AND WRAPPER ----- */
.thePage  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg05.gif) repeat;	
	background-color: #777;
	text-align: center;
}
.thePage #wrapper { 
	width: 825px;  
	margin: 7px auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom: 2px;
	border-top: 1px solid #3067A0; /* fixes bug in Safari to keep page at top of window */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(../images/susbNavBG.gif) repeat-y;
	background-color:#fff;
} 
.thePage #header { 
	background: #DDDDDD; 
	margin: 0px;
	padding: 0;
} 
.thePage #logo {
	float: left;
	width: 225px;
}
.thePage #headerGraphic {
	width: 600px;
	float: left;
}

/* ----- BASICS -----*/
h1 {
	margin: 0;
	padding: 0 0 6px 0;
	font-weight:bold;
	font-size: 1.25em;
	color: #3d6e99;
}

h2 {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight:bold;
	font-size: 1em;
	color: #3d6e99;
}

h3 {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight:bold;
	font-size: .9em;
	color: #333;
}

h4 {
	font-style: italic;
	font-size: .8em;
	margin: 0;
	padding: 0 0 6px 15px;
	font-weight: normal;
	color: #222;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	padding: 0 0 12px 0;
	margin:0;
	padding-left: 10px;
	margin-left: 15px;
	text-align:left;
}

li {
	padding: 0;
	margin:0;
	list-style-position: outside;
	list-style-type: square;
	font-weight: normal;
	line-height: 125%;
	text-align: left;
}

p {
	margin: 0;
	padding: 0 0 6px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000;
}

/* ----- MAIN CONTENT AND SIDEBARS ------ */
#mainContent2col { 
	margin: 225px 25px 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 25px 0 15px 0; 
/*	border: 1px solid black;	*/	
}
#mainContent3col { 
	margin: 225px 225px 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 25px 0 15px 0; 
/*	border: 1px solid black;	*/	
}
#mainContent2col p, #sidebar p {
	line-height: 150%;
}
#mainContent3col p, #sidebar p {
	line-height: 150%;
}
#subnav {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; 
	height: auto;
	padding: 25px 0px 15px 20px; /* changing the left padding requires changing negative margins on the subnav li a items also */
	margin: 0px;
/*	border: 1px solid black;	*/	
}
#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 175px; 
	padding: 25px 25px 15px 0px; 
	margin: 0px;
/*	border: 1px solid black;	*/	
}

/* ----- NAVIGATION BAR ----- */

#navbar {
	height: 75px;
	width: 825px;
	margin: 0px;
	padding: 0px;
	float:left;
	border: none;

}
#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}

#navbar li {
	width: 75px;
	height: 75px;
	float: left;
	list-style-type:none;	
	background-image: url(../images/navBtnBG.png);
	background-repeat: no-repeat;
	text-align:center;
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	line-height: 1em;
}
#navbar li a {
	width: 75px;
	height: 75px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;	
	text-align:center;
	display: block;
	margin: 0;
	padding: 37% 0px 0px 0px;	
}
#navbar li a:hover {
	width: 75px;
	height: 75px;
	color:#3067A0;
	background: url(../images/navBtnBG_over.png) no-repeat;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	margin: 0;
	padding: 37% 0px 0px 0px;
}

#navbar li a#down {
	color: #829027;
	font-weight: bold;
	font-style:italic;
	background: url(../images/navBtnBG_down.png) no-repeat;
}
#navbar li #empty {
	background: url(../images/navBtnBG.png) no-repeat;
}

/* ----- SUBNAVIGATION ----- */
#subnav ul, #subnav li {
	margin-left: 0;
	padding: 0; 
	list-style-type: none;
}

#subnav a, #subnav a:link {
	display: block;
	height: 24px;
	text-decoration: none;
	color:#3067A0;
	line-height:24px;
}

#subnav a:hover {
	margin-left: -20px; /* changing this value requires changing subnavDown a:hover and padding for the subnav itself */
	padding-left: 20px;
	color: #829027;
	font-style: italic;
	background:url(../images/susbNavBG_over3.png) 0px 0px no-repeat;

}

#subnav #subnavDown, #subnav #subnavDown a:hover {
	margin-left: -20px;
	padding-left: 20px;
	/*color: #829027;*/
	color:#FFFFFF;
	font-style: italic;
	background:url(../images/susbNavBG_over2.png) 0px 0px no-repeat;
}

/* ----- CONTENT LINKS ----- */
#mainContent2col a, #mainContent2col a:visited, #mainContent2col a:active, #mainContent3col a, #mainContent3col a:visited, #mainContent3col a:active, #sidebar a, #sidebar a:visited, #sidebar a:active {
	padding-left: 1px;
	padding-right: 1px;
	text-decoration: none;
	color:#3067A0;
}

#mainContent2col a:hover, #mainContent3col a:hover, #sidebar a:hover {
	color:#fff;
	background-color:#829027;
}


/* ----- PHOTOBAR ----- */
#photobar {
	width: 825px;
	height: 150px;
	margin:0;
	margin-bottom: -16px;
	padding: 0;
	clear:both;
}

#photobar img {
	margin: 0;
	padding: 0;
	float:left;
}

/* ----- FOOTER ------ */
.thePage #footer {
	height:25px;
	padding: 0;
	margin:0;
	background-image: url(../images/miv_footer.jpg);
	background-repeat: no-repeat;	
} 
.thePage #footer p {
	height: 10px;
	font-size: .8em;
	color:#fff;
	font-weight: bold;
	margin: 0;
	padding: 0; 
	text-align:left;
	color: #fff;
}
.thePage #footer #footLeft {
	float:left;
	width: 175px;
	margin-left: 25px;
	margin-top: 6px;
}

.thePage #footer #footCenter {
margin: 0px 200px 0 175px;
padding-top: 6px;

}
.thePage #footer #footRight {
	float:right;
	width: 200px;
	padding-left: 0;
	margin-top: 6px;
}
#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	color:#829027;
	font-style:italic;
}

#credit {
	width: 200px;
	margin: 0px auto; 
	padding: 0 0 0 625px;
	text-align: left; 
	font-size: .8em;
	color: #003366;
}
#credit a {
	text-decoration:none;
	color:#003366;	
}
#credit a:hover {
	color:#ffffff;	
}
/* ------ SPECIAL ELEMENTS ----- */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a wrapper that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}