/* Localized */
/* CSS Document */
/* Site Structure */

body, html { margin:0; padding:0;}

.wrapper{ position:relative; margin:0 10px; width:909px; text-align:left;}

#content_area{ margin:30px 0 10px; min-height:385px; height:auto !Important; height:385px;}

.content { margin:20px 0 10px; padding:5px 5px 5px 15px; clear:both;}


.content .local_nav li a{ margin-right:20px;}


.content.fullPageBox .g3{width:837px;}

.content.fullPageBox .g3 table{width:837px;}

.content.fullPageBox .g3 table thead tr {background-color: #d8ddde;}

.content.fullPageBox .g3 table thead tr th{ padding:3px 10px;}

.content.fullPageBox .g3 table td{ padding:3px 10px;}

.content.fullPageBox .g3 table p{margin:0;}

.content.fullPageBox .g3 table p.divider{margin:5px 0 0;}

.content.fullPageBox .g3 table tr.header td{ background-color:#d8ddde;}

.content.fullPageBox .g3 table tr.divider td{margin:5px 0 0; border-top:1px solid #C2C7C7;}

.content.fullPageBox .g3 table blockquote{margin:0 15px;}

   img {
     position: relative;
}

/* PAGE HEADER */

#header{position:relative; width:1094px; height:100px;}

a.home_btn{
	display:block;
	position:absolute;
	bottom:0px;
	left:1px;
	margin:0;
	width:184px;
	height:146px;
	background-image:url(../images/CSI-Logo.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	z-index:600;
	top: 3px;
}


/* Top Navigation */

#top_nav {margin:0; padding:0; width:1039px; height:16px; line-height:16px; color:#3580a8;}

#top_nav p {margin:0; padding:0; width:1130px; text-align:right; float:left;}

#top_nav a {padding:1px 6px; color:#5b5b5b;}

#top_nav a:hover {color:#000000; background-color:#edee8c;}

a#join_btn:hover { background-position:0px; background-color:#FFFFFF;}



/*  Main Navigation */

#main_nav {
	position:absolute;
	top:57px;
	z-index:500;
	left: 192px;
	width: 887px;
}

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

.nav li, #search_nav li {float: left;}

.nav li ul, #search_nav li ul{position: absolute;	z-index:501;}

.nav li ul, .nav ul.smenu li {width: 190px;}

.nav li:hover ul, .nav li.sfhover ul {left: auto;}



.nav, #search_nav { margin:0 0 0 3px; padding:0px; background-repeat:no-repeat; height:32px; float:left;}

#nav1 {width:850px;}





a.menu_title, a#search_menu_btn{ display:block; background-repeat:no-repeat; background-color:transparent; height:32px; text-indent:-9999px; overflow:hidden;}

.nav li:hover a.menu_title, .nav li.sfhover a.menu_title {background-position:0px; background-color:transparent;}



#main-nav-steelbuildings {width:146px; background-image: url(../images/main-nav_steelbuildings.gif);}

#main-nav-findabuilder {width:129px; background-image: url(../images/main-nav_findabuilder.gif);}

#main-nav-becomebuilder {width:150px; background-image: url(../images/main-nav_becomebuilder.gif);}

#main-nav-architects {width:100px; background-image: url(../images/main-nav_architects.gif);}

#main-nav-planroom {width:100px; background-image: url(../images/main-nav_planroom.gif);}

#main-nav-greenbuild  {width:110px; background-image: url(../images/main-nav_greenbuild.gif);}

#main-nav-contactus  {width:112px; background-image: url(../images/main-nav_contactus.gif);}




.nav ul.smenu { margin:0; padding:3px 1px 8px; background-color:#d1dadc; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}

.nav ul.smenu a{ display:block; margin:1px 0; padding:4px 8px; color:#343536;}

.nav ul.smenu a:hover{color:#d1dadc; background-color:#758081;}

.menu_divider { margin:3px 0; border-bottom:1px solid #FFFFFF;}




/* SIDEBAR */

.col.g1.sidebar_col{position:absolute; top:80px; right:0; margin:0 0 15px; padding:15px; float:none;}



/* TYPE: General Text Formating */

body { font: 10px/16px "Verdana", Geneva, Arial, sans-serif; background-color:#fff; color:#333333;}



a{text-decoration:none; color:#6e8806;}

.content a:hover{ color:#536604; background-color:#f6f7b6; }

.content a.more{text-decoration:none; color:#dd8b12;}

.content a.more:hover{ color:#8D5403; background-color:#f6f5b6; }





h1{margin:0 0 8px; padding:0; font-size:18px; font-family: Verdana,  

Helvetica, sans-serif; color:#000000; border-bottom:1px solid #4dacd0;}

h2,h3,h4,h5,h6{font-family: Verdana, Helvetica, sans-serif;  

color:#000000; font-weight:bold; }

h1, h2,h3{line-height:normal;}

h2, h3, h5{margin:18px 0 2px; padding:0;}

h4, h6{ margin:8px 0 2px;}



h2 {font-size:16px;}

h3 {font-size:14px; color:#75c043;}

h4 {font-size:12px; color:#000000; font-weight:bold;}

h5 {font-size:12px;}

h6 {font-size:10px; color:#75c043;}







p, dl{margin:2px 0 10px; padding:0; font-size:12px; line-height:19px;}





/* LISTS */

.content ol, .content ul{margin:0 0 8px; padding: 0; color:#000; font-weight:bold;}


.content li	{font-size:12px; line-height:19px; padding-top:0; padding-bottom:1px; color:#333333; font-weight:normal;}

.content ul li { margin-left:20px;}

.content ol li { margin-left:30px;}


.content ul.noBullet li{list-style:none; margin-left:0; margin-bottom:5px;}

.content ul.noBullet li ul li{list-style: disc; margin-left:20px; margin-bottom:0;}

.content ul.noBullet li ol li{list-style: decimal; margin-left:30px; margin-bottom:0;}

/* Highlights */
.title_highlights{ margin:2px 0 8px; padding:0; border-bottom:1px solid #4dacd0;}

/* Quick Links */

ul#quick_links {margin:2px 2px 2px; padding:0; list-style:none;}

ul#quick_links li { margin:0; padding:2px 0; line-height:16px; list-style:none;}

ul#quick_links li a{ margin:0; padding:0; font-size:11px; line-height:16px; color:#6c8505; text-decoration:none;}

ul#quick_links li a:hover{ color:#344003; background-color:#e6ead3; border-bottom:1px solid #c3c9a8;}

/* SIDE-BAR */

.sidebar.yellow_bg{background-image: url(../images/quicklinks.gif); background-repeat:no-repeat;}

.sidebar.green_building_bg{background-image: url(../images/green-select-a-building.gif); background-repeat:no-repeat; background-color:75c043; border-width:thin;}

.sidebar.green_builder_bg{background-image: url(../images/green-find-a-builder.gif); background-repeat:no-repeat; border-width:thin;}

.sidebar.green_testimonals_bg{background-image: url(../images/green-testimonals.gif); background-repeat:no-repeat; border-width:thin;}

.sidebar.green_build_bg{background-image: url(../images/green-green-building.gif); background-repeat:no-repeat; border-width:thin;}



/* Column Structure */

.col{ margin:0 12px 0 0; float:left;}

.col.half{ margin:0 36px 0 0;}

.g1{width:350px; position:relative;}

.g2{width:630px; position:relative;}

.g3{margin:0; width:909px;}

.col.right_col, .col.half.right_col{margin:0;}

.half {width:300px;}



.g2.noBorder{width:575px; padding-right:10px;}



/* Column divider */

.divider { margin:12px 0; border-top:1px solid #C2C7C7;}



/* Page Elements */



.hide {display:none;}




/* SIDE-BAR */

.sidebar {
	position: relative;
	padding:10px;
	margin:0 0 15px;
	width:275px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	}

.sidebar.sb_title{ padding-top:25px;}



.sidebar_btm {position:absolute; bottom:0; left:0; margin:0; padding:0; width:295px; height:7px; background-position:0 100%; background-repeat:no-repeat;}

.sidebar_top {position:absolute; top:0; left:0; margin:0; padding:0; width:295px; height:7px; background-repeat:no-repeat;}



.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6{border-bottom:1px solid #CCCCCC;}

.item .info{ text-align:right; font-size:11px; color:#3C4243; }



/* DATA TABLE */

table{margin:0; padding:0;}

table#pnlSearchForm {margin:0 0 3px; width:100%; padding:10px 0;}

table#pnlSearchResults {margin:3px 0; width:100%; padding:10px 0; border-bottom:1px solid #c1cbcd; color:#5e6668;}



.datagridHeader td{padding:1px 3px; background-color:#71797a; color:#e1e8ea; font-weight:bold;}

.datagridHeader td a{padding:1px 3px; color:#e1e8ea; font-weight:bold;}

.datagridHeader td a:hover{color:#a9e8f5; background-color:transparent; font-weight:bold;}





.datagridAlternatingItem td {background-color:#e8eff1;padding:2px 0px 2px 0px;  }

.datagridItem td {padding:2px 0px 2px 0px; }

.datagridAlternatingItem td a, .datagridItem td a{ display:inline; padding:2px 0px 2px 0px;  color:#333333;}



.manageheader {padding:1px 3px; background-color:#71797a; color:#e1e8ea; font-weight:bold;}

.manageinsidelink td a{text-decoration:none; color:#6e8806;}

.manageinsidelink td a:hover{ color:#536604; background-color:#f6f7b6; }





/* Content Table */

table {margin:0; padding:0;}

table td { padding-right:20px;}






/* FOOTER */

#footer {padding:8px 0; }

#footer p{margin:5px 5px 10px; font-family:"Lucida Grande",Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3580a8;}

#footer p a{font-family: "Lucida Grande",Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}

#footer p a:hover{color:#000000; background-color:#f6f7b6;}



/* General Font for Dropdowns and Textbox */

.general 

{

 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

 font-size:14px;

}



/* General Font for Dropdowns and Textbox */

.PPSCollapseExpand

{

 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

 font-size:12px;

 background-color:#8aa3aa;

 font-weight: bold;

 color:#ffffff;

}



.PPSCollapseExpand a {color:#4d6067;}



/* General Font for PPS Search */

.PPSgeneral 

{

 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

 font-size:12px;

}



.PPSDetailsBlock

{

	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	background-color:#e8eff1;

}



.PPSDescBlock

{

	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	background-color:#ffff9f;

}

/* Sidebar Content specific */

.timestamp

{

	font: Tahome;

	font-size: 11px;

}





/* Errors and important notes style */

.messageCenter {

	width: 100%;

	color: #ff6633;

	margin-bottom: 10px;

	font-weight: bold;

}



.importantNote {

	width: 100%;

	color: black;

	margin-bottom: 10px;

	font-weight: bold;

}