input {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	padding: 2px;
	margin:2px;
	border: 1px solid #b7d34b;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; 
padding-top:0px;
padding-bottom:0px;
padding-left:180px;
padding-right:0px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; color: #000000; padding: 11px 10px 10px 10px;font-size:1em;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0px; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menu dt { margin:0; font-size: 1.1em; border-bottom:0px solid #b7d34b; float:left; border-right:1px solid #b7d34b;line-height:24px;}
#menu dd {display:none; background: transparent; border-bottom:0px solid #b7d34b; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#FFFFFF; padding: 5px 5px 5px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited { color:#FFFFFF; text-decoration:none; display:block;font-size:1.1em; padding: 5px 10px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:0px solid #FFF;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #666666; color:#FFFFFF;}

table,tr,td {
	padding-left: 0px;
}

#submenu {
	padding:0px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2.5em;
	display: block;
	height: 35px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1D1D1D;	
}

#submenu:hover {
	color : #b7d34b;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 37px;
	color : #FFFFFF;
	font-weight: normal;
	padding: 0px;
	margin:0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color : #FCB040;
	line-height: 2em;
	padding:0px;
	margin:0px;
}

/* ----------------------------------- */

#tabnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	width: 940px;
	text-decoration: none;
	text-transform: uppercase;
	height:20px;
	margin: 0;
	padding-left: 10px;
}
#tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#tabnav a:link, #tabnav a:visited {
	float: right;
	background-color: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
}
#tabnav a:link.active, #tabnav a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}
#tabnav a:hover {
	background: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}
/* ----------------------------------- */
#head {
	background-image: url(images/Explode-Webdesign-SEO-Logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	height: 100px;
	width: 950px;	
}
body {
	font-size: 12px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #0C0C0C;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center; /* for ie - puts everything center page */
}
#content {
	padding-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	width: 950px;
	margin: 0 auto;
	text-align: left; /* for ie - to fix the text align center */
	}
.menutext {
	color : #000000;
}
/* Menu Follows */
#nav-menu {
	color: #FFFFFF;
	text-transform: uppercase;
	width:100%;
}
#nav-menu li {
	width: 75px;
	float: left;
	text-decoration: none;
	font-size:11px;
}
#nav-menu li a {
	padding:0px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 3.5em;
	display: block;
	height: 35px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav-menu li a:hover {
	background-color: #FCB040;
}
a {
		text-decoration: none;
	color:#CCCCCC;
}
a:hover {
color : #b7d34b;
	text-decoration: underline;
}

.white {
	color : #FFFFFF;
	background-color: #b7d34b;		
	line-height: 35px;
	width: 155px;
	display:block;
}
//

/* -----------DROPDOWN------------------------ */


#cssdropdown, #cssdropdown ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#cssdropdown li {
	float: left;
	position: relative;
}
.mainitems {
	text-align: center;
	text-decoration: none;
	line-height: 3.2em;
	display: block;
	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 75px;
	float: left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.mainitems a {
	text-decoration: none;
	color: #FFFFFF;
}
.subuls {
	display: none;
	width: 10em;
	top: 2.5px;
	margin-left: 10px;
	background-color: #b7d34b;
	list-style: none;
}
.subuls li {
	width: 100%;
}
.subuls li a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#b7d34b;
	display: block;
}
.subuls li a:hover {
	text-decoration: none;
	color:#FFFFFF;
	background-color:#FCB040;
	line-height: 3.2em;
	display: block;
}
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	color: #FFFFFF;
}
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}
#restofcontent { /*wrap rest of content of the page inside this div*/
	clear: left;
}
