﻿/**
basic stlyes
Mike Bommarito
Last Revision 10/30/2008
**/

html{height: 100%}
body{font-family: Arial, sans-serif;font-size: 12px; background:url(../images/BBG.gif) repeat;color: #000;margin: 0;}
a:link, a:visited, a:active{}
code{font-family: Courier, "Courier New", monospace;font-size: 12px;}
img{border: none;}
dt{font-weight: bold;padding-bottom: 5px;}
dd{padding-bottom: 15px;}
form{margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6{font-weight: bold;color: #000;margin-top: 5px;margin-bottom: 3px;padding: 0px;}
h1{font-size: 25px; color:#333; margin-top:15px}
h2{font-size: 16px;}
h2.name{font-size: 16px; text-align:right; border-bottom:1px solid #997a80; color:#333;}
h2.subhead{font-size: 16px; border-bottom:1px solid #666; color:#666; padding-top:15px;}

h3{font-size: 14px;}
h4{font-size: 12px;}
h5{font-size: 10px;}
h6{font-size: 10px;}
hr{border: 0px;margin-top: 12px;border-top: 1px dashed #999;height: 1px;}
.red{ font-weight:bold; margin:0px 1px; color:#990000}
#body_container{
	width:770px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	position:relative;
	/**background:url('../images/body_background.gif') repeat-y;**/
	background:#FFF;
	margin:0px auto 0px auto;
}

#content_container{
	position:relative;
	width:770px;
	padding:8px 0px 0px 0px;
	margin:0 auto;
	border-bottom:1px solid #ccc;
}

#contact input,#contact select{ font-size:.9em;}
#contact{ margin-top:15px; margin-bottom:25px}
#top_nav{font-size:11px; padding:0px 8px 10px 8px; }
#top_nav a{ color:#463435; text-decoration:none;}
#top_nav ul{ position:absolute; top:0px; right:5px; margin:0; padding:0;}
#top_nav ul li{ float:left; list-style-type:none; padding:7px 5px;}
#top_nav ul li.on{background:url('../images/topnav_arrow.jpg') no-repeat top center;}
#top_nav ul li.current{background:url('../images/topnav_arrow.jpg') no-repeat top center;}

#intro_img{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#internal_img{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

#content{ padding:10px 10px 40px 10px; margin:0; position:relative; height:100%;}
#content .redbox{
	padding:15px 15px 30px 15px; 
	width:475px;
	margin:0;
	background:url('../images/red_bg.jpg');
	color:#FFF;
	font-style:italic;
	float:left;
}

#content .greenbox{
	width:230px;
	margin:0;
	float:right;
	color:#125618;
	text-align:center;
}

/**INNER CONTENT STYLES**/
#inner_content{
	float:right;
	width:600px;
}

#inner_content ul{ list-style-type:none; padding:0px; margin:5px 0px 10px 0px;}
#inner_content ul li ul{ list-style-type:none; padding:0; margin:0;}
#inner_content ul li b{ color:#333; display:block; padding-top:10px;}
#inner_content ul li ul li{	background:url(../images/bullet_red.png) top left no-repeat; padding:0px 0px 0px 20px;}

#tabber{ min-height:208px;  height:auto !important;  height:208px; background:url(../images/tab_bg.jpg) top no-repeat; width:598px; margin:0 auto;}
ul.tabnav{ margin:0; padding:0; overflow:auto; width:100%;}
ul.tabnav li{ float:left; margin:0px 3px;}
ul.tabnav li.on a{ display:block; padding:5px 10px; background:url(../images/tab_bg_red.gif) repeat-x;border:1px solid #666; border-bottom:0; color:#FFF; text-decoration:none;}
ul.tabnav li.off a{ display:block;padding:5px 10px; background:#eee; border:1px solid #CCC; border-bottom:0; color:#000; text-decoration:none;}
ul.tabnav li.off a:hover{ background:url(../images/tab_bg_red.gif) repeat-x; color:#FFF;}

.caselist{position:relative;}
.caselist li{ padding-left:35px;padding-bottom:5px; background:url(../images/check.png) 3% 0% no-repeat;}

.green{ color:#006600}
.greenlist li{ padding-left:25px; padding-top:2px; padding-bottom:10px; color:#003300; background:url(../images/greenlisticon.jpg) top left no-repeat;}
.greenlist2 li{ padding-left:25px; color:#003300; padding-bottom:10px; background:url(../images/ecolistitem.jpg) top left no-repeat;}

.genlist li{ padding-left:20px; padding-top:3px; padding-bottom:3px; color:#003300; background:url(../images/servicelisticon2.jpg) left no-repeat; line-height:15px;}

.services li{ font-style:italic; padding-bottom:15px; padding-left:25px;color:#003300; background:url(../images/servicelisticon.jpg) top left no-repeat;}
.services li a{ display:block; font-size:1.2em; padding-bottom:5px; color:#333; font-style:normal}

.mag{ width:100%;}
.mag li a{ display:block; color:#333;padding:5px 25px; background:url(../images/magnify.png) no-repeat 1% 50%;height:15px; line-height:15px; }
.mag li a:hover{ background:url(../images/goto.png) no-repeat  1% 50%; background-color:#ede7de;}
.mag li{ color:#003300;}
.mag li.other{ background:#f9f5ef;  border-top:1px solid #CCC; border-bottom:1px solid #CCC;}


#quicklinks{ margin:10px 0px;}
#quicklinks span{height:15px;font-weight:bold; margin-right:10px; color:#333; padding-left:20px; background:url(../images/magnify.png) left no-repeat;}
#quicklinks a{ color:#666; margin:5px 5px; display:block;}
#quicklinks a:hover{ text-decoration:none; color:#333;}
.tabbedlist li{	background:url(../images/bullet_red.png) top left no-repeat; padding:0px 0px 10px 20px;}

.breadcrumbs{
	font-style:italic;
	font-size:80%;
	color:#7b7b7b;
	border-bottom:1px solid #CCC;
	padding-bottom:2px;
}

.breadcrumbs a{
	color:#333;
	text-decoration:none;
}
.breadcrumbs a:hover{
	text-decoration:underline;
}

.detail{ margin:0; padding:0;}

.ileft{ float:left; margin:10px 10px 10px 0px; border:1px solid #997a80; clear:left;}
.iright{ float:right; margin:10px 0px 10px 10px; border:1px solid #997a80; clear:right;}

.testimonial1{ font-style:italic; color:#333;background:url(../images/comments.png) 0px 5px no-repeat; padding:5px 0px 5px 20px;}
.testimonial2{ font-style:italic; color:#333; background:url(../images/comments.png) 0px 5px no-repeat; background-color:#f5f5f5; padding:5px 0px 5px 20px; margin:15px 0px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}

.tabpeople{ width:493px; float:right; border:1px solid #ccc; padding:5px;min-height:350px;height:auto !important;height:350px; background:url('../images/menu_grade_bottom.jpg') bottom repeat-x;
 }
.listpeople{ float:left; width:95px; margin:0; padding:0;}
.listpeople li a{ display:block; padding:5px 3px; text-decoration:none;}
.tab_on a{ background:#FFF;color:#990000; position:relative; left:1px; border:1px solid #EEE; border-right:0; }
.tab_off a{ color:#333; border:1px solid #FFF; border-right:0; }
.tab_off a:hover{ color:#bf3e43;}
.joblisting{  display:block; padding:0px 20px; height:16px; line-height:16px; background:url(../images/bullet_add.jpg) no-repeat center left; color:#990000}
.joblisting_on{  display:block; padding:0px 20px; height:16px; line-height:16px; background:url(../images/bullet_delete.jpg) no-repeat center left; color:#990000}

.worddoc{ display:block; padding:5px 20px 5px 20px; color:#333; text-decoration:none; background:url(../images/wordicon.jpg) no-repeat left;}
/**END INNER CONTENT**/

/**LEFTNAV STYLES**/
#leftnav{
	width:135px;
	margin:0;
	float:left;
	height:100%;
	height:auto !important;
}
#leftnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#leftnav ul li a{ text-decoration:none; color:#FFF; line-height:15px; height:15px; display:block;	padding:0px 0px 2px 15px;}
#leftnav ul li a:hover{ color:#e3e3e3; background:url(../images/bullet_orange.png) left no-repeat;}
#leftnav ul li.on{color:#e3e3e3; background:url(../images/bullet_orange.png) left no-repeat;}

a.leftheadon{ color:#ffba00; font-size:14px; text-decoration:none; display:block; padding:5px 0px;}
a.leftheadoff{ color:#fff; font-size:14px; text-decoration:none; display:block; padding:5px 0px;}
a.leftheadoff:hover{ color:#ffba00}

/**END LEFTNAV STYLES**/

#footer{ font-size:11px; color:#787777; height:68px; background:url('../images/awards_gif2.gif') right no-repeat; width:770px; margin:0 auto; padding:3px 0px;}
#footer a{ color:#333; text-decoration:none;}
#footer a:hover{ color:#000; text-decoration:underline;}

.bottom_list{ list-style-type:none; margin:10px 0px 0px 0px; padding:0; overflow: hidden; width: 100%;}
.bottom_list li{ float:left;}
.bottom_list li a img{ border:1px solid #CCC; padding:2px; background:#EEE;}
.bottom_list li a:hover img{ border:1px solid #666; background:#FFF;}
.bottom_list li.middle{ padding:0px 33px;}


.whitehead{ display:block; font-size:1.3em; font-style:normal; padding-bottom:5px; color:#FFF;}
.greenhead{ display:block; font-size:1.3em; font-style:normal; padding-bottom:5px; color:#125618}
.clearb{ clear:both; }
.clearl{ clear:left;}
.clearr{ clear:right;}
.spacer{ margin:0px 5px;}
.copyright{ padding:0; margin:0;}
.slider{ width:500px; margin:0 auto; padding-top:15px;}
.viewhere{ color:#666; display:block; padding-top:10px;}
.viewhere a{ color:#c5515c;}
.greenlink{ font-weight:bold; color:#ccc; font-size:1.3em; text-decoration:none}
.greenlink:hover{ text-decoration:underline;}
.return{ color:#666;}
.return:hover{ text-decoration:none; color:#333;}
.sublink{ color:#333;}
.hidden{ display:none; visibility:hidden;}
.visible{ display:block; visibility:visible;}
