/* CSS Document */

body {
	margin: 0px;
	background-image: url(images/main_bg.gif);
	background-repeat: repeat;
	background-position: top center;
	}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	}

/* contains the peach wallpaper */
#main {
	background-image: url(images/main_bgtop.png);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	margin:auto;
	}

/* contains the logo and tagline */
.toparea {
	height: 94px;
	width: 768px;
	color: #FFE3C6; 
	margin:auto;
	}

/* NAVIGATION STYLES */
.navarea {
	height: 27px;
	width: 768px;
	font-family:Avian, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:auto;
	}
.navarea td {
	padding-left:20px; 
	padding-right:20px;
	cursor:pointer;
	}
.navbutton {
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
	background-color:#455580;
	color: #EAE7D2;
	height: 27px;
	}
.navbutton a:link,.navbutton a:visited, .navbutton a:active {
	color: #EAE7D2;
	text-decoration:none;
	}
.navbutton:hover { 
	background-color:#EBD8B8;
	color:#455580;
	}
.navbutton a:hover {
	text-decoration: none;
	color: #455580;
	}
td.navbutton:hover a { 
	color:#455580;
	}
td.navbutton:hover { 
	background-color:#EBD8B8;
	color:#455580;
	}

/*
.navbuttonon {
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
	background-color:#EBD8B8;
	height: 27px;
	}
.navbuttonon a:link,.navbuttonon a:visited, .navbuttonon a:active {
	color: #455580;
	text-decoration:none;
	}
.navbuttonon a:hover {
	text-decoration: none;
	color: #455580;
	}
*/

/* Top center area for banner images */
.centerarea {
	height: 281px;
	width: 768px;
	color: #FFE3C6;
	margin:auto;
	background-image: url(images/mid_bg.gif);
	background-repeat: repeat;
	background-position: center;
	}
.centerarea a { text-decoration:none; color: #6A6A6A; }
#midleftwide { 
	width: 420px; 
	height:232px; 
	float:left; 
	margin-top: 22px;
	margin-right:40px;
	margin-bottom: 22px;
	margin-left:40px;
	}
#midrightnarrow { 
	width: 228px; 
	height:232px; 
	float:right; 
	margin-top: 22px;
	margin-right:40px;
	margin-bottom: 22px; 
	}

/* CONTENT AREA STYLES */
.contentarea {
	width:768px;
	margin:auto;
	background-color:#FFF;
	padding-top: 20px;
	}
#contentleftwide {
	width: 420px;
	margin-right:40px;
	margin-left:40px;
	text-align: left;
	vertical-align: top;
	font-size:12px;
	line-height: 18px;
	white-space:normal;
	float:left;
	position:relative;
	}
#contentleftwide p, #contentrightnarrow p {
	line-height: 18px;
	}
#contentrightnarrow { 
	width: 228px;  
	float:right; 
	margin-right:40px;
	text-align: left;
	font-size:12px;
	}
span.citation {
	color: #455580;
	margin-bottom:24px;
	width: 100%;
	text-align: right !important;
	float: right;
	margin-top:-10px;
	}
span.more { 
	float:left;
	clear:both; 
	color: #455580;
	padding-top: 0px;
	}
.contentarea a:link {
	color: #455580;
	text-decoration: underline;
	}
.contentarea a:visited {
	text-decoration: underline;
	color: #455580;
	}
.contentarea a:hover {
	text-decoration: none;
	color: #CE9978;
	}
.contentarea a:active {
	text-decoration: underline;
	color: #455580;
	}

/* Footer that contains Contact Info */
.footer {
	background-color:#FFF;
	width:768px;
	margin:auto;
	font-size:12px;
	padding-bottom: 20px;
	padding-top: 20px;
	}
.footer .spacer { width:1px; height:60px; }

h1 { font-size: 18px; color: #4F3430; font-weight:normal; margin-bottom:18px; text-transform: lowercase; }
h2 { font-size: 16px; color: #455580; font-weight:normal; margin-bottom:18px; text-transform: lowercase; }
h3 { font-size: 14px; color: #CE9978; font-weight:normal; margin-bottom:18px; text-transform: lowercase; }
h4 { font-size: 12px; color: #4F3430; font-weight:normal; margin-bottom:18px; text-transform: lowercase; }
h5 { font-size: 10px; color: #455580; font-weight:normal; margin-bottom:18px; text-transform: lowercase; }
h6 { font-size: 8px; color: #CE9978; font-weight:normal; margin-bottom:18px; text-transform: lowercase; }

/* portfoio */ 
.portnav { float:left; clear:right; color: #000; text-align:left; width:420px; font-size:.9em; height:34px; }
.thumbnail { float:left; margin: 0px 10px 10px 0px; }
.thumbnail img { width:32px; height:32px; float:left; border:1px #663300 solid; cursor:pointer; }
.thumbnail img:hover { border-color:#000033; }
.selected { font-weight:bold; color:#1E2151; }
.porttext { float:left; color: #000; text-align:left; width:420px; font-size:.9em; opacity: .6; filter: Alpha(Opacity=60, FinishOpacity=60); text-align:center; vertical-align:middle; padding:90px 0 90px 0; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:.75em; }
.portnav a:hover { color:#1E2151; text-decoration:underline; }