html{
height: 101%;
}
.body_common{
font: 12px arial, helvetica;
color: #686868;
text-align: center;
padding: 0px;
margin: 0px;
line-height: 130%;
/*background-color: white;*/
background-color: #00AAC4;
}

.container{
width: 770px;
margin: auto;
height: auto;

background-image: url(../images/tile_bkgnd.gif);
background-repeat :repeat-y;
/*top: 0px;*/
}

#strap{
width: auto;
height: 25px;
vertical-align: middle;
text-align: right;
border-style: none;
padding-right: 10px;
background-color: #000000;
position: relative;
}
.strap_text{
width: auto;
padding-top:4px;
margin-left:30px;
color: white;
font-family: arial;
font-size: 1em;
font-weight: bold;
letter-spacing: .1em;
}

#masthead_div{
width: auto;
height: auto;
text-align: left;
border-style: none;
}

#masthead_inner{
border-style: none;
}

.masthead_image{
border-style: none;
display: block;
}

.main_liner{
width: auto;
min-height: 30px;
height: auto !important;
height: 30px;
overflow: visible;
background-color: transparent;
}

#menu_div{
float: left;
width: 19%;
overflow: auto;
margin-left: 0px;
display: block;
}

.menu_item{
width: 100%;
/*height: 26px;*/
height: 24px;
padding-top: 12px;
text-align: left;
background-color: transparent;
/*border-top: 2px solid white;*/
margin: auto;
}

//#menu_div{
//float: left;
//width: 18%;
//overflow: auto;
//margin-left: 5px;
//display: block;
//}

//.menu_item{
//width: 98%;
//height: 28px;
//padding-top: 10px;
//text-align: left;
//border-bottom: 1px solid #cccccc;
//margin: auto;
//}

/* layout style #1 */

.liner{
width: 620px;
min-height: 30px;
height: auto !important;
height: 30px;
overflow: visible;
float: right;
}

.content_div{
font-size: 1em;
float: right;
margin-left: auto;
width: 610px;
height: auto;
/*padding-top: 10px;*/
/*padding-bottom: 20px;*/
text-align: justify;
overflow: visible;
}

.cms_image_right{
float: right;
margin-left: 20px;
/*margin-bottom: 20px;*/
border:none;
}

.cms_image_left{
float: left;
margin-right: 20px;
margin-left: 0px;
margin-bottom: 20px;
border: 1px solid white;
}

/* end layout style #1 */

/* layout style #2 - two content cols*/

.two_col_content_col_div{
margin-left: 10px;
margin-top: 0px;
float: left;
width: 65%;
height: auto;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
text-align: justify;
overflow: visible;
display: block;

}

.two_col_right_col_div{
margin-left: 10px;
float: left;
width: 27%;
height: auto;
text-align: justify;
overflow: visible;
display: block;
}

.right_col_panel_01_top{
width: 90%;
height: auto;
overflow: visible;
margin:auto;
margin-top: -5px;
background-image: url(../images/table_triangle_orange.jpg);
background-position: bottom right;
background-repeat : no-repeat;
/*background-color: #d9e5d1;*/
background-color: #dddddd;
}

.right_col_panel_01{
width: 90%;
height: auto;
overflow: visible;
margin:auto;
margin-top: 20px;
background-image: url(../images/table_triangle_orange.jpg);
background-position: bottom right;
background-repeat : no-repeat;
/*background-color: #d9e5d1;*/
background-color: #dddddd;
}

.right_col_panel_02{
width: 90%;
height: auto;
overflow: visible;
margin: auto;
margin-top: 20px;
background-image: url(../images/table_triangle_blue.jpg);
background-position: bottom right;
background-repeat : no-repeat;
/*background-color: #d0e3b6;*/
background-color: #cccccc;

}

.right_col_panel_03{
width: 90%;
height: auto;
overflow: visible;
margin: auto;
margin-top: 20px;
background-image: url(../images/table_triangle_red.jpg);
background-position: bottom right;
background-repeat : no-repeat;
/*background-color: #d3d5e2;*/
background-color: #bbbbbb;
}

.right_col_panel_01_liner{
width: 90%;
height: auto;
overflow: visible;
margin:auto;
margin-top: 5px;
padding-top: 10px;
padding-bottom: 20px;
}

/* end layout style #2 */

.document_heading{
width: auto;
height: auto;
font-weight: bold;
text-align: left;
padding-left: 10px;
padding-top: 10px;
margin-right: 10px;
overflow: auto;
}

.document_listing{
width: auto;
height: auto;
text-align: left;
padding-left: 10px;
padding-top: 10px;
margin-right: 10px;
overflow: hidden;
}

.document_download_image{
border:0px;
vertical-align: middle;
}

#footer{
margin:auto;
width: 100%;
height: 165px;
text-align: left;
border-style: none;
overflow: auto;
color: white;
background-color: black;
background-image: url(../images/footer_image_index.jpg);
background-position: bottom right;
background-repeat : no-repeat;
position: relative;
clear: both;
}

#footer_liner{
position: relative;
top: 30px;
margin-right: auto;
margin-left: 15px;
width: 450px;
height: auto;
text-align: left;
color: white;
}

.log_in_panel{
	width: 500px;
	height: 30px;
	margin: auto;
	position: relative;
	text-align: left;
	}

	.input_wrappers{
			float: left;
			width: 50%;
	text-align: left;
	}

.input_fields{
	height: auto;
}
.input_names{
	float: left;
	width: 30%;
	height: 22px;
	vertical-align: middle;
}


a.contact,a.contact:link,a.contact:visited,a.contact:active,a.contact:focus{text-decoration: none; color: red; font-size: 1em; line-height : 140%;}
a.contact:hover{text-decoration: none; color:#darkorange; text-decoration: none; font-size: 1em; line-height : 140%;}

a.contact_or_help,a.contact_or_help:link,a.contact_or_help:visited,a.contact_or_help:active,a.contact_or_help:focus{text-decoration: none; color:darkorange; font-size: 1em; line-height : 140%;}
a.contact_or_help:hover{text-decoration: none; color:black; text-decoration: none; font-size: 1em; line-height : 140%;}

a.contact_1,a.contact_1:link,a.contact_1:visited,a.contact_1:active,a.contact_1:focus{text-decoration: none; color:#aaaaaa; font-size: 1em; line-height : 140%;}
a.contact_1:hover{text-decoration: none; color:#00AAC4; text-decoration: none; font-size: 1em; line-height : 140%;}

a.contact_menu_item,a.contact_menu_item:link,a.contact_menu_item:visited,a.contact_menu_item:active,a.contact_menu_item:focus{text-decoration: none; color:black; font-size: 1em; line-height : 140%; padding-left: 10px; font-weight: normal;}
a.contact_menu_item:hover{text-decoration: none; color:white; text-decoration: none; font-size: 1em; line-height : 140%; padding-left: 10px; font-weight: normal;}

//a.contact_menu_item,a.contact_menu_item:link,a.contact_menu_item:visited,a.contact_menu_item:active,a.contact_menu_item:focus{text-decoration: none; color:#4B4B4B; font-size: 1em; line-height : 140%; padding-left: 10px; font-weight: bold;}
//a.contact_menu_item:hover{text-decoration: none; color:#B5B9C0; text-decoration: none; font-size: 1em; line-height : 140%; padding-left: 10px; font-weight: bold;}

a.contact_nav,a.contact_nav:link,a.contact_nav:visited,a.contact_nav:active,a.contact_nav:focus{text-decoration: none; color: #bbbbbb; font-size: 1em; line-height : 140%;}
a.contact_nav:hover{text-decoration: none; color:#00AAC4; text-decoration: none; font-size: 1em; line-height : 140%;}

/* messages */
.message_green{
width: auto;
padding: 10px;
margin: auto;
font-weight: bold;
color: white;
background-color: green;
}

.message_red{
width: auto;
padding: 10px;
margin: auto;
font-weight: bold;
color: white;
background-color: red;
}

.fon_1{
font-size: 1em;
}
.fon_1_1{
font-size: 1.1em;
}
.col_solar_red_txt{
font-size: 1.3em;
color: #b465ce;
}
.fon_norm{
font-size: 1em;
}

ul{
margin-left:0px;
padding-left:20px;
list-style-type:square;
}

li{
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
position:relative;
left: 0px;
top: 0px;
}


/* S classes */

.s1{
font-size: 1.4em;
color: #00AAC4;
}

.s2{
color:#aaaaaa;
}

.s3{
font-size: .8em;
}

.s4{
font-variant: small-caps;
}

.s5{

}

.s6{

}

.s7{

}

.s8{

}

.s9{

}

.form_left{
vertical-align: top;
}

.submit_cell{
text-align: left;
}

.form_right{
vertical-align: top;
}
.application_table_layout{
padding-top: 0px;
padding-bottom: 50px;
width: 75%;
min-height: 50px;
height: auto !important;
height: 50px;
float: right;
text-align: left;
margin-right: 40px;
}

.input_form{
width: 98%;
font: 1em ariel;
}

.form_input_top{
width: 50%;
border: 1px solid #cccccc;
margin-top: 3px;
font: 90% corbel,arial,helvetica;
color: #808080;
background-color: #F8FAFA;
}

.form_input{
width: 50%;
border: 1px solid #cccccc;
margin-top: 3px;
font: 90% arial;
color: #808080;
background-color: #F8FAFA;
}

.input_txt{
width: 350px;
border: 1px solid black;
font: 11px corbel,arial,helvetica;
padding-left: 4px;
color: #3c3c3c;
}

.input_select{
font-family: arial,helvetica;
font-size: 1em;
color: #808080;
background-color: #ffffff;
}

.pld_address{
display: none;
}
.submit{
background-color: #00A4D9;
color:white;
cursor:pointer;
border:1px solid black;
font-size: 1em;
}

#hr{
width: 100%;
height: 1px;
margin:auto;
}


/* gallery related */

.content_div_gallery{
font-size: 1em;
float: right;
border-right: 20px solid white;
border-bottom: 20px solid white;
width: 580px;
min-height: 10px;
height: auto !important;
height: 10px;
overflow: visible;
padding-top: 10px;
/*padding-bottom: 20px;*/
text-align: justify;
overflow: visible;
background-color: white;
}

.content_div_gallery_images{
font-size: 1em;
float: right;
margin-left: auto;
width: 610px;
min-height: 700px;
height: auto !important;
height: 700px;
overflow: visible;
/*padding-top: 10px;*/
/*padding-bottom: 20px;*/
text-align: justify;
overflow: visible;
background-color: white;
}

.gal{
margin-top: 10px;
width: 610px;
min-height: 50px;
height: auto !important;
height: 50px;
overflow: visible;
}

.gal_wrapper{
margin-top: 10px;
width: 610px;
min-height: 50px;
height: auto !important;
height: 50px;
overflow: visible;
text-align: center;
}

.c_gal_table{
width: 600px;
vertical-align: top;
text-align: center;

}

.display_image{
margin-left: auto;
margin-right: 10px;
border: 1px solid #cccccc;
}

.display_cell{
text-align: center;
vertical-align: middle;
height: 110px;
width: 25%;
border: 1px dotted #cccccc;
}
.marg_auto{
margin-left: auto;
margin-right: auto;
}