/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#000000 url(images/footer_bg.gif) bottom repeat-x;
}

a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family: Verdana,Georgia, tahoma; 
		font-size:12px;
		line-height:17px;
		color:#8e8e8e;		
	}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:12px;/* color:#444444;*/}

a {color:#3d6f92; font-size:12px;}



	.header {color:#fef102; font-size:14px;font-weight:bold;}
	.heading {color:#FFFFFF; font-size:12px;}
	.text {color:#949494; font-size:12px;}

	.more {text-align:left;}
	.more a{background:url(images/more_bg.gif) top left no-repeat; padding-left:13px; color:#cfcfcf; font-weight:bold;}
	
	.more2 {text-align:left;}
	.more2 a{background:url(images/more_bg.gif) top left no-repeat; padding-left:13px; color:#ffec01;}

.menu {color:#ffffff;text-decoration: none;}
a.menu {color:#ffffff;text-decoration: none;}
a.menu:hover{color:#ffec01;text-decoration: none;}



#form .column1 {width:183px;}
#form .column2 {width:183px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:171px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}

.banner {background:url(images/banner.jpg) top no-repeat;width:831px;height:250px;}
.banner .text {color:#FFFFFF;padding:23px 0 0 12px;}


#main { margin:0 auto;}
#main { width:831px;}

#footer .indent {padding:23px 0 0 17px; color:#8e8e8e; font-size:12px;}
#footer a {color:#8e8e8e; font-weight:bold;text-decoration: none;}








.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #000000; /*menu strip background*/
border: 0px ;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/menu1.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 22px; /* This value + 8px should equal height of button background (default is 31px) */
height: 22px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
margin-right: 1px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/menu2.gif') no-repeat top right;
display: block;
padding: 0px 20px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}