/*****************************************
general styles
*****************************************/
* { margin:0; padding:0; }
		
body {
	background-color:#5c6f7b;
	font-family:arial, helvetica, sans-serif;
	color:#6b6b6b;
	font-size:12px;
}

a.learnmore{ display: block; background: url(../images/btn_learnmore.jpg) no-repeat; width: 92px; height: 31px; }
a.learnmore span{ visibility: hidden; }
a.learnmore:hover{ text-decoration: none; }

a img{ border:0; }
a{ color:#1e90b5; text-decoration:none; }
a:hover{ text-decoration:underline; }

a.readmore{
    padding: 0 13px 0 0; 
	background-image:url(../images/arrow_small.gif);
	background-position: 100% 55%;
	background-repeat:no-repeat;
}

p, #main ul, #main table{ margin: 0 0 1em 0; }

#main ul, #main ol{ margin: 0 0 1em 25px; }

/*H1: kept clean on purpose; don't add features and don't use it in the cms. use only once. the span is there for when the css isn't loaded*/
h1{  font-size:0; float:left; margin:25px 0 0 10px;	}
h1 span{ display:none; }

h2{ padding:0 0 20px 0; font-weight:normal; }
#intContent h2 {
    padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	border-bottom:1px solid #bfbfbf;
	font-size:28px;
	line-height:28px !important;
}	
#intHero h2{ padding:0; margin:0 0 20px 0; }
	
h3{
	font-size:17px;
	font-weight:normal;
	padding:10px 0 0px 0;
	margin: 0 0 10px 0px;
	color:#3c4145; 
	border-bottom:1px solid #bfbfbf;
	clear: both;
}
#leaveComment h3{ font-size:20px; border:0; }
#navBar h3{ border-bottom:0; padding: 15px 0 0 10px;}
	
h4{ font-weight:normal; font-size:16px;	clear: both; }
#footer h4{ margin: 0 0 10px 0; }

h5{ font-size:12px; font-weight:bold; clear: both; }

hr{ border: 0; border-top: 1px dotted #bfbfbf; width: 100%; margin: 5px 0; }

/**************/
.container{
	width:960px;
	margin:0 auto;
	position:relative;
}

#header{
	height:161px;
	position:relative;
	background-image:url(../images/bg_header.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}

/*global/search*/
#headerNav {
	float:right;
	margin:10px 0 0 0;
	font-size:10px;
	color:#fff;
	width:230px;
	text-align:right;
}
	
input.searchbox {
	float:left;
	border:1px solid #7c8c96;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	color:#7c8c96;
	padding:4px 6px 5px 3px;
	width:170px;
	margin: 0 3px 0 0;
}
	
#topNav{ margin:7px 0 0 0; }
	
/**MainNav**/

ul#mainMenu {   
	position:absolute;
	left:0;
	bottom:0;
	width:950px;
	background-color:#3c4145;
    background-image:url(../images/bg_menu.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px 0 0 10px;
	list-style-type:none;
}

ul#mainMenu li, ul#bottomTabs li {
	display:block;
	list-style-type:none;
	float:left;
	font-size:10px;
	background-color:transparent;
	text-transform:uppercase;
	position:relative;
	margin:0 0 -3px 0;
}

ul#mainMenu li a, ul#bottomTabs li a {
	display:block;
	padding:8px 30px 11px 25px;		
	color:#fff;
}

ul#mainMenu li.active, ul#bottomTabs li.active { background-color:#fff;	}
ul#mainMenu li.active a, ul#bottomTabs li.active a { color:#3c4145; }
ul#mainMenu li .cornerLeft, ul#mainMenu li .cornerRight { display:none; }
	
ul#mainMenu li.active .cornerLeft, ul#mainMenu li.active .cornerRight, ul#bottomTabs li .cornerLeft, 
ul#bottomTabs li .cornerRight, ul#bottomTabs li.active .cornerLeft,
ul#bottomTabs li.active .cornerRight {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:4px;
	height:30px;
	font-size:1px;
	background-image: url(../images/cornerLeft.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

ul#mainMenu li.active .cornerRight {
	left:auto;
	right:-1px;
	background-image: url(../images/cornerRight.gif);
	background-position:right top;
}

/*main*/
.outer_main{ background: #fff url(../images/bg.jpg) left top repeat-x; }
#main { border-top:1px solid #fff; 	background:#fff; width:960px; position:relative; }
	
.bigleft{ width:680px; float:left; }

/*sidebar*/

.smallright, .right_sidebar {
	width:250px;
	float:right;
	padding:0 10px 30px 10px;
}
	
.right_sidebar { 
	background-image:url(../images/bg_sidebar.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	font-size:11px;
}

#main ul.sidebarList {
	list-style-type:none;
	margin:0 0 8px 0;
}
	
#main ul.sidebarList li {
	display:block;
	border-bottom:1px dotted #bfbfbf;
	padding: 5px 0;
	font-size:12px;
}
	
.date { font-size:10px; }

/*#bannerBox { margin:15px 0 35px 0; }*/
#bannerBox { margin:315px 0 15px 0; }	
.bannerBoxBanner { float:left; margin: 0 10px 0 0 ; }
	
/*hero*/
.homeHero, #intHero {
	height:300px;
	background-position: bottom right;
	background-repeat:no-repeat;
	position:relative;
	margin:0px 0px 16px 0px;
	font-size:15px;
}
.homeHero .heroLink{ width: 100%; height: 265px; cursor: pointer; }
.homeHero .content { width:290px; padding:35px 0 0 25px; display: none; }

.slide {
	position: absolute;
	height: 300px;
	width: 680px;
}
.buttons { position: absolute; 	bottom:10px; left:10px; }
	
a.rew, a.ff { 
    display:block;
	float:left;
	width:21px;
	height:23px;
	background-image:url(../images/rew_ff.png);
	background-repeat:no-repeat;
	margin:0 2px 0 0 ;
}		
a.ff { background-position: top right; }

a.rew:hover { background-position:bottom left; }	
a.ff:hover{ background-position:bottom right; }	
	
/*Right*/
#bigRight { width:740px; float:right; }

#intHero {
	height:222px;
	padding: 40px 315px 0 30px;
	margin:0;
	line-height:24px;
	overflow: hidden;
}
	
/*************************************
*********interior pages *************/

/*sideNav, first level */

#navBar {
	float:left;
	background-color: #e3e3e3;
	background-image: url(../images/bg_navbar.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:220px;
	padding:0px 0px 200px 0px;
}

ul#sideNav { margin:0; list-style-type:none; }
	
ul#sideNav li{ display:block; position:relative; }

ul#sideNav li a{
	display:block; 
	padding: 8px 8px 7px 30px;
	background-image:url(../images/bullet_big.gif);
	background-position:18px center;
	background-repeat:no-repeat;
	color:#3c4145;
	font-weight:bold;
	border-bottom:1px solid #bfbfbf;
}

ul#sideNav li.select{
	border-bottom:1px solid #bfbfbf;
	padding: 8px 8px 7px 30px;
	background-image:url(../images/bullet_big.gif);
	background-position:18px center;
	background-repeat:no-repeat;
}

ul#sideNav li a.active { background-color:#fff; text-decoration: underline; }

/*second level*/

ul#sideNav li ul { margin: 0 0 0 15px; border-bottom:1px solid #bfbfbf; list-style-type:none; }

ul#sideNav li ul li { list-style-type:none; }

ul#sideNav li ul li a{
	background-image:url(../images/bullet_small.gif);
	font-weight:normal;
	font-size:11px;
	border:0;
}
ul#sideNav li ul li a.active{ background-color: transparent; text-decoration: underline; }

/*bottom area tabs*/

ul#bottomTabs { 
	margin:15px 0 0 10px;
	height:28px !important;
	border-bottom:1px solid #bfbfbf;
}
	
ul#bottomTabs li {
	background-color:#5c6f7b;
	margin:0 0 -1px 10px;
	border-bottom:1px solid #5c6f7b;
	text-transform:none;
	padding:0;
	position:relative;
	font-size:12px;
}
	
ul#bottomTabs li.active{ border:1px solid #bfbfbf; border-bottom:1px solid #fff; }

ul#bottomTabs li a { padding:8px 30px 5px 25px; }

ul#bottomTabs li .cornerLeft, ul#bottomTabs li .cornerRight, ul#bottomTabs li.active .cornerLeft,
ul#bottomTabs li.active .cornerRight {
	width:3px;
	height:28px;
	background-image: url(../images/corner_leftlw.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
	
ul#bottomTabs li.active .cornerLeft{ background-image: url(../images/corner_leftlwAct.gif); left:-1px; top:-1px }
ul#bottomTabs li .cornerRight{ background-image: url(../images/corner_rightlw.gif); left: auto; right:-1px; }
ul#bottomTabs li.active .cornerRight{ background-image: url(../images/corner_rightlwAct.gif); left:auto; top:-1px; right:-2px; }

#bottomContent{ padding:30px 0 50px 35px; line-height:18px; }

ul.arrowMenu {	
	display:block;
	padding:3px 3px 2px 3px;
	background-color:#5c6f7b; 
	margin:10px 10px 0px 20px !important; 
	list-style-type:none; 
	height: 25px;
}
	
ul.arrowMenu li { list-style-type:none; float:left; display:block; margin:0 3px 0 0; }

ul.arrowMenu li a {padding: 5px 12px 4px 6px; color:#fff; display:block; }
ul.arrowMenu li a.active {
	background-color:#f5f5f5;  
	color:#3c4145;
	background-image:url(../images/bg_arrowlist.gif);
	background-repeat:no-repeat;
	background-position: center right;
}

#bottomContent h3 { font-weight:bold; padding:0; }

/*#bottomContent ol, #bottomContent ul{ margin: 0 0 0 15px; }*/

#bottomContentRight-big h5{ border-bottom:1px solid #bfbfbf; margin-bottom: 5px; color:#3c4145; }
#bottomContentRight-big .header_spacer{ display: block; height: 19px; width: 100%; margin-bottom: 5px; }

#bottomContentLeft-big, #bottomContentLeft-small { float:left; width:425px;	}

#bottomContentLeft-small{ width:375px; }
		
#bottomContentRight-big, #bottomContentRight-small {float:right; width:300px; }

#bottomContentRight-big img {margin:0; padding:0;}

#bottomContentRight-big .bottom {background:#e1e2e1; /*margin:-5px 0 0 0; padding:7px 7px 4px 7px;*/ line-height:12px;}
#bottomContentRight-big .bottom_content{ padding: 7px 7px 4px 7px; }
#bottomContentRight-big .bottom div.caption {float:left; margin:4px 0 0 10px; font-size:10px;}

#bottomContentRight-big .bottom .buttons2 {float:left;	}

#bottomContentRight-big .right_content{ margin-top: 5px; }

ul#int li{ padding:7px 0 3px 0; }
#intContent { padding: 35px 10px 35px 35px; line-height:17px; }


/****team profiles****/

#team { border-bottom:1px solid #bfbfbf; margin:20px 0 20px 0; }

.teamProfile { border-top:1px solid #bfbfbf; height:1%; padding:15px 0 1px 0; }

div>.teamProfile { padding:15px 0; }

.teamProfile .left { float:left; padding:3px; border:1px solid #bfbfbf; }

.teamProfile .right { float:right; width:560px; }

/***********blog*******************/

img.rss {   }
ul#blogNav li a.rsslink{
	float: right;
	/*margin: -1.0em 5px 0 0;*/
	border:0; 
	padding:2px 10px 0 0;	
	background:transparent; 
	
}/*
ul#blogNav li li a.rsslink{
	margin: -1.5em 5px 0 0;
}*/
/*.rss_btn{ display: block; float: right; width: 12px; height: 12px; background: transparent url('../images/rss_small.png') 0 0 no-repeat; border: 1px solid #0f0; }
.rss_btn span{ display: none; }*/

/***blog side nav****/
ul#blogNav { margin:0; list-style-type:none; }
	
ul#blogNav li{ display:block; }

ul#blogNav li div{
	display:block; 
	padding: 6px 0 5px 30px;
	background-image:url(../images/bullet_big.gif);
	background-position:18px center;
	background-repeat:no-repeat;
	color:#3c4145;
	font-weight:bold;
	border-bottom:1px solid #bfbfbf;
	
}
ul#blogNav li div a{ color:#3c4145; }
ul#blogNav li div.active{ background-color:#fff; }

/*second level*/
ul#blogNav li ul{ margin: 0 0 0 15px; padding: 3px 0 15px 0; border-bottom:1px solid #bfbfbf; list-style-type:none;}

ul#blogNav li ul li { list-style-type:none; font-size:11px; padding: 3px 0; }

ul#blogNav li ul li a{
	display:block; 
	padding: 3px 8px 3px 30px;
	background-image:url(../images/bullet_small.gif);
	background-position:18px center;
	background-repeat:no-repeat;
	color:#3c4145;
	font-weight:normal;
	border:0;
}

ul#blogNav li ul li a.active{ background-color: transparent; text-decoration: underline; }

ul#blogNav li .blog_viewall a {
	display:inline !important; 
	border:0; 
	padding:0;
	height:1px;
	font-weight:normal;
	background:transparent; 
	width:auto;
	color:#6b6b6b !important; 
	text-decoration:underline;
}

ul#blogNav li.comments{ padding: 0; margin: 0; }
ul#blogNav li.comments div{ border: 0; }
ul#blogNav li.comments ul{ border-top:1px solid #bfbfbf; margin: 0 0 0 15px; }

ul#blogNav li.comments ul li a{
   background-image: none;
   color:#1e90b5;
   margin-left: -11px;
}

.archiveLink{ padding: 10px 10px 0 0; text-align: right; }

.viewall, .blog_viewall { text-align:right; display: block; }
	
.blog_viewall { 
	padding:10px 10px 10px 0; 
    text-transform:capitalize;
    font-size:11px;  
    font-weight:normal;
}
.blog_archive_link{ }

.entry{ padding:0 20px 0 0; }

.entry h2 a{ color:#6b6b6b; }
.entry h2 a:hover{ text-decoration: none; }

.entry img.feature {
    float:right; 
	border:1px solid #899aa6;
	margin:0 0 20px 20px;
}
		
h2 span.timestamp { display:block; float:right; font-size:10px; padding:5px 0 0 0; color:#3c4145; }

code, pre, blockquote { 
	display:block;
	background-color:#e7ebed;
	margin:20px 0 20px 35px;
	padding:10px 20px;
	border-left:2px solid #899aa6;
	font-style:italic;
}
	
code, pre { font-family: monospace; font-style: normal;}

.entryFooter {
	background:#e7ebed;
	font-size:10px;
	margin: 10px 0 20px 0;
	padding:8px 8px 7px 7px;
}
	
.comments { padding:20px 0 0 0;}

.comment_notsc, .comment_sc {
	position:relative;
	width:630px;
	padding:20px 20px 10px 20px;
	border:1px solid #d1d1d1;
	margin:0 0 45px 0;
}

.comment_sc { background-color:#5c6f7b; color:#fff; }
.comment_sc a { color:#fff; text-decoration:underline; }

p.commenter { display:block; position:absolute; bottom:-25px; margin:0 0; font-weight:bold; color:#6B6B6B;}

img.commentTop {position:absolute; top:-1px; left:-1px;}

img.commentBottom {position:absolute; bottom:-1px; left:-1px;}

#leaveComment {
	padding:20px 0 0 0;
	margin:35px 0 0 0;
	border-top:1px dotted #bfbfbf;
}

#leaveComment form#grayForm{ font-size: 11px; }

form#grayForm {
	background-color:#e7ebed;
	color:#3c4145;
	padding:10px 20px 15px 10px;
	position:relative;
}
	
form#grayForm input.formfield, form#grayForm textarea {
	border:1px solid #7c8c96; 
	padding:3px;	
	width:230px; margin:0 0 5px 0;
}
	
form#grayForm textarea {
	width:655px; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px;
	height:120px;
}
	
form#grayForm input.button { border:0; width:76px; margin: 0 0 -5px 0; }

#formRight { float:right; position: relative; }

.cmt_save { position:absolute; top:30px; left:300px; }

span.submittedInfo { font-size:12px; font-weight:bold; }

.archive{ padding: 0 0 10px 0; }
.archive h2 a{ color:#6b6b6b; }
.archive h2 a:hover{ text-decoration: none; }

.entries{ padding: 3px 0 3px 17px; }

.comment_guidelines{ position: absolute; margin: auto; float: left; background: #5c6f7b; }

.expandable, .contractable {
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0 0 0 15px;
}
.expandable { background-image: url('../images/icon-plus.gif'); }
.contractable { background-image: url('../images/icon-minus.gif'); }

/**********************NEWS**********************/

#news h5{ padding: 0; margin: 0; }
#news h3{  padding: 0 0 2px 0; margin: 0 0 5px 0; font-weight:bold;  }
div>#news h3 {margin: 0 0 10px 0;}

#news .arrowMenu{ line-height: 15px; margin: 10px 0 10px 0 !important; }

.news_img{ float: left; margin: 3px 10px 2px 0; }

/*******NEWSLETTER ARCHIVE STYLES*********/

.newsletters h3{ padding: 10px 0 0 0; margin: 0px; border: 0; }

.newsletters div a{ font-weight: bold; font-size: 14px; color: #687585 !important; }

.newsletters .year{ border-bottom: 1px solid #ddd; padding: 10px 0 0 0; }
.newsletters .issues{ border-bottom: 1px solid #ddd; vertical-align: bottom !important; color: #bbc; }
.newsletters .month{ padding: 10px 20px 10px 0; border-bottom: 1px solid #ddd; }
.newsletters .titles{ padding: 10px 0; border-bottom: 1px solid #ddd; }

.side-newsletter-signup form * { font-size: 11px; }
.side-newsletter-signup input { display: block; width: 18.0em; color: #333; border: 0; margin: 0 0 10px 0; padding: 4px; }
.side-newsletter-signup input.submit { width: auto; background: #f1ab00; color: #fff; font-weight: bold; padding: 0; }


/******WORKORDER STYLES*********/

#workorder_content { padding: 0 25px 0 0; }

#workorder_content a img { border: none !important; }

#workorder_content .header{ background: #3c4145; color:#fff; }
#workorder_content .bgcolor0{ background-color: #E7EBED; }
#workorder_content .bgcolor1{ background-color: transparent; }
#workorder_content td{ padding: 2px 4px; }

#wo-files-view { 
	margin: 0 0 20px 0;
	/*padding: 10px;
	background-color: #E7EBED;
	border: 1px solid #7C8C96;
	width: auto;*/
}

.approve_button{
	background: url('../images/approve_button.gif') 0 0 no-repeat;
	width: 80px;
	height: 31px;
	border: 0;	
}
.deny_button{
	background: url('../images/deny_button.gif') 0 0 no-repeat;
	width: 80px;
	height: 31px;
	border: 0;	
}

/*********************footer**********************/
#footer {
	background:#5c6f7b;
	color:#fff;
	font-size:11px;
	line-height:18px;
	padding:25px 0 30px 0;
}
	
#footer a { color:#fff; }

#footer_bigLeft {
	width:450px;
	float:left;	
	margin:0 10px 0 0;
}

#footer_mid { 
	width:220px;
	float:left;
	padding:0 10px 0 0;
}
	
#footer_right {
	width:250px;
	float:right;	
	line-height:16px;
}
	
#footer .intFooter { font-size:10px; color:#cacaca; }

#footer .intFooter a { color:#cacaca; }
	
input#newsletter_email {
	color:#6b6b6b;
	background:#f1f1f1;
	border:1px solid #bfbfbf;
	width:220px;
	padding:3px;
}
	
input.signup { margin:10px 0 0 0 ; }

/*auxillary styles*/

.hidden {display:none;}
.lightgray{ color:#a0a0a0; }
.nomargin {margin:0;}
.cleaner {height:1px; clear:both; font-size:1px; border:0;}
.required{ color: #f00; }
.no_show{ display: none; }
.secure{background: #ffc !important;}

/***Error messages***/
div.message {
	padding: 0 0em 0 30px;
	margin: 0 0 1em 0;
	background: #e7e7e7 url(../images/icons/tango/applications-system.png) no-repeat;
	background-position: 10px center;
	border: 2px solid #aaa;
	border-width: 2px 0;
}

.message p {
	margin: 1em;
}

div.error {
	border-color: #f00;	
	background-color: #fcc;
	background-image: url(../images/icons/sc_cancel_24.gif);
}

div.success{
	border-color: #0c0;
	background-color: #cfc;
	background-image: url(../images/icons/sc_confirm_24.gif);
}

div.warning{
	border-color: #F50;
	background-color: #FFB;
	background-image: url(../images/icons/tango/emblem-important.png);
}

div.info {
	border-color: #55f;
	background-color: #ddf;
	background-image: url(../images/icons/sc_info_24.gif);
}


/*********************sitemap**********************/
#sitemap ul {
	margin: 3px 0 3px 0;
}
#sitemap ul ul {
	margin: 3px 0 3px 15px;
}
#sitemap ul ul ul {
	margin: 3px 0 3px 15px;
}
#sitemap ul ul ul ul {
	margin: 3px 0 3px 15px;
}
#sitemap ul ul ul ul ul {
	margin: 3px 0 3px 15px;
}

#sc_hello {
	background: #cfc;
	padding: .5em 2em;
	border-bottom: 2px solid #090;
}
/************************** =DIALOG BOXES */
.dialog { margin: 10px 10px 5px 10px; }

.dialog-img {
	text-align: center;
	vertical-align: top;
	padding: 0 10px 0 0;
}

.dialog-msg { vertical-align: middle; }

.dialog-buttons {
	text-align: center;
	padding: 10px 0 0 0;
}

.dialog-form th { width: 100px; }

.dialog-form td { padding-bottom: 4px; }

.cursor {
	cursor: pointer;
	cursor: hand;
}
input.pop-button {
	background: #5c6f7b;
	border: 2px solid #3c4145;
	font-weight: bold;
	color: #fff;
	font-size: 8pt;
	cursor: pointer;
	padding: 6px;
}