body{
   width: 90%;
	margin: 0;
	padding: 0;
	font-size: 95%;
	height: 100%;
	background-color: White;
	color: White; /*took out background fixed for the side blue assume you didnt want*/
	background-attachment: fixed;
	background-image: url(seo-black-nav-image.jpg);
} 

a:link {
	color: Black;
	text-decoration: none;
} /*decorate none for all the links in content*/
a:visited {
	color: Black;
	text-decoration: none;
}
a:hover{
	color: #0CD219;
	text-decoration: none;
}
a:active {text-decoration: none; }


#content {
   width: 80%;
	position: absolute;
	top: 0;
	left: 180px;
	right: 0;
	color: Black;
	background-color: White;
	padding: 150px 25px 10px 20px;
}

#content div.ask
{
	font-family: annifont,geneva,sans-serif;
	font-size: 120%;
	color: Red;
}


#content ul{
margin: 0;
padding: 0;
}
#content ul li
{
	font: bold 1em garamond,helvetica,sans-serif;
	color: Black;
	background-color: White;
	list-style-type: none;
	display: inline;
}
#content ul li a
{
	color: Black;
	background-color: transparent;
	text-decoration: underline;
}
#content ul li a:hover
{
	color: Black;
	text-decoration: none;
}

#content div.list ul
{margin-top:0; 
margin-bottom:0;
padding: 0 0 0 0%;
}
#content div.list ul li
{
	font-family: garamond,helvetica,sans-serif;
	font-size: 1.1em;
	color: Black;
	list-style-type: square;
	display: list-item;
	padding: 0 0 0 1px;
}

img{border: 0;
}

div#logo{
top: 5px;
left: 200px;
position:absolute;
z-index: 50;
}

h1{
	font: bold 2.2em  corbel, helvetica, sans-serif;
	color: Red;
	text-align: center;
}
h2{
	font: bold 1.5em garamond, helvetica, sans-serif;
	color: Black;
	text-align: center;
}

p {
	font: bold 1.2em garamond,arial,sans-serif;
	color: Black;
}
.indent{
	font: bold 1.2em garamond,helvetica,sans-serif;
	color: Black;
	padding: 0 55px;
}
.smallest{
	font: bold 1em garamond,helvetica,sans-serif;
	color: Black;
}

#left
{
position: absolute;
left: 0;
top: 140px;
background-color: black;
}
/*took out previous feature code*/

/* remove all the bullets, borders and padding from the default list styling */
.feature ul {
position:relative;
font: bold 1.2em/180% garamond,helvetica,sans-serif;
z-index:500;
padding:0 0 0 8px; /*need a little padding on the left side otherwise it is too close to side*/
margin:0;
width: 150px;
list-style-type:none;
text-decoration:none;
}

/* style the list items */
.feature li {
	background: transparent;
	height: 26px;
	text-decoration: none; /* for IE7 */
	float: left;
	color: Black;
	background; white: ;
}
.feature li.sub {
background: transparent no-repeat right center;
} 

/* get rid of the table */
.feature table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.feature a, .feature a:visited {
	display: block;
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	width: 149px;
	color: #0CD219;
	background; white;
text-indent: 5px;
	border: none;
}
/* hack for IE5.5 */
* html .feature a, * html .feature a:visited {width:150px; w\idth:149px;
text-decoration:none;}
/* style the link hover */
*html .feature a:hover {color:black; background:white; position:relative;
text-decoration:none;}

.feature li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.feature a:active, .feature a:focus {color:#0CD219; background:white;text-decoration:none;
}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.feature li:hover >
a {
color: #0CD219;                /*hover color*/
background:  white;         /*background color behind links*/
text-decoration: none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.feature li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:5px;
/* this is for IE to make it interpret the overrrun padding */
/*background:transparent url(transparent.gif); */
background:  white;         /*background color behind links*/
text-decoration: none;
font-size: 90%;
}

/* for browsers that understand this is all you need for the flyouts */
.feature li:hover >
ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.feature ul a:hover ul ul{
visibility:hidden;
text-decoration:none;

}
/* keep the fourth level+ hidden when you hover on second level link */
.feature ul a:hover ul a:hover ul ul{
visibility:hidden;
text-decoration:none;
}
/* keep the fifth level hidden when you hover on third level link */
.feature ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
text-decoration:none;
}

/* make the second level visible when hover on first level link */
.feature ul a:hover ul {
visibility:visible;
text-decoration:none;
}
/* make the third level visible when you hover over second level link */
.feature ul a:hover ul a:hover ul{ 
visibility:visible;
text-decoration:none;
}
/*end dropdown code */

table {margin: 0 auto;
border: 1px solid #9cf;
width: 400px;
}
td,tr{
	background-color: #fff;
	color: Black;
	font: bold 1em helvetica,arial,sans-serif;
	text-align: center;
	vertical-align: top;
	border: 1px #9cf solid;
} 
td a{
	background-color: transparent;
	color: Black;
	text-decoration: underline;
}
td a:hover
{
background-color: transparent;
color: #006;
text-decoration: none;
}
form {font-family: arial, times,serif;
font-size: 12px;
background: #fff;
margin: 0 auto;
}

input,textarea {
font:bold italic 12px arial, times, serif;
line-height: normal;
color: #006;
background-color: #fff;
word-spacing: normal;
border: inset 2px #006;
}
select,option {
font: bold 14px garamond,arial, serif;
color: #006;
background-color: #fff;
}

img.floatright { float: right; 
margin: 2px; } 

img.floatleft { float: left; 
margin: 2px; }