/* CSS Document */

	body {
		font-size: 80%;
		line-height: 1.6;
		font-family: Arial, Helvetica, sans-serif;
		background: #AFC4D8;  /*558899*/
		margin: 0;
		color: #154E7D;    /*52789A*/;
	}
	
	table {
		font-size: 1em;
	}
	h4 { font-size:120%; font-weight:bold; color:#445566; text-decoration: underline;
	margin-bottom: 4px;
	}
	
	.leftclear{float: left; clear: both;}
	
	#site {
		width:  800px;
		border-left: 1px solid white;
		border-right: 1px solid white;
	}
	
	#masthead {
		background: url(img/masthead.jpg) no-repeat;
		height: 109px;
	}
	
	#masthead img {
		position: relative;
		left: -205px;
		top: 48px;
	}
	
	#navigation {
		height: 50px;
		background: #efefef url(img/nav_bg.gif) repeat-x;
		border-left: 1px solid #D2D5D7;
		border-right: 1px solid #D2D5D7;
	}
	/*#navigation img {
		position: relative;
		left: 38px;
	}*/
	#navigation ul {
		font-size: 9pt;
		line-height: 25px;
		text-align: right;
		display: block;
		margin: 0;
	}
	#navigation ul li {
		display: inline;
		list-style-type: none;
	}
	#navigation ul li a {
		text-decoration: none;
		margin-right: 0.7em;
		margin-left: 0.7em;
		text-decoration: none;
		color: #154E7D; /*193652*/
		font-size: .92em;
		font-weight: bold;
	}
	/*testing:-------------------------------------------*/
	#navigation ul li a:hover {
		color: #f2f4f5; /*  #00aaaa  193652 #154E7D */
		font-size: .94em;
		font-weight: bold;
	}
	/*testing:-------------------------------------------*/
	
	#navigation .selectednav {
		color: #193652;
	}
	#main {
		background: #AFC5D6;
	}
	#graphic {
		width: 219px;
		height: 304px;
		float: left;
		background: url(img/leftbox_home.jpg) no-repeat;	
	}

	#textbody {
	background: url(img/textbody_right_bg.jpg) no-repeat top right;
	position: relative;
	left: 7px;
	top: 0px;
	padding: 24px 20px 35px 0;
	text-align: left;
	width: 440px;
	}

#textbody #headline {
		font: bold 1em/2 Verdana, Arial, Helvetica, sans-serif;
		}
		
	
	#hire {
	position: relative;
	left: 0px;
	top: -240px;
	float: right;
	background: url(img/hiring.jpg) top right no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	width: 101px;
	height: 244px;
	}
    #notes {
    text-align: left;
    padding-left: 10px;
    }

	#sections {
	clear: both;
	width: 800px;
	height: 213px; 
	background: #88B0CC; /*7BA4C2*/
	color: #FFFFFF;
	font-size: 76%;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	}
	
	#sec1 {  /*section 1=separator*/
	background: url(img/box1.jpg) top left no-repeat;
	float: left;
	height:213px;
	width: 201px;
	}
	
	#sec2 {  /*section 1=separator*/
	background: url(img/box1.jpg) top left no-repeat;
	float: left;
	height:213px;
	width: 201px;
	display: block;
	}
	
	#sec3 {  /*section 1=separator*/
	background: url(img/box1.jpg) top left no-repeat;
	float: left;
	height:213px;
	width: 201px;
	}
	#sec4 {  /*section 1=separator*/
	background: url(img/box2.jpg) top left no-repeat;
	float: left;
	height:213px;
	width: 197px;
	}
	
	#sites {
		background: #7DA6C4; /*7BA4C2*/
		color: #FFFFFF;
		width: 400px;
	}
	
	#txtalign {
	font-weight: 900;
	margin-left: 30px;
	text-align: left;
	display: block;
	}
	
	#txtalign a:hover {
	text-decoration: underline;
	color: #ffffff;
	}
	#txtalign a {
	color: #154E7D;
	text-decoration: none;
	}
	#rightbar {
		background: url(img/left_bg.jpg) top no-repeat;
		
	}
	
	#footer {
		font-size: .95em;
		height: 33px;
		background: #8AB1CE url(img/footer_bg_test.gif) repeat-x;
		border-top: 1px solid white;
		clear: both;
	}