/* CSS Document */

/*home*/
body,
html, body {
    /*text-align: center;*/
	margin: 0;
	padding: 0;
}	

#page-container {
    background: pink;
	width: 980px;
	margin: auto;
    /*text-align: left;*/
}

#header {
		background: #FFF url(/images/banner_bg.jpg) repeat top right;
		width:100%;
		height:133px;
		padding:0;
		z-index:20;
		position:relative;
	}
	
#banner {
        background: blue;
		margin:auto;
		background: url(/images/banner.jpg);
		width:980px;
		height:133px;
		padding:0;
		z-index:0;
	}
	
#logo {
		background: transparent;
		position:relative;
		top:20px;
		left:104px;
		padding:0;
		margin:0;
		z-index:100;
	}
	
#login {
		background: transparent;
		position:relative;
		top:-85px;
		left:810px;
		padding:0;
		margin:0;
		z-index:100;
	}
	
	
#nav_bar {
		background:#344E72;
		width:100%;
		height:35px;
		padding:0;
		position:relative;
		z-index:300;
	}
	
#below_banner {
		background:#FFF;
		width:800px;
		padding:0;
		margin:auto;
		z-index:0;
		border-left:1px solid #D6DCE2;
		text-align:left;
	}

#content {
		background:#E7EFF6;
		width:685px;
		padding:0;
		margin:0;
		float:right;
		border-right:1px solid #D6DCE2;
		z-index:0;
	}	
	
#content_insidePg {
		background:#E7EFF6;
		width:685px;
		padding:0;
		margin:0;
		float:right;
		border-right:1px solid #D6DCE2;
		z-index:0;
		position:relative;
		top:-25px;
		text-align:left;
	}	
	
	
#home_photo {
    background: url(/images/placeholder_home.jpg);
    width:685px;
	Height:124px;
	position:relative;
	padding:0;
	margin:0;
	z-index:0;
    }
	
	
	
#callout_column {
	Height:100px;
	position:relative;
	top:-400px;	
    }

#callout_box {
    background:transparent;
    width:163px;
	float:right;
	padding:0;
	margin:0;
    }
	
	
#text_callout {
    background:transparent;
	
    width:685px;
	position:relative;
	padding:0;
	margin:0;
    }


	
#for_text{
	background:#FFF;
	width:522px;
	margin:0;
	padding:0;
	float:left;
	z-index:0;
	}

/*inside page photos*/
	
#ltblue_below_nav {
    background:#D7E4F0;
    width:115px;
	height:25px;
	position:relative;
	left:0px;
	top:0px;
	padding:0;
	margin:0;
	z-index:200;
    }
	
#photobox_top {
    background:#D7E4F0;
    width:115px;
	height:133px;
	position:relative;
	left:-700px;
	top:45px;
	padding: 0px;
	margin:0;
	z-index:200;
    }
	
#photobox_middle {
    background:#D7E4F0;
    width:115px;
	height:133px;
	position:relative;
	left:-660px;
	top:65px;
	padding:0;
	margin:0;
	z-index:200;
    }
	
#photobox_bottom {
    background:#E6E4CE;
    width:115px;
	height:133px;
	position:relative;
	left:-690px;
	top:85px;
	padding:0;
	margin:0;
	z-index:200;
    }
	
	

/* NAV styles */



/* main section styles */


.callout_text {
 	font: italic 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #344E72;
	padding:5px 20px 5px 20px;
	margin:0;
	}
	
.callout_head {
 	font: normal 18px/2 Georgia, MS Serif, Times, serif;
	color: #7C96B0;
	padding:20px 20px 0 20px;
	margin:0;
	}

.callout_head_inside {
 	font: normal 18px/2 Georgia, MS Serif, Times, serif;
	color: #7C96B0;
	padding:33px 20px 0 20px;
	margin:0;
	}

.head {
 	font: normal 21px/2 Georgia, MS Serif, Times, serif;
	padding:15px 0 5px 0;
	margin:0;
	color: #344E72;
	}
	
.head_inside{
 	font: normal 21px/2 Georgia, MS Serif, Times, serif;
	padding:30px 0 5px 0;
	margin:0;
	color: #344E72;
	}
	
.subhead {
 	font: bold 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#344E72;
	padding:0 20px 0 0;
	margin:0;
	}
	
	
.text {
 	font: normal 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0 20px 0 0;
	margin:0;
	}
	
a.textLink:link {
 	font: normal 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
a.textLink:active {
 	font: normal 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0;
	margin:0;
	text-decoration:underline;
	}

a.textLink:hover{
 	font: normal 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
a.textLink:visited {
 	font: normal 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
	
text_list ul{ 
  padding:0;
  margin: 0;
  type: disc;
  list-style:outside;
 }
      
.text_list li {  
  font: normal 11px/1.25 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0 30px 5px 0;
	margin:0;
  }
  
.text_list a {
 	font: normal 11px/1.75 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
.text_list a:hover {
 	font: normal 11px/1.75 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
	

	

/*bottom bar*/

#bottom_bluebar {
    background:#7c96b0;
    width:100%;
	height:35px;
	padding:0;
	position:relative;
	border-top: 1px solid #344E72;
    }
	
#bottom_bluebar_inside {
    background:#7c96b0;
    width:100%;
	height:35px;
	padding:0;
	position:relative;
	top:-25px;
	border-top: 1px solid #344E72;
    }
	

#bottom_container {
	margin: auto;
	width: 800px;
	height:35px;
	padding:0;
	background:transparent;
	position:relative;
}


.bottomPlain {
 	font: normal 11px/1.5 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #344E72;
	padding:10px 0 0 0;
	margin:0;
	}
	
.bottomText {
 	font: normal 11px/1.5 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #344E72;
	padding:10px 0 0 0;
	margin:0;
	text-decoration:none;
	}
	
.bottomText a {
 	font: normal 11px/1.5 Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #344E72;
	padding:10px 0 0 0;
	margin:0;
	text-decoration: none;
	}
	
.bottomText a:hover {
 	font: normal 11px/1.5 Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	padding:10px 0 0 0;
	margin:0;
	text-decoration:underline;
	}
	
	
	#nav-container {
	/*background: pink;*/
	width: 800px;
	margin: auto;
	z-index: 300;
	padding-left: 229px;
	}

	
	
/**************** menu coding *****************/
#menu {
width: 685px;
background: #344e72;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 137px;
float: left;
}

/*START nav color 1*/
#menu a, #menu h1 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #344e72 #344e72 #344e72 #344e72;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: left;
}

#menu h1 {
color: #ffffff;
background: #344e72;

}
/*END nav color 1*/


/*START nav color 2*/
#menu a, #menu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #c1f1f1 #c1f1f1 #c1f1f1 #c1f1f1;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: left;

}

#menu h2 {
color: #86a5a7;
background: #c1f1f1;

}
/*END nav color 2*/


/*START nav color 3*/
#menu a, #menu h3 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #86a5a7 #86a5a7 #86a5a7 #86a5a7;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: left;

}

#menu h3 {
color: #c1f1f1;
background: #86a5a7;

}
/*END nav color 3*/



/*START nav color 4*/
#menu a, #menu h4 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #788c8a #788c8a #788c8a #788c8a;
margin: 0;
padding: 2px 3px;
text-align: left;

}

#menu h4 {
color: #fff;
background: #788c8a;

}
/*END nav color 4*/


/*START nav color 5*/
.menu a, #menu h5 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #788c8a #788c8a #788c8a #788c8a;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: left;

}

#menu h5 {
color: #9fc4c6;
background: #788c8a;

}
/*END nav color 5*/


/*START nav color 6*/
.menu a, #menu h6 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #316d6d #316d6d #316d6d #316d6d;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: left;

}

#menu h6 {
color: #85a4a6;
background: #316d6d;

}
/*END nav color 6*/






#menu a {
font: 12px/16px arial, helvetica, sans-serif;
color: #fff;
background: #7c96b0;
text-decoration: none;
border-color: #7c96b0 #7c96b0 #7c96b0 #7c96b0;
}

#menu a:hover {
color: #000;
background: #c9dbeb;
}


#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}