html { height: 101%; }
body, html { color: #333; background: #fff; padding: 2px; margin: 0px; }
body { 
	width: 800px;
	font-size: 11px; font-family: arial, helvetica, sans-serif;
	margin: 0px auto;
	}
h1, h2, h3, h4, h5, h6 {
	padding: 0px; margin: 0px 0px 15px 0px;
	}	
h1 {
	/*font-family: "Century Gothic", arial, helvetica;*/
	font-family: arial, helvetica, sans-serif;
	font-size: 18px; font-weight: bold;
	color: #990000;	
	padding-bottom: 15px; border-bottom: 1px solid #e2e2e2;
	}
h2 { font-size: 11px; }
h3 { font-size: 9px; color: #FFFFFF; }
h4 { font-size: 9px; color: #333333; }
h6 { font-size: 10px; color: #333333; }

table { font-size: 11px; line-height: 14px; }

#header { width: 820px; height: 80px; padding-top: 10px; }
#hdr-logo { float: left; width: 200px; margin-left: 10px; }
#hdr-date { float: right; width: 130px; padding-top: 60px; margin-right: 6px; }

#container { clear: both; width: 800px; margin-bottom: 2px; overflow: auto; }
#content { width: 800px; overflow: auto; }
div.main { padding: 20px 4px; }
#banner { width: 450px; overflow: hidden; }

div.col { float: left; overflow: auto; }
div.col-left { width: 176px; margin-right: 2px; }
div.col-center { width: 450px; margin-right: 2px; }
div.col-right { width: 170px; overflow: auto; }
div.col-right-content { padding: 6px; }
div.col-right-img { width: 170px; margin-bottom: 10px; overflow: hidden; }

div.col-center-home { width: 450px; background: #e2e2e2; }
div.col-right-home { width: 200px; }

div.row { clear: both; }

div.membership { display: none; font-size: 9px; line-height: 13px; }

#tagline { 
	clear: both; 
	width: 800px;
	color: #fff; background: #333;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	padding:8px 0px; border-top: 2px solid #900;
	}
#tagline p { font-size: 14px; padding: 0px; margin: 0px; }

#footer {
	clear: both;
	width: 800px;
	color: #666; background: #fff; 
	font-size: 10px; font-weight: bold; text-align: center;
	padding: 4px 0px;
	overflow: auto;
	}
#footer p { margin: 0px; }
#footer a { color: #900; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#menu {
	width: 176px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; line-height: 24px; font-weight: bold;
	margin: 0px;
	}
#menu ul { background: #F4EDDB; list-style-type: none; padding: 0px; margin: 0px 0px 50px 0px; }
#menu ul li {
	list-style-type: none;
	padding: 0px; margin: 0px;
	}
#menu ul li a {
	display: block;
	color: #990000; background: transparent;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0px 4px;
	}
#menu ul li a:hover { color: #fff; background: #A52F21; }

/********/

ul.sidebarList {
	list-style-type: square;
	color: #999;
	padding: 0px;
	margin-left: 40px;
	}
ul.sidebarList li {}
ul.sidebarListServices { margin-top: 45px; }
ul.sidebarListServices li {	margin-bottom: 10px; }
	
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}

div.submenu { font-family: arial, helvetica, sans-serif; font-size: 12px; }
div.submenu h3 { color: #900; font-size: 16px; margin-bottom: 6px; }
div.submenu ul { list-style-type: none; padding: 0px; margin: 0px; }
div.submenu ul li { padding: 0px; margin: 0px; }
div.submenu ul li a,
div.submenu ul li a:visited,
div.submenu ul li a:active { color: #666; text-decoration: none; }
div.submenu ul li a:hover { color: #900; }
div.submenu-gap { padding-top: 12px; border-top: 1px solid #666; margin-top: 41px; }

#breadcrumb { width: 800px; height: 20px; color: #fff; background: #900; }
#breadcrumb ul { list-style-type: none; padding: 0px; margin: 0px 0px 0px 180px; }
#breadcrumb ul li { display: inline; font-size: 11px; line-height: 20px; }
#breadcrumb ul li a,
#breadcrumb ul li a:visited,
#breadcrumb ul li a:active { color: #fff; text-decoration: none; }
#breadcrumb ul li a:hover { text-decoration: underline; }

body.project #container { background: url("/images/bg-project.png") repeat-y top right; }
body.project h1 { font-size: 16px; }
body.project h2 { font-family: arial, helvetica, sans-serif; font-size: 13px; color: #900; }
body.project div.main { padding-bottom: 0px; }
body.project div.col-right { /*background: #F4EDDB;*/ }

div.portfolio-nav { 
	padding: 2px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	}
div.portfolio-nav a,
div.portfolio-nav a:visited,
div.portfolio-nav a:active { color: #666; text-decoration: none; }
div.portfolio-nav a:hover { color: #900; text-decoration: underline; }

dl.project-overview { padding: 0px 4px; margin-top: 0px; }
dl.project-overview dt {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 4px;
	}
dl.project-overview dd { margin-bottom: 6px; margin-left: 10px; }
dl.project-overview p { margin: 0px; }
dl.project-overview p a,
dl.project-overview p a:visited,
dl.project-overview p a:active { color: #900; font-weight: bold; text-decoration: none; }
dl.project-overview p a:hover { text-decoration: underline; }
