/*  
Original CSS by Derek Punsalan (http://is.derekpunsalan.com/)

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.
*/

*{
	margin:0;
	padding:0;
}

html,body{
	background:#FFF;
	color:#333;
	text-align:center;
}

/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */

body{
	font:12px arial,helvetica,verdana,sans-serif;
}

h1{
	color:#175277;
	font-size:16px;
	line-height: 20px;
	font-weight:normal;
}

h2{
	color:#175277;
	font-size:12px;
	border-bottom:1px solid #DDDDDD;
	font-weight:bold;
	margin-bottom:5px;
}

h3{
	font-size:16px;
}

h4{
	color:#175277;
	font-size:40px;
	line-height: 44px;
	font-weight:normal;
}

a{
	color:#175277;
	text-decoration:none;
}

a:hover{
	color:#b9b09e;
}

hr {
background-color: #175277;
border: 0;
height: 1px;
margin: 0;
}

#wrapper{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:800px;
}
 
/* masthead */
#masthead{
	padding:20px 38px 0px 0px;
}

/* menu */
#menu_container{
	position: relative;
	top:0px;
	left:0px;
	z-index: 5;
	width: 760px;
	height: 18px;
	margin: 0px;
	padding: 5px 0px 0px 20px;
	background-color: #FFFFFF;
}
#menu_container ul{
	padding: 0px;
	float:right;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#menu_container li, #menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height: 18px;
}

#menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7{
	margin: 0px 0px 0px 0px;
}

#menu_header_spacer { width: 222px; background: url(../images/menu/menu.gif) 0px 0px no-repeat ;}
#menu_header_1 { width: 45px; background: url(../images/menu/menu.gif) -222px 0px no-repeat ;}
#menu_header_2 { width: 155px; background: url(../images/menu/menu.gif) -267px 0px no-repeat ;}
#menu_header_3 { width: 39px; background: url(../images/menu/menu.gif) -422px 0px no-repeat ;}
#menu_header_4 { width: 98px; background: url(../images/menu/menu.gif) -461px 0px no-repeat ;}
#menu_header_5 { width: 53px; background: url(../images/menu/menu.gif) -559px 0px no-repeat ;}
#menu_header_6 { width: 66px; background: url(../images/menu/menu.gif) -612px 0px no-repeat ;}
#menu_header_7 { width: 82px; background: url(../images/menu/menu.gif) -678px 0px no-repeat ;}

#menu_header_1 a{ width: 45px; background: none;}
#menu_header_2 a{ width: 155px; }
#menu_header_3 a{ width: 39px; }
#menu_header_4 a{ width: 98px; }
#menu_header_5 a{ width: 53px; }
#menu_header_6 a{ width: 66px; }
#menu_header_7 a{ width: 82px; }

#menu_header_1 a, #menu_header_2 a, #menu_header_3 a, #menu_header_4 a, #menu_header_5 a, #menu_header_6 a, #menu_header_7 a{
	display: block;
	margin: 0px 0px 0px 0px;
	height: 18px;
}

#menu_header_1 a:hover{ width: 45px; background: url(../images/menu/menu.gif) -222px -18px no-repeat ;}
#menu_header_2 a:hover{ width: 155px; background: url(../images/menu/menu.gif) -267px -18px no-repeat ;}
#menu_header_3 a:hover{ width: 39px; background: url(../images/menu/menu.gif) -422px -18px no-repeat ;}
#menu_header_4 a:hover{ width: 98px; background: url(../images/menu/menu.gif) -461px -18px no-repeat ;}
#menu_header_5 a:hover{ width: 53px; background: url(../images/menu/menu.gif) -559px -18px no-repeat ;}
#menu_header_6 a:hover{ width: 66px; background: url(../images/menu/menu.gif) -612px -18px no-repeat ;}
#menu_header_7 a:hover{ width: 82px; background: url(../images/menu/menu.gif) -678	px -18px no-repeat ;}

#menu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/* main column text styles */
.blue_text{
	color:#175277;
}

.small_text{
	font-size:11px;
}

/* main - middle content and columns */
#mid{
	padding: 0px 40px 0px 40px;
}

#midHome{
	padding: 0px 40px 0px 40px;
	background: url(../images/bgnd/homephoto.jpg) 20px 10px no-repeat ;
}

#midHome p, #midHome ul{
	color:#FFFFFF;
}

#mainCol{
	float:left;
	margin:20px 20px 0px -20px;
	width:230px;
	line-height: 1.5em;
}

.imgborder{
	border: 5px solid #DDDDDD;
}

.imgborderright{
	border: 5px solid #DDDDDD;
	float: right;
	margin-left:10px;
	margin-bottom:10px;
}

.imgborderleft{
	border: 5px solid #DDDDDD;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
}

.imgborderleft_small{
	border: 2px solid #DDDDDD;
	float: left;
	margin-right:10px;
	margin-bottom:0px;
}

.imgborderpeople{
	border: 5px solid #DDDDDD;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px
}

#midCol a{
	font-weight:normal;
}

#midCol{
	color:#444;
	float:left;
	margin:25px 0px 0px 15px;
	width:230px;
	line-height:1.4em;
}

#midColWide{
	color:#444;
	float:left;
	margin:25px 0px 0px 15px;
	width:470px;
	line-height:1.4em;
}

#midColWide ul li{
	list-style:none;
	background:url(../images/layout/squarebulletblue.gif) no-repeat 0px 10px;
	line-height:1.4em;
	padding:4px 0 0px 16px;
}

#midColHome{
	color:#444;
	float:left;
	margin:185px 0px 0px 15px;
	width:230px;
	line-height:1.4em;
}

#midColHome ul li{
	list-style:none;
	background:url(../images/layout/squarebullet.gif) no-repeat 0px 10px;
	line-height:1.4em;
	padding:4px 0 0px 16px;
}

.middle_links ul li{
	background:url(../images/icons/li.gif) no-repeat 0 3px;
	color:#b9b09e;
	line-height:1.4em;
	border-top:1px solid #BBB;
	padding:4px 0 4px 16px;
}

#tertCol{
	float:left;
	width:230px;
	margin:25px 0px 0px 15px;
	line-height:1.4em;
}

#tertColHome{
	float:left;
	width:230px;
	margin:185px 0px 0px 15px;
	line-height:1.4em;
}

#tertColHome a, #tertColHome a:active, #tertColHome a:visited{
	color:#f2f67e;
	font-weight: bold;
}

#tertColHome a:hover{
	text-decoration:underline;
}

/* footer - text string and links */
#footer p {
	padding: 7px 0px 14px 0px;
	margin: 0px 20px 0px 20px;
	font-size: 9px;
}

#footer p a{
	font-weight:bold;
	font-size: 9px;
	color:#333;
}

/* float rules */
.floatleft{
	float:left;
	margin:3px 7px 0 0;
}

.floatright{
	float:right;
	margin:3px 0 0 7px;
}

.right{
	float:right;
}

.left{
	float:left;
}

.clear{
	clear:both;
}

.fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.fix{
	display:inline-block;
}

* html .fix{
	height:1%;
}

.fix{
	display:block;
}

table {
	padding:0px;
	margin:0px;
}

tr.gray td{
	background-color: #EEEEEE;
}

tr.gray div{
	padding:10px;
}

td.table_underline{
	color: #175277;
	font-weight:bold;
	border-bottom:1px solid #DDDDDD;
}

td.progmonth{
	border-bottom:1px solid #DDDDDD;
	padding-top:20px;
}

td.items{
	padding:3px 0px 3px 0px;
	border-bottom:1px solid #DDDDDD;
}

td.blueitems{
	padding:3px 0px 3px 0px;
	border-bottom:1px solid #DDDDDD;
	color: #4a8797;
}