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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background: #dedede;
	margin: 0;
	padding: 0;
	color: #2c407a;
	line-height: 20px;
	 text-align:center;
}



A:link {text-decoration: underline; color: #2c407a;}
A:visited {text-decoration: underline; color: #2c407a;}
A:active {text-decoration: underline;; color: #2c407a;}
A:hover {text-decoration: none; color: #2c407a;}


.whitelink A:link {text-decoration: none; color: #fff;}
.whitelink A:visited {text-decoration: none; color: #fff;}
.whitelink A:active {text-decoration: none; color: #fff;}
.whitelink A:hover {text-decoration: underline; color: #fff;}


h3:link {text-decoration: none; color: #2c407a;}
h3:visited {text-decoration: none; color: #2c407a;}
h3:active {text-decoration: none;; color: #2c407a;}
h3:hover {text-decoration: underline; color: #2c407a;}



.bio {
	margin: 20px 0 20px 0;
	width:569px;
	
	}

.bioimg{

	float: left;
	width: 65px;
	height: 65px;
	margin:5px 20px 20px 0 ;
	}
	
.biotext{
	
	float: right;
	width: 450px;
	margin:10px;
	}
	

.quote{
	float:right; 
	width: 240px; 
	height: 100px;  
	padding: 30px 20px 0 20px; 
	font-size:25px; 
	font-style:oblique; 
	line-height:28px; 
	text-align:center;
	}

.infobox{
	float:right; 
	width: 230px; 
	height: 70px;  
	margin: 15px 15px 15px 25px; 
	padding: 15px;
	font-size:12px; 
	font-style:oblique; 
	line-height:26px; 
	text-align:center;
	background-color:#fefbdd;
	}



.portfolio {

		width:360px; 
		padding:0;
 		float: right;

 }
 
 .spotlight {
 	width: 569px;
	}
 
	
.portfolio2 {
	background-color: #fff;
	float: left;
	width: 175px;
	padding:0 19px 0 0;
	text-align:left;
	margin: 0 10px 0 0;

	clear: left;
	}
	
.spotlight A:link {text-decoration: none; color: ##2c407a; font-weight:600;}
.spotlight A:visited {text-decoration: none; color: ##2c407a;}
.spotlight A:active {text-decoration: none; color: ##2c407a;}
.spotlight A:hover {text-decoration: underline;  color: ##2c407a;}

.yellowbox {
	background-color:#fefbdd;
	padding: 15px;
	margin: 0;
	clear: both;
	
	}
	
.process {
	background-color:#fefbdd;
	padding: 15px;
	margin: 0;
	clear: both;
	
	}
	
	
.processlist {	
	width: 550px;
	float: left;
	padding: 0px;
	margin: 0;
	clear: right;
	margin-bottom: 20px;
	
	}
	
.numbercol {
	float: left;
	padding: 0 15px 15px 15px;
	margin: 0;
	clear: both;
	
	}
	
.processbody{
	float: left;}
	
	
	

.padbox {
	float: right;
	padding:0;
	margin: 0;
	width: 450px;
	}
	
.padimg {
	float: left;
	
	padding: 0;
	margin: 0;
	}



h1{
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:300;
	margin: 0;
	padding: 0 2px 0 0;
		clear: both;
	}
	
h2{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:600;
	margin: 0;
	padding: 0;

	}
	
	
	
h3{
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:300;
	margin: 0;
	padding: 0;
	
	}
	
h4{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:300;
	margin: 0;
	padding: 0;
	
	}
	
#container {
	width: 813px;
	background-color: #d9eaff;
	margin: 25px auto 25px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
}

#header {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0;
	height: 123px;
	overflow:hidden;
}

#logo {
	float: left;
	width: 183px;
	height: 123px;
	}
	
#head_banner{
	background-image:url(images/headbanner.jpg);
	float: right;
	width: 630px;
	height: 96px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	}
	
#menu{
	position: relative;
	background-image:url(images/mainmenubg.gif);
	float: right;
	width: 630px;
	height: 27px;
	margin: 0;
	color:#FFFFFF;
}

#menu ul{
	float: right;
	margin: 3px 15px 0 0;
	padding: 0;
	}


#menu li {
	display:inline;
	list-style-type:none;
	margin: 10px;
	padding: 0;
	}

	
#subnav{
	padding:0;
	float: left;
	width: 190px;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	}
	

	
#subnav ul{
	margin: 0;
	padding: 10px 0px 17px 17px;
	
	}
	
#subnav li{
	list-style-type:none;
	margin:0 0 0 10px;
	padding: 0;
	}	
	
#contentarea{
	float: right;
	padding: 27px;
	margin: 0;
	width:569px;
	background-color:#fff;
	}
	
#footer{
	clear:both;
	width: 813px;
	height: 25px;
	background-image:url(images/bottom.gif);
	}
	
#advertising{
	background-color:#183073;
	color: #fff;
	clear:both;
	width: 190px;
	height: 150px;
	padding: 0;
	line-height: 21px;
	}

	
	
	.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
#sidebar, #searchform {
	width: 145px;
	padding: 2px 0 2px 2px;
	float: right;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
.narrowcolumn {
	float: left;
	padding: 0;
	margin: 0;
	width: 415px;
	}
	
.categories {
	width: 145px;}