/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-repeat: repeat-x;
	background-color: #000000;
}


#content_box {
	position:relative;
	width:798px;
	background-color: #000000;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #FFFFFF;
	font-family:"Century Gothic", Tahoma, Helvetica, sans-serif;
}
h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #99cc00;
	margin-left: 200px;
	line-height: 1em;
	width: 525px;
}
h2 {
	width: 500px;
	margin-left: 200px;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	color: #0099FF;
}
h3 {
	width: 500px;
	margin-left: 200px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #99CC00;
}
p a {
	font-weight: bold;
	text-decoration: underline;
	color: #0099FF;
	}	
	
#content_box p {
	width: 500px;
	margin-left: 200px;
	text-align: justify;
	font-size: 0.9em;
}
#menu {
	height: 50px;
	width: 798px;
	background-image: url(images/black_gloss_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#head {
	width: 790px;
	color: #FFFFFF;
	background-image: url(../images/whatLogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}

img {
	border: none;
}

#nav {
	font-family:"Century Gothic", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 6px;
	}	

#nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	}

	#nav li {
	font-size: 1.2em;
	float: left;
	display: block;
	font-family:"Century Gothic", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	width: 114px;
}

	
#nav a { /* if background is on a:link IE6 won't display properly  */
	background-repeat: no-repeat; /* For IE5 Mac only - reset to 10 below */
	color: #99cc00;
	text-align: center;
	text-decoration: none;	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}

#nav a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:20px;
	}
 
#nav a:hover {
	background: url("../images/dnbutt.gif") no-repeat; /* no background-x styles work here */
	color: #66CCFF; 
	}
#nav a img {
	width: 430px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 82px;
	position: absolute;
	top: 35px;
	left: 200px;
	visibility: hidden;
	}
#nav a:hover img {
	visibility:visible;
	}
#bodyoftext {
	width: 790px;
	color: #FFFFFF3
	background-image: url(../images/whatLogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
#bodywhat {
	width: 790px;
	color: #FFFFFF;
	background-image: url(../images/whatLogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}

#bodyx {
	width: 790px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	margin-left: 10px;
}


#bodywho {
	width: 790px;
	color: #FFFFFF;
	background-image: url(../images/whoLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
#bodyhow {
	width: 790px;
	color: #FFFFFF;
	background-image: url(../images/howLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
#bodywhy {
	width: 790px;
	color: #FFFFFF;
	background-image: url(../images/whyLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
#bodywhenwhere {
	width: 790px;
	color: #FFFFFF;
	background-image: url(../images/whenwhereLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
#bodymedia {
	width: 790px;
	color: #FFFFFF;
	background-image: url(../images/whenwhereLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
#bodycontact {
	width: 500px;
	color: #FFFFFF;
	margin-left: 130px;
	font-size: 0.8em;
}
#bodysitemap {
	width: 700px;
	color: #FFFFFF;
	font-size: 0.8em;
	margin-left: 50px;
}

#bodywho a {
	font-weight: bold;
	text-decoration: underline;
	color: #0099FF;
	}
#bodywhat a {
	font-weight: bold;
	text-decoration: underline;
	color: #0099FF;
	}
#bodymedia a {
	font-weight: bold;
	text-decoration: underline;
	color: #0099FF;
	}
	
#bodysitemap a {
	text-decoration: underline;
	color: #FFFFFF;
	}

#content_box_front {
	position:relative;
	width:798px;
	background-color: #000000;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #FFFFFF;

	font-family:"Century Gothic", Tahoma, Helvetica, sans-serif;
}
#content_box_front p {
	width: 460px;
	margin-left: 170px;
	text-align: justify;
	font-size: 0.9em;
}
#content_box_front h3 {
	width: 460px;
	margin-left: 170px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bolder;
}
#content_box_front li {
	width: 460px;
	margin-left: 170px;
	text-align: justify;
	font-size: 0.9em;
}
#bodywhat li {
	margin-left: 200px;
	font-size: 0.9em;
	display:list-item;
	margin-right: 100px;
}


#bodywho li {
	margin-right: 100px;
	margin-left: 200px;
	font-size: 0.9em;
}
#bodyhow li {
	margin-right: 100px;
	margin-left: 200px;
	font-size: 0.9em;
}
#bodywhy li {
	margin-right: 100px;
	margin-left: 200px;
	font-size: 0.9em;
}
#bodywhenwhere li {
	margin-right: 100px;
	margin-left: 200px;
	font-size: 0.9em;
}
#bodymedia li {
	margin-left: 200px;
	font-size: 0.9em;
	display:list-item;
	margin-right: 100px;
}

fieldset {
    color: #ffffff;
    background-color: #000000;
    padding: 8px;
    border: solid 1px #ffffff;
    width: 515px;
    }
#buttontext {
	
	float: left;
    width: 300px;
}
legend {
    color: #0099FF;
    font-weight: bold;
    background-color: #000000;
    padding: 2px 6px;
    }
label  {
	line-height: normal;
    text-align: right;
    margin-right: 10px;
    position: relative;
    display: block;
    float: left;
    width: 100px;
}


label.fieldLabel  {
    display: inline;
    float: none;
}
label.wide  {
    width: 225px;
}
input.formInputText  {
    color: #666;
    background-color: #cccccc;
    padding: 2px;
    border: solid 1px #000000;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 15px;
}

input.formInputButton  {
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: bolder;
    text-align: center;
    color: #300;
    background: #f99 url(bg_button.png) repeat-x;
    padding: 1px;
    border: solid 1px #f66;
    float: right; 
    cursor: pointer;
}
input {
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	
}
textarea {
 	background-color: #cccccc;
 	color: #ffffff;
 	color: #666;
 	padding: 2px;
    border: solid 1px #000000;

}
select {
 background-color: #cccccc;
 color: #666;
 color: #666;
}

.greenbold {
	color: #99CC00;
	font-weight: bold;
}




li { display:list-item; }





#top {
	font-size: 0.6em;
}

#top a {
	text-decoration: none;
	color: #FFFFFF;
}
#topfront {
	font-size: 0.6em;
	display: inline;
	margin-left: 170px;
}

#topfront a {
	text-decoration: none;
	color: #FFFFFF;
}

#wisdom_badge {
	text-decoration: none;
	float: right;
	margin-right: 90px;
}

#sitemap {
	font-size: 0.6em;
	color: #FFFFFF;
}

#sitemap a {
text-decoration: none;
	color: #FFFFFF;
}