/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
body{
	margin:25px;
	padding:0;
	background-color:#BFAA3F;
	font-family: arial;
}

b{font-size: 110%;}


p	{
	font-size:12px;
	
}
a	{
	color:#005480;
}
a:hover	{
	color:#000000;
}

.table_heading	{
	background-color:#669932;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.comingsoon	{
	font-size:22px;
	font-weight:bold;
	color:red;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

h2 {
	padding: 0px;
	margin-top:0px;
	margin-bottom: 5px;
	font-size:23px;
	color: #496815;
	font-style: italic;
	font-family: Georgia;
	border-bottom:1px dotted  #669932;
}
h3 {
	padding: 0px;
	margin-top:5px;
	margin-bottom: 5px;
	font-size:20px;
	color: #496815;
	font-style: italic;
	font-family: Georgia;
}
.bold_head{
	padding: 0px;
	margin-top:5px;
	margin-bottom: 5px;
	color:#005480;
	font-weight:bold;
	font-family: Arial Black;
	font-style: normal;
}
hr	{
	width:98%;
	height:1px;
	color:#005480;
	background-color:#005480;
}
.main_pics {
	border:2px solid #669932; 
	width:150px;
	height:93px;
	padding-right:15px 
}
a .main_pics {
	border:2px solid #669932; 
}
img	{
	border:2px solid #669932; 
}
ul	{
	font-size:12px;
}

#maincontainer{
	width: 750px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	border:1px solid #000000;
	background-color:#fff;
}

#topsection	{
	background: #669932 url('../images/banner_bg.gif') center top no-repeat;
	height: 110px; /*Height of top section*/
	padding:0px;
	margin:0px;
}

#topsection h1{
	margin-left: 230px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 30px;
	color:#ffffff;
	font-size:30px;
}
#topsection h2{
	margin-left: 200px;
	margin-top:0px;
	padding-top: 0px;
	color:#E6CC4C;
	font-size:18px;
	border:none
}

#contentwrapper{
	float: left;
	width: 100%;
}
#contentcolumn{
	margin-left: 160px; /*Set left margin to LeftColumnWidth*/
	height:100%;
	background-color: #fff;
}

#contentcolumn2{
	margin-left: 160px; /*Set left margin to LeftColumnWidth*/
	height:100%;
	background: #fff url('../images/main_bg.gif') center bottom no-repeat;
}

#leftcolumn{
	float: left;
	width: 160px; /*Width of left column*/
	margin-left: -750px; /*Set left margin to -(MainContainerWidth)*/
	background-color: #7FBF3F;
	height:100%;
	margin-bottom:0px;
	padding-bottom:0px;
}

#footer{
	clear: left;
	width: 100%;
	background: #669932;
	color: #FFF;
	text-align: center;
	padding: 0px 0;
	font-size:11px;
	height:30px;
	padding-top:12px;
	margin-top:0px;
}

#footer a{
	color: #FFFF80;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;

}
/*************************NAV MENU ***/

.buttonmenu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px;
}

.buttonmenu li a{
	color: #000000;
	display: block;
	width: 100%;
	padding: 0px 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid;
	border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
	background-color: #7FBF3F;
	text-decoration:none;
	font-size:12px;
	line-height: 2.3em;
}


.buttonmenu li a:visited{
	color: #000000;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
	color: #496815;
	background-color: #99E64C;
}
/**************** CSS FORM ****/


.cssform p{
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;

display:block;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 50%;
border:1px solid #000000;
}

.cssform textarea{
width: 250px;
height: 150px;
border:1px solid #000000;
}

/*.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;
}

/**********************THUMBNAIL VIEWER ***/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/*************************** GPRGRESS BAR */
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
  overflow: hidden;
	background-color: red;
	padding-left: 5px;
}
/* FORM STYLE ***************************/
.textfield	{
	width:350px;
	font-size:12px;
}
.textfield2	{
	width:350px;
	font-size:12px;
	height:70px;
}
td .formtext 	{
	font-size:12px;
}
tr h3	 {
	font-size:15px;
	color:#005480;
	text-decoration:underline;
}
td .apply 	{
font-size: 12px;
}