/*       General
======================= */
* {
	margin:0;
	padding:0;
}

body {
	text-align: center;
	background:#fff url(../images/bg-body.gif) repeat-y center top; 
	z-index: 1;
	}
		
div { position: relative;}

.left { float:left; }

.right { float:right; }
.clear {clear:both;}
.cols2 {
	float:left;
	width:48%;

}

/*       Links
======================= */
a {
	color:#000;
    text-decoration:underline;
}
a:hover {
    color:#e4232f;
    text-decoration:underline;
}
a img {
	border:none;
}
a:active, a:focus {
	outline:0;
}
h2 a, h3 a{
   color:#e4232f;
	text-decoration:none;
}

/*     Float containers fix 
=============================== */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*       Text
======================= */
body, td, th, div, p, ul, li {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}

h1, h2, h3, p, table {
	margin-left:20px;
    margin-right:20px;
}
h1, h2, h3 {
	color:#e4232f;
	font-family: Arial, Helvetica, sans-serif;
}	
h1{
	font-size:20px;
	margin-top:15px;
	margin-bottom:5px;
}
h2 {
	font-size:16px;
	padding-top:5px;
	border-bottom: 1px dashed #ccc;
	margin-bottom:10px;
}
h3 {
	font-size:13px;
	color:#000;
}
p{
	padding-bottom:10px;
	line-height:1.6em;
	text-align:justify;
}
#Content ul {
margin: 0 20px 10px 50px;
}
#Content ul li {
margin: 0 0 5px 0;
line-height:1.6em;
}
#LeftCol h2 {  /*Members Menu Header */
margin:0;
padding: 6px 0 6px 10px;
border-bottom:none;
color:#fff;
background:#e4232f;
}


/*       Navigations
======================= */
#LeftNav, #LeftNav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width: 168px;
		z-index:50;
		border-bottom: 3px solid #000;
	}
	
	#LeftNav li { /* all list items */
		position : relative;
		float : left;
		width: 11em;
	}
	
	#LeftNav li:hover { /* IE7 Fix */
		position:static;
	}
	
	#LeftNav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 168px;
		margin-top : -32px;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		border-left: 1px solid #ccc;
		z-index:50;
	}
	
	#LeftNav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#LeftNav li a {
		width: 168px;
		w\idth : 144px;
		display : block;
		color:#333;
		font:bold 12px Arial, Helvetica, sans-serif;
		text-decoration : none;
		padding:8px 12px;
		background:#fff url(../images/menu-bg.gif) no-repeat left top;
	}
	
	#LeftNav li a:hover, #LeftNav li a.current {
		color: #e4232f; 
		background:#000 url(../images/menu-bg.gif) no-repeat 0 -75px;
	}
	#LeftNav li a.current:hover {
		color:#ccc;
	}
	
	#LeftNav li:hover ul ul, #LeftNav li:hover ul ul ul, #LeftNav li.sfhover ul ul, #LeftNav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#LeftNav li:hover ul, #LeftNav li li:hover ul, #LeftNav li li li:hover ul, #LeftNav li.sfhover ul, #LeftNav li li.sfhover ul, #LeftNav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
/*  Member's Menu  */
ul#membermenu, ul#membermenu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 168px;
        background-color:#E0ECFA; /*IE 6 Bug */
}
ul#membermenu {
   border-bottom:3px solid #000;
}
ul#membermenu li {
        margin: 0px;
        padding: 0px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#membermenu li { float: left; height: 1%; }
* html ul#membermenu li a { height: 1%; }
/* End */

ul#membermenu li a {
        color: #333;
        text-decoration: none;
        padding: 2px 0px 2px 7px;
        display: block;
        font-size: 1em;
		font-weight:bold;
		background:#C7DDF5;
		border-bottom:1px solid #E0ECFA;
}
ul#membermenu li li a{
		color: #333;
        text-decoration: none;
        padding: 2px 0px 2px 12px;
        display: block;
        font-size: 1em;
		font-weight:normal;
		background:none;
}
ul#membermenu li a:hover {
        color: #000;
        text-decoration: none;
		background: #A2C5EF;
}
ul#membermenu li li a:hover {
		background: #B2D0F2:
}
ul#membermenu li a.current,
ul#membermenu li a.current:hover,
ul#membermenu li li a.current,
ul#membermenu li li a.current:hover {
		color: #E5232E;
}

/* Red banner buttons */
#LeftLinks {
	list-style:none;
	margin: 10px 8px; 
	clear:both;
}
#LeftLinks li{
   position:relative;
	padding:0;
	margin:0;
	width:152px;
}

#LeftLinks li a {
	display:block;
	padding:7px 10px;
	margin:0;
	text-decoration:none;
	color:#fff;
	background:#E0ECFA url(../images/s1.jpg) no-repeat left center;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#LeftLinks li a:hover, #LeftLinks li .current {
	color: #000; 
}
/* Subpage menus */

#Content .submenu {
	margin: 0 20px 20px;
	padding: 0px 0 18px 0px;
 	border-bottom: 2px solid #e4232f;
	}

#Content .submenu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#Content .submenu a {
	float: left;
	font-size: 9px;
	font-weight:bold;
	line-height: 14px;
	margin: 0 15px 4px 0px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #333;
	}

#Content .submenu a:hover, #Content .submenu a.current {
	border-bottom: 4px solid #e4232f;
	padding-bottom: 2px;
	background: #fff;
	color: #000;
	}
		
/* Subpage Submenus */

#Content .submenu2 {
	margin: -10px 20px 20px;
	padding: 0px 0 16px 0px;
 	border-bottom: 1px solid #333;
	}

#Content .submenu2 li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#Content .submenu2 a {
	float: left;
	font-size: 9px;
	line-height: 12px;
	margin: 0 15px 4px 0px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #333;
	}

#Content .submenu2 a:hover, #Content .submenu2 a.current {
	border-bottom: 2px solid #333;
	padding-bottom: 2px;
	background: #fff;
	color: #000;
	}
/*   Letter menu on New user page */
#Content ul#lettermenu
{
margin: 15px 20px;
padding: 0;

}

#lettermenu li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#lettermenu a
{
padding: 2px 3px;
border: 1px solid #eee;
background-color: #fff;
color:#666;
text-decoration:none;
}

#lettermenu a:hover,
#lettermenu a.current
{
border: 1px solid #000;
background:#000 url(../images/footer_bg.gif) repeat-x top;
color: #fff;
}


/*  #content blocks
======================= */

.CstBlock  {
	width:276px; 
	margin:12px 5px 0 18px;
	float:left; 
}
* html .CstBlock  {
	margin:12px 7px 0 10px;
}
	
.CstBlock  p{
	font-size: 1em;
        line-height:normal;
	color:#000;  
}
.CstBlock h3 a{
display: block;
padding-top:145px;
}
.cst {
	background:url(../images/constraction_career.gif) no-repeat; 
	
}
.build {
	background:url(../images/builder_exchange.gif) no-repeat; 
	
}



/*       Layout
======================= */

#Page{
	width:778px;
    text-align:left;
	margin:0 auto;
	background:#FFF url(../images/sidebar2.gif) repeat-y left;;
	z-index:2;
}
#adminbar {
background:#000 url(../images/footer_bg.gif) repeat-x top;
margin:0;
padding:.5em 1em;
color:#fff;
font-size:10px;
}
#adminbar a, #adminbar a:hover{
color:#fff;
}
#Header{
	height:167px; 
	background:url(../images/header.jpg) repeat-x;
	z-index:3;
}
#Logo {
	width:302px;
	height:68px;
	margin:0;
	padding:0;
	background:none;
	color:#663366;
}
#Logo a {
	display:block;
	width:186px;
	height:167px;
	background: url(../images/logo.gif) no-repeat;
}

#Logo strong{ display:none; }

#Main{
	background:url(../images/sidebar_bg.jpg) left bottom no-repeat;
	z-index:5;
}

#LeftCol{
    width:168px;
	padding:0 0 157px 0;
	z-index:15;

}

#Content{
	width: 610px;
	z-index:10;
}


#Footer{
	background:#000 url(../images/footer_bg.gif) repeat-x top;
	clear:both;
}
#Footer p {
	text-align:center;
	padding:5px;
	color:#FFF;
	font-size:10px;
line-height:1.4em;
}
#Footer p a {
	color:#FFF;
}
#Footer p a:hover {
	color:#CCC;
}
.pdficon {
	background: url(../images/icon-pdf.gif) no-repeat right center;
	padding:2px 18px 2px 0;
        white-space: nowrap;
}
.toplink {
	float:right;
	margin-top:-3px;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
.newsflash {
	text-align:left;
}
.more {
	font-weight:bold;
	text-align:right;
}
blockquote {
	margin:0 20px 15px 20px;
	border-left: 4px solid #333;
	padding-left:10px;
}
blockquote p{
margin:0;
padding:0;
}
/* about - staff */

.staff {
	width:48%;
	float:left;
	height:140px;
	text-align:left;
}
.staff2 {
	width:48%;
	float:left;
	height:190px;
	text-align:left;
}
.staff p, .staff2 p {
	text-align:left;
	margin-right:0px;
}

.photo { 
	border:2px solid #999; 
	margin:0 15px 15px 15px;}

.photo2 { 
	border:2px solid #999; 
	margin:0 0px 0px 0px;}

.align_right { text-align:right;}

.underline_none a{ text-decoration:none !important;}

/* about - join */

.table td { 
	padding:5px; 
	color:#666; 
	vertical-align:top;
}
.table td.error {
color:#f00;
}
.red {
	color:#FF0000;}
.textfields {
	color:#666666;
	padding:3px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;}

.textarea {
	color:#666666;
	padding:3px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;}
	
.select {
	color:#666666;
	padding:3px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;}
	
.checkbox {
	color:#666666;
	margin:3px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;}

	
.button {
	background:#ededec;
	padding:2px 12px;
	font:bold 12px Arial, Helvetica, sans-serif;}
	
.submit {
	background:#ededec;
	padding:2px 12px;
	font:bold 12px Arial, Helvetica, sans-serif;}

.date {
	color:#990000;
	padding:0;
	font-size:11px;}
	
/* search result */
.search_result {
	border-bottom:1px solid #dbdcd9;
	padding-bottom:15px;
	padding-top:15px;
	margin:0 10px 0 10px;}

.row1 { background:#fff;}
.row2 { background:#f8f8f8;}

/* admin css start */


.table_form {
	background:#ddd;}
.table_form td{
	padding:4px;
	background:#fff;
	color:#666666;}	
	
.table_form_board {
	border:1px solid #ddd;} 

.table_form_head td{
	background:#eaeae9 !important;
	font-weight:bold;} 

.active {
	color:#009900 !important;}
.invactive {
	color:#FF0000 !important;}
.both {
	color:#FFCC00 !important;}


/*    Tables (sortable) 
======================== */
table.tablegrid {
	border-collapse:collapse;
	border-spacing: 0;
	margin-bottom:10px;
	background:#fff;
}
.tablegrid td, .tablegrid th {
	padding: 5px;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	border-right: 1px solid #E0ECFA;
	border-left: 1px solid #E0ECFA;
}
.tablegrid thead th,
.tablegrid tfoot td{
	font-weight:bold;
	text-align:left;
	background:#000 url(../images/footer_bg.gif) repeat-x;
   color:#ccc;
   font-size:12px;
}
.tablegrid thead th{
	border-top: 1px solid #E0ECFA;
	border-bottom: 2px solid #e4232f;
}
.tablegrid thead th a {
display: block;
padding-right: 20px;
outline:none;
color:#ccc;
}
.tablegrid thead th a:hover{
background:none;
text-decoration:underline;
color:#ccc;
}
.tablegrid thead th.sort-active a{
/*background: url(/images/icon-loader.gif) no-repeat right center; */
}
.tablegrid tfoot td{
	border-bottom: 1px solid #E0ECFA;
	border-top: 2px solid #e4232f;
}
.tablegrid thead th.forwardSort a,
.tablegrid thead th.forwardSort a:hover{
	background:transparent url(../images/icon-up.png) no-repeat right center;
}
.tablegrid thead th.reverseSort a,
.tablegrid thead th.reverseSort a:hover{
	background:transparent url(../images/icon-down.png) no-repeat right center;
}
.tablegrid thead th.forwardSort a,
.tablegrid thead th.reverseSort a {
	text-decoration: underline;
}
/*th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-numeric,
th.sortable-currency {
    cursor:pointer;
}*/
.tablegrid tr.alternate {
	background: #F9F9F9;
}
.tablegrid tbody tr:hover,
.tablegrid tbody tr.ieRowHover,
.tablegrid tbody tr.alternative:hover,
.tablegrid tbody tr.ieRowHoverAlt
        {
background: #E0ECFA;;
        }
.tablegrid tbody tr:hover td,
.tablegrid tbody tr.ieRowHover td,
.tablegrid tbody tr.alternative:hover td,
.tablegrid tbody tr.ieRowHoverAlt td/*,
.tablegrid tbody tr:hover td a,
.tablegrid tbody tr.ieRowHover td a,
.tablegrid tbody tr.alternative:hover td a,
.tablegrid tbody tr.ieRowHoverAlt td a */{
    color:#333;
}
.tablegrid tbody td a {
 /*  color:#666; */
}
.tablegrid tbody td a:hover{
/*   color:#333;
   border-bottom: none; */
}


/*       Forms
====================== */

form.contact {
        margin: 30px;
color: #666;
}
.contact input, .contact textarea, .contact select {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        color: #666;
}
form.contact fieldset
{
        display: block;
        width: 26em;
        margin: 0 0px 3em;
        padding: 0 1em 1em;
        border: 1px solid #ccc;

}
form.contact .submit {
        width: auto;
}
form.contact legend {
font-weight: bold;
color:#e4232f;
}

form.contact fieldset.radio
{
        width: 26em;
        margin: 1em 0 2em 0;
}

form.contact fieldset.radio input
{
        clear: both;
        float: left;
        width: auto;
}

form.contact fieldset.radio label
{
        font-weight: normal;

}

form.contact input,
form.contact textarea
{
        display: block;
        width: 24em;
}

form.contact label
{
        display: block;
        margin-bottom: 1em;
        font-weight: normal;
}

form.contact label.first,
p.first
{
        padding-top: 1em;
}

form.contact p
{
        margin-left:0;
        margin-right:0;
}

form.contact select
{
        display: block;
}
	
		
/*     printer styles
========================= */
@media print{
/* Hide unwanted elements */
#LeftCol, #adminbar {display:none;}
#Header, #Logo, #Logo a {
position:relative;
height:50px;
width:100%;
}
#Logo strong {
display:block;
}
/* Kill floats */
#Page, #Header, #Main, #Content, #Footer{width:100%; float:none;}
/* Kill Backgournds */
body, #Logo a, #Page, #Main, #Header, #Footer, #Footer p, #Footer p a { background: none; margin:0; padding:0; color:#000; text-align:left;}
h1, h2, h3, table, p {
margin-left: 0;
margin-right:0;}
}