/*** Style ***/

/*** Tab menus ***/
#mattblacktabs{
width: 100%;
overflow: hidden;
background: #949427;
}

#mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

#mattblacktabs li{
display: inline;
margin: 0;
}

#mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #000;
}


#mattblacktabs li a:visited{
color: white;
}

#mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #cdcdcd; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #346f00;
text-decoration: underline;
}

.current{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: #FFF;	
	background: #666600;
}

/** text & Slogan **/

#left h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 1.8em Helvetica, Arial, Sans-serif;
	letter-spacing: -1px;
	color: #FFF;
	text-transform: none;
	top: 30px; left: 20px;	
}
#left h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1.2em Helvetica, Arial, Sans-serif;
	text-transform: none;
	letter-spacing: 0px;
	color: #dcd230;
	top: 60px;	 left: 25px;	
}
.color{
	color:#ffcc00;
}

#containt #leftside h1{
	font-family:Helvetica, Georgia, Arial;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 10px;
	color:#172433;
}



/* Form */

.form p{
	width: 300px;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 4px 0 2px 0;
	padding-left: 170px; 
	border-top: 1px dashed gray;
	height: 1%;
}

.form label{
	font-weight: bold;
	float: left;
	margin-left: -160px; 
	width: 150px; 
}

.form input[type="text"]{ 
	width: 180px;
}

.form textarea{
	width: 250px;
	height: 70px;
}

blockquote{
	padding-left: 50px;	
}

td {
padding: 0px;	
border-bottom: 0px solid #999;
}

.leftimg{
	padding: 3px;
	border: 2px solid #EEEEEE;
	margin-right: 7px;
}

.rightimg{
	padding: 3px;
	border: 2px solid #EEEEEE;
	margin-left: 7px;
}

#bottomtext h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0;
}


/*** down menu ***/

.downgrenmenu{
width: 100%; /*width of menu*/
}

.downgrenmenu .headerbar{
font: bold 12px Arial, Tahoma, Verdana;
color: white;
background: #606060 url(../images/greendown.gif) no-repeat 5px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 30px; /*31px is left indentation of header text*/
}

.downgrenmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.downgrenmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
border-bottom: 1px solid #cacaca;
}

.downgrenmenu ul li a{
font: normal 12px Verdana, Arial;
color: black;
background: #d8d8d8;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.downgrenmenu ul li a:visited{
color: black;
}

.downgrenmenu ul li a:hover{ /*hover state CSS*/
color: #206200;
background: #e9e9e9;
}