﻿body {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	width: 100%;
	background: black;
} 

h1 {
	font-size:24px;
	padding-bottom: 10px;
	}
h2 {
	font-size:22px;
	padding-bottom: 10px;
	}
h3 {
	font-size:20px;
	padding-bottom: 10px;
	}

.phone_fax {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	color: #DDD;
	text-align:right;

}

.request {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #DDD;
	text-align:right;

}

.request a:link {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #DDD;
	text-align:right;

}


.request a:visited {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #DDD;
	text-align:right;

}
.request a:active {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #DDD;
	text-align:right;

}
.request a:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #DDD;
	text-align:right;

}




.title_grey {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	color: #2C2C2C;
}
.form {
	border: 1px solid #D8D8D8;
	/* margin:2px;
	margin: 2px;
	padding: 2px; */
}
.text_form {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #33353E;
}

.hyphide {
	font-family: Verdana;
	font-size: 8px;
	color: #33353E;
}

.new_account {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-transform: uppercase;
	color: #33353E;
}
.new_account:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-transform: uppercase;
	color: #33353E;
}
.list_home_text {
	list-style:url(../images/lg_checkmark.gif);
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	text-decoration: none;
}



.bullets li {
	margin-left: 30px;
	padding-left: 10px;
	list-style-image:url(../images/bl_checkmark.gif);
}

.bullets ul {
	margin-left: 10px;
	padding-left: 0px;
}

.bullets strong a {
	text-decoration: none;
	color: black;
	}

.bullets strong a:hover {
	text-decoration: none;
	color: blue;
	}


.list_home_text2 {

	list-style-image: url(../images/checkoff.gif);
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #33353E;
	margin-left:30px;
	padding-left:20px;
	padding-bottom: 6px;

}

.radio {
	padding-left: 150px;
}

.green_text {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	color: #88BD71;
	font-weight: bold;
}
.green_text:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	color: #AB8C2E;
	font-weight: bold;
	text-decoration:none;
}
.black_title {
	font-family: Verdana, Arial, Helvetica;
	font-size: 25px;
	color: #33353E;
}
.light_blue_borders {
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C9D9EB;
	border-left-color: #C9D9EB;
}
.regular_text {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #33353E;
	line-height: 18px;
}

.regular_text li {
	list-style:none;
	margin-left:15px;
}


.regular_text_yellow {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #AB8C2E;
	line-height: 18px;
	font-weight: bold;
}
.regular_text_green:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #88BD71;
	line-height: 18px;
	font-weight: bold;
}
.readmore {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	color: #D0B051;
}
.readmore:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	color: #33353E;
	text-decoration:none;
}
.link_1 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #999A9E;
}
.link_1:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #D0B051;
}
.copyrigth {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #707070;
}
.grey_buttons {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #33353E;
	font-weight: bold;
}
.grey_buttons:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #AB8C2E;
	font-weight: bold;
	text-decoration:none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}



.tab{
font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #33353E;
	font-weight: bold;
	}

.tab:hover{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #88BD71;
	font-weight: bold;
}


.specs {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	padding: 0 10px 0 10px;
}

.specs h3 {
	font-weight: bold;
	}
	
.specs ul {
        margin:0;
        margin-left:20px;
        font-weight: normal;

}
.specs li {
        margin:0;
        margin-left:40px;
        font-weight: normal;
}

		
	
	
.spechead {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	height: 22px;
	}

/* table {
	border: 0;
	height: 22px;
	width: 300px;
	}
td {
height:22px;
}

tr {
height:22px;
}

*/



    #tabs{
        margin-left: 4px;
        padding: 0;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
        padding-left: 5px;
    }
    #tabs ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs li{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
    #tabs a{
        float:left;
        background:#A3BBE6 url(images/tabs_left.gif) no-repeat left top;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
    }
    #tabs a span{
        float:left;
        display:block;
        background: transparent url(images/tabs_right.gif) no-repeat right top;
        padding:4px 9px 2px 6px;
    }
    #tabs a span{float:none;}
    #tabs a:hover{background-color: #7E94B9;color: white;}
    #tabs a:hover span{background-color: #7E94B9;}
    #tabHeaderActive a { background-color: #42577B; color:#fff;}
    #tabHeaderActive span { background-color: #42577B; color:#fff;}
    .tabContent {
        clear:both;
        width:450px;

        
        padding-top:2px;
        background-color:#FFF;
    }

.box {
border:1px solid #42577B;
width:450px;
height:575px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* begin css tabs */

ul#tabnav { /* general settings */
width: 80%;
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 10px Verdana, Arial, Helvetica; /* set font as desired */
border-bottom: 1px solid #B6D7A8 ; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 6px 3px 6px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab3 li.tab3 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab2 li.tab2 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab1 li.tab1 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

body#tab3 li.tab3 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

body#tab2 li.tab2 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

body#tab1 li.tab1 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #B6D7A8; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #B6D7A8; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}







/* begin css tabs */

ul#tabnav2 { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0 0 0 0; /* set margins as desired */
font: bold 11px Verdana, Arial, Helvetica; /* set font as desired */
border-bottom: 0px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 1px 3px 1px 3px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav2 li { /* do not change */
display: inline;
}

body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab3 li.tab3 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab2 li.tab2 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab1 li.tab1 { /* settings for selected tab */
border-bottom: 1px solid #B6D7A8; /* set border color to page background color */
background-color: #B6D7A8; /* set background color to match above border color */
}

body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 1px; /* must change with respect to padding (X) above and below */
}

body#tab3 li.tab3 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

body#tab2 li.tab2 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

body#tab1 li.tab1 a { /* settings for selected tab link */
background-color: #B6D7A8; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav2 li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px solid #B6D7A8; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #B6D7A8; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav2 a:hover { /* settings for hover effect */
background: gray; /* set desired hover color */
color: white;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.modernbricksmenu{
padding: 0;
/* width: 67%;  */
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu ul{
font: 10px verdana;
margin:0;
margin-left: 50px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
/* letter-spacing: 1px; */
background-color: black; /*Default menu color*/
/* border-bottom: 1px solid white; */
}

.modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
text-decoration:none;

}

.modernbricksmenu #current a{ /*currently selected tab*/
background-color: #B6D7A8; /*Brown color theme*/ 
border-color: #B6D7A8; /*Brown color theme*/ 
}

.modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #B6D7A8; /*Brown color theme*/ 
}


form {
	width: 292px;
}

.col1 {
	text-align: right;
	width: 110px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(images/bg_label.gif) no-repeat;
}

.col2 {
	width: 162px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/bg_textfield.gif) no-repeat;
}




.profileform {
	border: 0px solid #D8D8D8;
	margin:2px;
	margin: 2px;
	padding: 2px;
	width:400px;
}

.profileform p
{
margin-bottom: 4px;
margin-top: 4px;
}

.profileform p input
{
background: #D2E9D1;
border: 1px solid #444;
}

.profileform label
{
display: block;
width: 120px;
float: left;
text-align: right;
padding-right: 10px;
}

.profileform p span em
{
display: block;
width: 120px;
float: left;
text-align: right;
padding-right: 10px;
font-style: normal;
}

.profileform strong
{
margin-left: 130px;
}

.profileform strong input
{
background: #D2E9D1;
border: 1px solid #444;
font-weight: bold;
color: #444;
margin-top: 10px;
}



.ehead {
 width: 465px;
 padding-bottom: 20px;
	
}

 
.cssbutton{
	 font: 10px Verdana, Helvetica, sans-serif; 
	 background-color: #D7E5F2; 
	 color: #102132; 
	 margin-left: 2px;
	 margin-top: 1px; 
	 margin-bottom: 2px; 
 }

#subscribetext
{
	 width: 150px; 
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	 background-color: #D7E5F2; 
	 color: #102132; 
	 border: 1px solid #284279; 
	 margin-top: 1px; 
	 margin-bottom: 2px;
 }


.structural { 
position:absolute; 
left:-9999px; 
} 