/* Page left aligned, content 760px wide, colors expand with browser window */
/* header div, horizontal menu div, left sidebar div, main content div, footer div */
/* Light Blue #D3DCE6, Medium Blue #1A427F, Dark Blue #26354A, Yellow #FFCC00, #FFBA00, #FF6600, Orange #FF6600, #FF9900 */

body {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.125em; /* Add Control for Line Height - 16\uc0\u215 1.125=18  per ALA site - http://www.alistapart.com/articles/howtosizetextincss/ */
	background-color:#64748B;
	margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	text-align:left;
	color:#333;
}

table {margin-left:20px;}
td {font-family:Arial, Helvetica, sans-serif;} /* Rules provide for correct cascading in tables if necessary */
th {font-family:Arial, Helvetica, sans-serif;} /* Rules provide for correct cascading in tables if necessary */

#container {
	width:100%;
	background:#64748B;
	margin:0;
	padding:0;
} 

/* Special Header-Title-Logo-Tagline Styles */
#header {width:100%; height:144px; margin:0; padding:0; border:0;}
#header img {margin:0; padding:0; border:0;}

#mission {text-align:center;} 
#mission p {color:#000; font-family:Times, serif; font-size:115%; font-style:oblique; font-weight:700; margin:0; padding:10em;}
.redText{color:#993300;}
/* Begin Menu Styles - "dropdown list", http://www.alistapart.com/articles/horizdropdowns */
#menu {position:relative; width:100%;
	letter-spacing:0.1em;
	background-color:#FFBA00;
	font-size:0.75em; 
	font-weight:600;
	margin:0; 
	padding:5px 15px 5px 15px; 
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	}
/* Link Colors-  background-color:#64748B; */
#menu a:link {color:#26354A; text-decoration:none;} 
#menu a:visited {color:#26354A; text-decoration:none;}
#menu a:active {color:#FFF; text-decoration:none;}
#menu a:hover {color:#FFF; text-decoration:none; background-color:#64748B; }
/* Red color for the links*/
a.red:link {color:#993300;}      /* unvisited link */
a.red:visited {color:#993300;}  /* visited link */
a.red:hover {color:#993300;}  /* mouse over link */
a.red:active {color:#993300;}  /* selected link */



#menu ul {margin:0; padding:0; list-style:none; display:inline;} 
#menu ul li {position:relative; width:155px; margin:0 0 0 5px; padding:6px; border:0; display:inline;}		
#menu li ul {
	position:absolute;
	left:0;
	top:24px;
	width:155px;
	font-size:0.90em;
	font-weight:500;
	margin:0;
	padding:4px;
	background-color:#FFBA00;
	border:0;
	display:none;
	}

#menu li ul li {
	width:155px;
	padding:4px;
	border:0;
	display:block;
	}	
	
#menu ul li a {
	display:inline;
	margin:0;
	padding:2px;
	border:0;
	}
/* Fix IE. Hide from IE Mac  \*/
* html #menu ul li {float:left; height:1%;}
* html #menu ul li a {height:1%;}
/* End */	
#menu li:hover ul, #menu li.over ul {display:block;}
/* End Menu Styles - "dropdown list" */

#middleSection {position:relative; width:100%; background-color:#FFF; margin:0; padding:0; border:0;}
#contentWrapper {
	width:840px;
	font-size:0.80em;
	text-align:center;
	color:#FFF;
	background-color:#26354A; /* Blue colors #1A427F, #26354A, #D3DCE6 */
	margin:0; 
	padding:0; 
	border:0;
	}	
#contentWrapper a:link {color:#FFBA00; padding:4px; text-decoration:none; } /* Link Colors */
#contentWrapper a:visited {color:#CCC; padding:4px; text-decoration:none; }
#contentWrapper a:active {color:#FF9900; padding:4px; text-decoration:none;}
#contentWrapper a:hover {color:#26354A; padding:4px; background-color:#FFBA00; text-decoration:none;}
#contentWrapper p {margin:0; padding:5px 15px 5px 0;}
#contentWrapper img {margin:5px 0 0 0; padding:0; border:0;}
#mainContent {
	float:right;
	width:580px;
	text-align:left;
	color:#333;
	background-color:#FFF;
	margin:0; 
  	padding:0 2em 20px 2em; /* padding here creates white space "inside the box." */
 	border-right:0;
  	border-left:0;
	}
#mainContent a:link {color:#26354A; padding:2px; text-decoration:underline; } /* Link Colors */
#mainContent a:visited {color:#333; padding:2px; text-decoration:underline; }
#mainContent a:active {color:#26354A; padding:2px; text-decoration:underline;}
#mainContent a:hover {color:#26354A; padding:2px; background-color:#FFBA00; text-decoration:none;}	
/* margin-left:10px; margin-right:10px; */	
#mainContent h1 {color:#26354A; margin:15px; padding:0; border:0;}
#mainContent h2 {color:#26354A; margin:15px; padding:0; border:0;}
#mainContent h3 {color:#26354A; margin:15px; padding:0; border:0;}
#mainContent h4 {color:#26354A; margin:15px; padding:0; border:0;}
#mainContent h5 {color:#26354A; margin:15px; padding:0; border:0;}
#mainContent h6 {color:#26354A; margin:15px; padding:0; border:0;}
#mainContent p {margin:0; padding:5px 15px 5px 20px;}
#mainContent img {margin:0; padding:5px 20px 5px 20px;}

#feedbackForm {margin:30px 15px 15px 15px; padding:0; border:0;}

h3.leftSide {margin:20px 5px 5px 5px; padding:0; border:0;}

/* Photo Gallery and Archive Styles */
/* Remove background-color:#FFBA00; from hover */
#contentWrapper #mainContent table tr td a:link {color:#26354A; padding:2px; text-decoration:underline; } /* Link Colors */
#contentWrapper #mainContent table tr td a:visited {color:#333; padding:2px; text-decoration:underline; }
#contentWrapper #mainContent table tr td a:active {color:#26354A; padding:2px; text-decoration:underline;}
#contentWrapper #mainContent table tr td a:hover {color:#26354A; padding:2px; background-color:#FFF; text-decoration:none;}	
#contentWrapper #mainContent table.photo {font-size:0.90em}


#sponsors {position:absolute;top:50px; left:840px; width:100px; text-align:center; margin:0; padding:0; border-left:0;}
#sponsors img {margin:0; padding:5px; border:0;}

#footer {color:#26354A; margin:0; padding:0; border:0;}
#footer p {font-size:0.70em; margin:0; padding:15px; border:0;}
#footer a:link {color:#26354A; padding:4px; text-decoration:underline; } /* Link Colors */
#footer a:visited {color:#EEE; padding:4px; text-decoration:underline; }
#footer a:active {color:#26354A; padding:4px; text-decoration:underline;}
#footer a:hover {color:#26354A; padding:4px; background-color:#FFBA00; text-decoration:none;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
}

[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#middleSection, #contentWrapper {padding-top:0; }
#mainContent {zoom:1; padding-top:0; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs   */
#menu {zoom:1;  }
</style>
<![endif].style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333;
}