/* ----------|  body  |--------------- */
body {
	margin: 0;
	padding: 0px 0 0;
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: #052845;
	text-align: center;
	}
#wrap {
	margin: 0 auto;
	background: #ECF3E1 url(../images/sidemenu_bg.gif) no-repeat right bottom;
	color: #333;
	padding: 0;
	text-align: left;
	width: 750px;
	width: 750px;
	border: 3px none #03223A;
	height:100%;
}
/* ----------------------- // HEADERS // ------------------------ */
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif; }
h1 { margin:0 0 5px; color: #5874A7; background-color:transparent; }
h2 { font-size: 12pt; }
h3 { font-size: 11pt; }

/*-------------------------// NAVIGATION //-----------------------------*/
#nav {
	float: left;
	background: #205484 url(../images/bg_footer.gif) repeat-x 0px -22px;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #03233E;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	background: none;
}
#nav a {
	float: left;
	padding: 4px 20px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	line-height: 19px;
	border-top: 1px none #0B1821;
}
#nav  a em {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
#nav a:hover, #nav a.active {
	color: #fff;
	background: #061239;
}
/* skiplinks
----------------------------------------------------------------------------- */
#js { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: 400px;
	height: auto;
	border: 0;
	margin: 0;
	padding: 2px;
	background: #FFFF00;
	z-index: 10000;
	color: #330000;
	left: 243px;
	top: 292px;
	text-align: center;
}
#skip ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#skip li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#skip a { /* Colour */
	font-weight: bold;
	position: absolute;
	top: 40px;
	left: 30%;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 1.6em;
	z-index: 1002;
}
#skip a:active, #skip a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 8px;
	background: #FFF;
	z-index: 10000;
}
/* ---------- //  Main Layout //-------------- */
.abbr, .acronym{
	border-bottom: 1px dotted #0066CC;
	cursor: help;
}
.abbr:hover{background-color:#0066CC;color:#FFF;}
#mainbody {
	float: left;
	margin: 0;
	width: 550px;
	background: #FFFFFF url(../images/greyshadow.gif) repeat-x left top;
	border-right: 1px solid #C0D89C;
}
#content {padding: 15px 10px 10px;}
#content p {line-height: 1.8em;}
#content h1{ font-size:26px;line-height: 1.2em;}
/* ----------|  Side Bar  |--------------- */
#sidebar {
	float: right;
	padding: 0;
	margin: 0;
	width: 197px;
	background: transparent url(../images/greenshadow.gif) repeat-x 0px 0px;
	border-top: 1px none #D2E1BB;
	border-right: 1px none #D2E1BB;
	border-bottom: 1px none #D2E1BB;
	border-left: 1px none #D2E1BB;
	text-align: left;
	height: 450px;
}
#sidebar p {margin: 0 20px;padding: 5px 0;}
#sidebar h2 {
	color: #FFFFFF;
	margin: 8px 4px;
	padding: 3px;
	background: url(../images/bg_sidebar_h3.gif) repeat-x;
	font-weight: normal;
	font-size: 13px;
}
/* ----------|  Footer  |--------------- */
#footer {
	margin: 0;
	color: #FFFFFF;
	text-align: left;
	background: #000033 url(../images/bg_footer.gif) repeat-x left top;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	clear: both;
	height: 30px;
	padding: 15px 8px 0px;
}
#footer ul {margin: 0;padding: 0;list-style: url(none) none;}
#footer .copyright {float: left;width: 400px;clear: left;}
#footer li {list-style: url(none) none;margin: 0;padding: 0;}
#footer .disclaimer {
	float: right;
	width: 250px;
	clear: right;
	text-align: right;
}
#footer a { color: #B0D7EA; text-decoration: none; }
#footer a:hover{ text-decoration: underline;}
#work {list-style:none;margin:0;padding:0;}
#work p {
	line-height:1.4em;
	margin:0;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 0;
	text-align: justify;
}
#work li {
	list-style:none;
	width: 82%;
	margin-bottom: 10px;
	border: 1px none #E8E8E8;
} 
#work li a { margin:15px 0 0 0; padding:0; }
.authordiv {
	background: #EDF5FB url(../images/bg_bio.gif) no-repeat left top;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #CEE1ED;
}
.authordiv p {
	padding-bottom: 2px;
	margin: 2px 0px;
	padding-top: 2px;
	line-height: 2.0em;
}
.authordiv strong {color: #243C55;}
.sitediv {padding: 4px 8px 8px;margin: 0;}
#sidebar li {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333333;
	list-style: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}
#sidebar ul {padding-left: 5px;margin-left: 5px;}
#sidebar a {
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #006600;
	margin: 0px;
}
#sidebar a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #98C13C;
}
#sidebar h5 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
/*  ------------------|  CONTACT FORM STYLES  |------------------------*/
#feedback {
	background: #ECF3E1;
	padding: 8px;
	width: 320px;
	}
	
#feedback  textarea, #feedback  input.inputbox {
	width: 302px;
	border: 1px solid #D2E1BB;
	padding: 1px;
	color: #394B1F;
	font: 11px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	}
#content a {
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #2353AB;
	text-decoration: none;
	margin: 0px;
	}
#content a:hover{text-decoration: underline;}
#contact_success {
	font-weight: bold;
	color: #FFFFFF;
	background: #009933;
	margin: 5px;
	width: auto;
	padding: 5px;
}
#contact_failure {
	font-weight: bold;
	color: #FFFFFF;
	background: #CC0000;
	border: 1px none #660000;
	margin: 5px;
	width: auto;
	padding: 5px;
}
.message_notice {
	background: #FFEAF4;
	border-top: 1px solid #C6005E;
	color: #AA0051;
	padding: 10px;
}
/*----------------------// LOGOS & SUCH // ---------------------------- */
#logo {
	background: #225E9C url(../images/header_banner.gif) center;
	padding: 0;
	margin: 0;
	float: left;
	width: 750px;
	height: 140px;
}
#bio-logo {
	background: #FFFFFF url(../headers/bioheader.jpg) no-repeat right top;
	height: 140px;
	padding: 0;
	margin: 0;
	float: left;
	width: 750px;
}#contact-logo {
	background: #D7D7D7 url(../headers/contactheader.jpg) no-repeat left top;
	height: 140px;
	padding: 0;
	margin: 0;
	float: left;
	width: 750px;
}
#projects-logo {
	background: #6883A0 url(../headers/resourcesheader.jpg) no-repeat right top;
	height: 140px;
	padding: 0;
	margin: 0;
	float: left;
	width: 750px;
}
#port-logo {
	background: #D7D7D7 url(../headers/portfolioheader.jpg) no-repeat left top;
	height: 140px;
	padding: 0;
	margin: 0;
	float: left;
	width: 750px;
}
.img {
	display: block;
	border: 2px solid #DEDFE2;
	padding: 2px;
}
.clear {clear: both;}
a:hover .img {
	display: block;
	border: 2px solid #91B1EE;
}
#work li a {
	font-size: 14px;
	font-weight: bold;
	color: #0087E1;
	margin-top: 5px;
}
#work li a:hover {text-decoration: underline;border: none;}
/* ----------------------// NEWS STYLES // ------------------------*/
#current_news { padding: 10px; }
.subject {
	font-size: 13px;
	font-weight: bold;
	color: #5874A7;
}
#originalpost {
	background: #FFFFFF;
	padding: 0px;
	text-align: center;
	border: 1px solid #D2E1BB;
	margin: 0px;
}
#originalpost .top {
	display: block;
	background: #ECF3E1;
	padding: 5px;
	text-align: left;
	margin: 0px;
	border-top: 1px solid #D2E1BB;
	border-right: 1px none #D2E1BB;
	border-bottom: 1px solid #D2E1BB;
	border-left: 1px none #D2E1BB;
}
#originalpost .bottom {
	display: block;
	padding: 5px;
	margin: 0px;
	background: #ECF3E1;
	border-top: 1px solid #D2E1BB;
	border-right: 1px none #D2E1BB;
	border-bottom: 1px solid #D2E1BB;
	border-left: 1px none #D2E1BB;
}
#originalpost .postbody {
	display: block;
	padding: 5px;
	text-align: left;
	margin: 0px;
}
#comments {
	padding: 0px;
	border: 1px solid #D2E1BB;
	background: #FFFFFF;
}
#comments .top {
	background: #ECF3E1;
	display: block;
	padding: 5px;
	border-top: 1px none #D2E1BB;
	border-right: 1px none #D2E1BB;
	border-bottom: 1px solid #D2E1BB;
	border-left: 1px none #D2E1BB;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #336600;
	text-align: center;
}
#postcomment {
	padding: 0px;
	border: 1px solid #D2E1BB;
	background: #FFFFFF;
}
#postcomment  .top {
	background: #ECF3E1;
	display: block;
	padding: 5px;
	border-top: 1px none #D2E1BB;
	border-right: 1px none #D2E1BB;
	border-bottom: 1px solid #D2E1BB;
	border-left: 1px none #D2E1BB;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #336600;
}
#postcomment textarea, #postcomment .txt-input {
	padding: 1px;
	border: 1px solid #D2E1BB;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
#originalpost .title {
	background: #EAEAEA;
	padding: 5px;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
}
#postcomment span {
	text-align: left;
	display: block;
	background: #ECF3E1;
	padding: 4px;
}
#postcomment form {margin: 0px;padding: 0px;}
.newsbody {
	color: #666666;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	border-bottom: 1px dotted #666666;
}	
input.button {
	background: #486C01 url(../images/bg_submit.gif) repeat-x left top;
	border: 1px solid #9BA68B;
	cursor: pointer;
	margin: 4px 0px 0px;
	color: #FFF;
	font-size: 11px;
	padding: 2px;
	}
input.reset {
	background: #CCC;
	border: 1px solid #666;
	cursor: pointer;
	}
.portfolio_item {
	background: url(../images/folio_bg.gif) repeat-y left center;
	padding: 10px;
	display: block;
	margin: 0px 0px 20px;
	width: 421px;
	border-top: 1px solid #D1E4F1;
	border-right: 1px none #D1E4F1;
	border-bottom: 1px solid #D1E4F1;
	border-left: 1px none #D1E4F1;
}
.quoteday {
	padding-right: 10px;
	padding-left: 10px;
}
/*------------------------------------ SIFR RULES ----------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash  #content h1 {
    background-color:transparent;
	visibility: hidden;
	letter-spacing: -9px;
	font-size:26px;
}
.sIFR-hasFlash  #content h2 {
	background-color:transparent;
	visibility: hidden;
	font-size:20px;
	line-height: 1.3em;
	font-weight: bold;
}
.sIFR-hasFlash .portTitle{
    background-color:white;
	visibility: hidden;
	color: #0099FF;
	margin: 0;
	padding: 0;
}
.sIFR-hasFlash h3 {    
 background-color:transparent;
 visibility: hidden; 
 letter-spacing: -6px; 
 font-size: 16px; margin:0 0 5px 0;
}