/*Luminet StyleSheet*/


html{
   	FONT-FAMILY:  Arial;
    font-size: small;
	height:100.01% ;
	background: #000000 url(../images/bk.jpg) repeat-x;
	
}

body { 
  	margin: 0px;
    color: #000000;
	background: url(../images/bk_container.gif) top center repeat-y;
	 		
}

#container {
	clear: both;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */ 
	height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */ 
	min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
	padding: 0px;
	width: 925px;		
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-left: solid 15px #FFFFFF; 
	border-right: solid 15px #FFFFFF
}


#bgwhite{
	background-color: #FFFFFF;
	width: 925px;
	background: #FFFFFF url(../images/bk_container.gif) repeat-y;
	min-height: 400px	
}

.gallery{
width: 590px;
margin: 10px;
padding: 0px

}
.galborder{
	padding: 8px;
	margin: 0px
}


#headertop{
	width: 925px;
	height: 115px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF
}

#headertoph{
	width: 925px;
	height: 308px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	border-bottom: solid 8px #72C12B
}

/*header menu*/


.clear{
clear: both
}

#headermenu{
	margin: 0px 20px 0px 0px;
	padding: 0;
	height: 115px;

}
#headermenu ul{
	list-style-type: none;
	float:right;
	margin: 0px;
	padding: 6px;
	margin-top: 87px;

}
#headermenu li{
	display: inline;
	margin: 0px;
	height: 48px;
	padding: 0px 0px 0px 0px;


}

#headermenu .betwn {
	background: url(../images/mnu_btwn.jpg) bottom center no-repeat;
	width: 7px;
	height: 48px;
	margin: 0px 0px 0px -5px;
	padding: 6px 0px 6px 0px;

}

#headermenu li a:link, #headermenu li a:active, #headermenu li a:visited {
	display: inline;
	background: url(../images/mnu_but_bk.jpg) top center repeat-x;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding: 6px 18px 6px 18px;
	height: 48px;

}

#headermenu li a:hover {
	text-decoration: none;
	background: url(../images/mnu_but_bk_ov.jpg) #FFFFFF bottom center repeat-x;
	color: #62A725
}
/*END menu*/
#headertble{
	width: 925px;
	height: 219px;
	margin: 0px;
	clear:both;
	}




#rightmenu{
	padding: 0px;
	width: 207px;
	margin: 12px 0px 0px 690px;
	margin/**/:/**/ 12px 0px 0px 710px;
	background-color: #FFFFFF;
	padding: 0px

}

#rightmenu .tab2{
	background: url(../images/bk_tab.jpg) bottom center no-repeat;
	color: #FFFFFF;
	width: 207px;
	height: 28px;
	margin: 12px 0px 0px 0px;
	text-align: center;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	border: 0px;
	font-size: 110%
}
#rightmenu ul{
	list-style: none;
	width: 190px;
	text-align: right;
	margin: 0px;
	padding: 0px
}
#rightmenu li{
	display: block;
	margin: 0px;
	height: 30px;
	width: 206px;
	padding: 0px;
	border-left: dashed 1px #72C12B;
	border-right: dashed 1px #72C12B;
	border-bottom: dashed 1px #72C12B;
}

#rightmenu .hold{
	padding: 4px 12px 1px 0px;
	margin: 6px 0px 0px 0px;
	background: url(../images/bk_rightmenu.jpg) top right no-repeat
}

#rightmenu li a:link, #rightmenu li a:active, #rightmenu li a:visited {
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 6px 12px 6px 0px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	background: url(../images/bk_rightmenu.jpg) top right no-repeat;


}

#rightmenu li a:hover {
	text-decoration: none;
	display: block;
	background: #72C12B url(../images/bk_rightmenu_ov.jpg) top right no-repeat;
	color: #FFFFFF;
	
	
}



#rightmenu a.tab:link, #rightmenu a.tab:active, #rightmenu a.tab:visited {
	display: block;
	width: 207px;
	height: 28px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 6px 0px 0px 0px;
	background: #FFFFFF url(../images/bk_tab_ov.jpg) top right no-repeat;

}

#rightmenu a.tab:hover {
	text-decoration: none;
	background: #FFFFFF url(../images/bk_tab.jpg) top right no-repeat;
	color: #333333;
}
/*END side menu*/



h1{
	font-weight: bold;
	text-align: left;
	font-size: 140%;
	color: #333333;
	margin: 0px 10px 0px -30px
	}

/*content area*/
#content{	
	margin:0px;
	clear: both;
	float: left;
	padding: 10px 10px 20px 50px;
	width: 600px;
	background-color: #FFFFFF
}

#content .box h5{
	background: url(../images/bk_tab.jpg) bottom center no-repeat;
	color: #FFFFFF;
	width: 207px;
	height: 28px;
	margin: 12px 0px -17px 0px;
	text-align: center;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	border: 0px;
	font-size: 110%
	}
	
#content .box{
	width:207px;
	height: 220px;
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 0px 

}	
#content .box p{
	width:205px;
	height: 144px;
	text-align: center;
	margin:0px;
	padding: 12px 0px 12px 0px;
	border: dashed 1px #72C12B; 
}	



#content p{
	font-size: 90%;
    line-height: 1.6;
	color: #333333;
	text-align: justify
}

#content .txtredbold{
	color: #CF035C;
	font-weight: bold
}

#content h2{
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	color: #72C12B;
	margin:0px;
	}

#content h3{
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	color: #72C12B;
	margin:0px;
	}
h4{
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	color: #333333;
	margin: 0px;
	margin-left: -50px
	}	
	
#content .txtlarggreen{
	font-weight: bold;
	text-align: left;
	font-size: 120%;
	color: #72C12B;
	margin:0px;
	}
	
#content .Pright {   
   	text-align: right
}
#content .Pcenter { 
   	text-align: center
}

#content .Pcentergreen { 
   	text-align: center;
	color: #72C12B;
	font-size: 110%
}

#content .Pcenter2 { 
   	text-align: center;
	width: 550px;
	margin: 12px;
	padding: 0px 0px 0px 30px;
	clear: both;
	height: 30px;

}

#content .Pleft { 
   	text-align: left
}

#content ul{
   	list-style: url(../images/list.jpg);
	line-height: 1.4;
	font-size: 90%;
	color: #333333	
}
#content ol{
	line-height: 1.8;
	font-size: 90%;
	color: #666666	
}
#content .txtgreenbold{
	font-size: 100%;
    line-height: 1.6;
	color: #72C12B;
	font-align: justify;
	font-weight: bold
}

#content .txtgreen{
	font-size: 80%;
    line-height: 1.4;
	color: #72C12B;
	text-align: justify
}

.cssform {
	float: left;
    border: 1px dashed #72C12B;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 580px;	
}
.cssform .submitform {
    border: 1px solid #999999;
    background-color: #72C12B;
   	color: #333333; 
    font-weight: bold;
	font-size: 90%;
	padding: 4px;
	margin-left: 70px
	
}
 
.cssform textarea{ 
    COLOR: #333333;
	font-size: 90%;
	padding: 3px; 
	FONT-FAMILY: Arial;
    background-color:#FFFFFF; 
   	border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
   	border-right: 1px solid #CCCCCC;
   	border-top: 1px solid #CCCCCC;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #999999; 
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	margin-bottom: 6px
}

 .cssform input { 
    COLOR: #333333;
	font-size: 90%;
	padding: 3px;
    background-color:#FFFFFF; 
    border-bottom: 1px solid #CCCCCC; 
    border-left: 1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC; 
    border-top: 1px solid #CCCCCC
}



.cssform  select {
    COLOR: #333333; 
    background-color: #FFFFFF; 
    border-style: solid; 
    border-color: #CCCCCC; 
    border-width: 1px;
	margin: 0px 0px 0px 12px; 
}


.cssform .nobord {
    border: solid;
    border-width: 0px;
    border-color:#FFFFFF;
    background-color: #FFFFFF
}

.cssform .lcol{
	width: 250px;
	padding: 0px;
	margin: 0px;
	float: left;

}

.cssform p{
	text-align: left;
	margin: 0px 10px 0px 12px;
	padding: 5px 12px 5px 0px;
	height: 1%;
		

}


.cssform .rcol{
	float: right;
	width: 250px;
	padding: 0px;
	margin: 0px;

}



.cssform label{
float: left;
padding: 0px 0px 0px 12px;
font-size: 85%;
color: #333333; 

}

.cssform .red{
font-size: 80%;
color: #CC0000
}


/*.threepxfix class below:*/
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: 

* html .threepxfix{
margin-left: 3px;
}

.cssform h4{
	font-weight: normal;
	text-align: center;
	font-size: 90%;
	color: #333333;
	margin:8px 0px 8px 8px;
	padding: 6px;
	width: 520px;
	background-color: #E0F3CD;
	
}

.imgleft{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px
}

.imgcenter{
   	 text-align: center;
	 float:center;
	 margin: 0px;
}

.imghomes{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px;
	 margin-left: 20px
}

.imgleftborder{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px;
	 border: 1px solid #9D9D9D
}

.imgright{
   	 text-align: right;
	 float:right;
	 margin: 0px;
	 margin-left: 20px
}	
	
.imghome{
   	 text-align: right;
	 float:right;
	 margin: 0px;
	 margin-left: 6px
}
.borderbot{
border-bottom: solid 10px #72C12B
}

/* links*/

a:link, a:active, a:visited {
   color: #72C12B;
   font-size: 100%;
   text-decoration: underline;
   font-weight: bold
}


a:hover {
   color: #000000;
   text-decoration: underline;
   font-weight: bold
}


a.top:link, a.top:active, a.top:visited {
   color: #282E6B;
   font-size: 80%;
   text-decoration: none;
   font-weight: bold
}


a.top:hover {
   color: #BDBEC1;
   text-decoration: underline;
   font-weight: bold
}










/* footer*/

#footer {
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 945px;
	border-top: solid 10px #72C12B;
	background-color: #000000; 
	font-weight: normal;
	padding: 4px 12px 0px 0px;
	text-align: right
}
#footer P{
	font-size: 80%;
	color: #666666;
	text-align: right
}

#footer a:link, #footer a:active, #footer  a:visited {
	color: #666666;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: right
}

#footer a:hover {
	text-decoration: underline;
	text-decoration: none;
	color: #FFFFFF
}


/*  end footer*/