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



/****************************************************
                                         
										      FONTS
										 
*****************************************************/

h1 {
	font-family: 'Tangerine', cursive;
	font-weight: 400;
	color:#576ca9;
	font-size:30px;
	text-align: center;
}

h2 { font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		color:#576ca9; 
}

h3 { font-family: 'Roboto Condensed', sans-serif;
		font-weight: 100;
		font-size:20px;
        color:#576ca9; 
}

.subhead_1 {
	font-size: 14px;
	font-weight: 700;
	color: #C6C;
	font-family: 'Roboto Condensed', sans-serif;
	;
}

/****************************************************
                                         
										       BODY
										 
*****************************************************/

body {
	background-color: #8593fc;
}


/****************************************************
                                         
										 MAIN CONTAINER
										 
*****************************************************/

#maincontainer {
	position: relative;
	width: 950px;
	left: 50%;
	margin-left: -475px;
	padding: 0px;
	background-color: #FFFFFF;
	}



/****************************************************
                                         
										 HEADER AREA
										 
*****************************************************/

#maincontainer #masthead {
	height: 100px;
	width: 840px;
	position: absolute;
	left: 55px;
	top: 40px;
}

#maincontainer #masthead2 {
	position: absolute;
	height: 252px;
	width: 840px;
	left: 55px;
	top: 40px;
}


#maincontainer #masthead2 #bannerbackgnd {
	z-index: 1;
}
#maincontainer #masthead2 #logo {
	z-index: 2;
	position: absolute;
	height: 100px;
	width: 840px;
	left: 7px;
	top: 60px;
}

/****************************************************
                                         
										 CONTENT AREA
										 
*****************************************************/

/*#maincontainer #contentcontainer {
	width: 840px;
	position: relative;
	left: 55px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	top: 50px;
}*/

#maincontainer #contentcontainer {
	width: 840px;
	position: relative;
	left: 55px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	top: 200px;
}

#maincontainer #contentcontainer #column1 {
	width: 465px;
	position: relative;
	top: 15px;
}


#maincontainer #contentcontainer #column2 {
	width: 320px;
	position: absolute;
	top: 187px;
	left: 515px;
	background-color: #ffffff;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #e4e7fd;
}


/****************************************************
                                         
							    CONTENT AREA COLUMN 1
										 
*****************************************************/

#maincontainer #contentcontainer #column1 #col1block1 {
		position: relative;
		width: 465px;
}


#maincontainer #contentcontainer #column1 #col1block2 {
	position: relative;
		width: 465px;
}


#maincontainer #contentcontainer #column1 #col1block3 {
	position: relative;
	width: 465px;
}

#maincontainer #contentcontainer #column1 #col1block4 {
	position: relative;
	width: 465px;
}


/****************************************************
                                         
								 CONTENT AREA COLUMN 2
										 
*****************************************************/



#maincontainer #contentcontainer #column2 #col2content {
	width: 275px;
	position: relative;
	float: right;
}


#maincontainer #contentcontainer #column2 #col2content #esdc_top_info {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#maincontainer #contentcontainer #column2 #col2content #tagline {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/****************************************************
                                         
										 NAVIGATION AREA
										 
*****************************************************/

/*#maincontainer #navbar {
	position: absolute;
	width: 840px;
	left: 55px;
	top: 155px;
	height: 40px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}*/

#maincontainer #navbar {
	position: absolute;
	width: 840px;
	left: 55px;
	top: 307px;
	height: 40px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#maincontainer #navbar #navigation {
	color:8593fc;
}


/* This hides the submenues by targeting any UL within a UL with the "display: none" property.*/
#maincontainer #navbar #navigation ul ul  {display:none;}


/*In order to make the submenues reappear, they need to be converted back to block elements when you hover
over theLI. The > child selector makes sure that only the child UL of the LI being hovered is targeted, instead of all the submenues appearing at once.*/
#maincontainer #navbar #navigation  ul li:hover >ul {display:block;}


/*Adding position:relative; will allow us to absolutely position the sub menus according to this
 main nav bar, then display:inline-table will condense the width of the menu to fit.*/
#maincontainer #navbar #navigation  ul {
	background:white;
	padding: 0 10px;
	position:relative;
	list-style:none;
	display:inline-table;
}


/*The clearfix style rule will clear the floats used on the subsequent list items without the use 
of overflow:hidden, which would hide the sub menus and prevent them from appearing.*/
#maincontainer #navbar #navigation  ul:after{
	content: ""; clear:both; display:block;
}
	
#maincontainer #navbar #navigation  ul li {
	float: left;
}


/*This sets what the top block will look like when you hover over it.    */
#maincontainer #navbar #navigation  ul li:hover {
		background: none;
	}
	#maincontainer #navbar #navigation  ul li:hover a {
		color:#C0C;
		}
	
	
/*The first padding amount is the height, the second is width. The color is the text color of all links.*/	
	#maincontainer #navbar #navigation  ul li a {
		display: block; padding: 7px 15px;
		color:#30F; text-decoration: none;
	}


/*These set what the submenues look like  */

/*This sets the background of the submenues   */
#maincontainer #navbar #navigation  ul ul {
	background: white; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
/* To make sure they fly out underneath the main menu they are positioned absolutely
 100% from the top of the UL (ie, the bottom).



The LI’s of each UL in the sub menu don’t need floating side by side, instead they’re listed 
vertically with thin borders separating each one. A quick hover effect then darkens the
 background to act as a visual cue. */
	#maincontainer #navbar #navigation  ul ul li {
		float: none; 
/*		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;*/
		position: relative;
	
	}
	
/*The first padding amount is the height. the second is how far the submenu is 
offset to the right of the main nav item above it.   */	
		#maincontainer #navbar #navigation  ul ul li a {
			padding: 7px 20px;
			color: #000;
		}	
			v ul ul li a:hover {
				background: #4b545f;
				color: #000000;
			}

/* The final step is to position the sub-sub-menus accordingly. These menus will be
 inheriting all the sub-menu styling already, so all they need is to be positioned absolutely
  to the right (left:100%) of the relative position of the parent <li>.  */
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
#maincontainer #navbar #navigation {
	position: relative;
	width: 828px;
	height: 30px;
}
#maincontainer #navbar #navigation {
	position: relative;
	height: 100px;
	left: 52px;
	z-index: 3;
	width: 750px;
}


/****************************************************
                                         
										 FOOTER AREA
										 
*****************************************************/

#maincontainer #footerarea {
	position: relative;
	width: 840px;
	left: 55px;
}
#maincontainer #footerarea #”footblock1” {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	width: 840px;
}