/* Net Theory styles */

/* Body and global
------------------------------------ */

* { margin: 0; padding: 0; z-index: 0; }

body { font: 76% "Helvetica Neue", Arial, sans-serif; background-color: #fff; margin-top: 15px; }

img { border: none; }

address { font-style: normal; margin-bottom: 1em; }

ul, ol { list-style: none; }

p.clearer { margin: 0; padding: 0; clear: both; }

input { font: 0.8em verdana; color: #666; }
input.textbox { margin: 0 0 0 11px; } 
input.button { margin: 0 0 0 5px; }

#container {
width: 100%;
}

#content {
width: 680px;
margin: 0 auto;
}

#header {
background-color: #000;
width: 680px;
height: 50px;
}

h1 {
background: url(images/top_logo.gif) no-repeat;
width: 263px;
height: 50px;
text-indent: -9999px;
float: left;
}

h1 a {
display: block;
height: 100%;
}

.date {
margin: 12px 10px 0 0;
color: #fff;
font: 9px verdana;
text-decoration: none;
float: right;
}


ul#top-nav {
float: left;
width: 680px;
margin: 0 0 3px; 
padding: 0;
background-color: #999;
text-align: right;
}

ul#top-nav li.first { padding-left: 168px; }

ul#top-nav li {
float: left;
display: inline;
position: relative;
text-transform: uppercase;
font-size: 0.8em;
margin: 0 1px 0 0;
padding: 4px 5px 1px 6px;
border-right: 1px solid #fff;
}

ul#top-nav li a:link, ul#top-nav li a:visited { text-decoration: none; }
ul#top-nav li a:hover, ul#top-nav li a:active { color: #000; }

ul#top-nav li.last { border: 0 }

ul#top-nav li.green { border-top: 4px solid #6c0; }
ul#top-nav li.blue { border-top: 4px solid #39c; }
ul#top-nav li.orange { border-top: 4px solid #f60; }

li ul {
  display: none;
  position: absolute; 
  top: 18px;
  left: 6px;
  }

* html li ul#subnav1 { left: 166px; }
 
li > ul {
	top: auto;
	left: auto;
	}

li:hover ul, li.over ul { display: block; margin: 1px 0 0 -8px; padding: 0}
li:hover ul#subnav1, li.over ul#subnav1 { background-color: #60cc00 }
li:hover ul#subnav2, li.over ul#subnav2 { background-color: #3098c8 }
li:hover ul#subnav3, li.over ul#subnav3 { background-color: #f86400 }

ul#subnav1 li, ul#subnav2 li, ul#subnav3 li { 
	text-align: left;
	border: 1px solid #fff;
	border-top: 0;
	width: 140px;
	text-transform: none;
	font-weight: bold;
	font-size: 10px;
	clear: left;
}

ul#subnav1 li:hover, ul#subnav1 li.over { background-color: #7bff00; }
ul#subnav2 li:hover, ul#subnav2 li.over { background-color: #40c6ff; }
ul#subnav3 li:hover, ul#subnav3 li.over { background-color: #f7b100; }

#home #intro {
float: left;
width: 241px;
margin: 0 0 13px;
background-color: #6c0;
}

#home #intro h2 {
width: 227px;
margin: 10px 7px 1px;
color: #fff;
font-weight: normal;
font-size: 20px;
line-height: 22px;
}

#home #intro p { width: 227px; margin: 0 0 1em 0; padding: 6px 0 3px 8px;}

#home p, #home li, #home #newsletter_form label {
color: #fff;
font-size: 0.9em;
line-height: 14px;
padding: 0 0 9px 12px;
}

#home a:link, #home a:visited {color: #fff; font-weight: bold; }

#home #flash {
width: 439px;
margin: 0 0 13px;
float: left;
}

#home #blue { width: 240px; background-color: #39c; clear: left;}
#home #orange { width: 240px; background-color: #f60;  clear: none;}
#home #gray { width: 200px; background-color: #666;  clear: none;}

#home .bottom-box {
height: 300px;
float: left;
}

#home h3 {
margin: 8px 0;
padding: 3px 0 3px 12px;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
}

#home #blue h3 {background-color: #3cc;}
#home #orange h3 {background-color: #f90;}
#home #gray h3 {background-color: #999;}

#home #blue p {margin: 0 0 4px 12px; padding: 0}

#home #go {
width: 23px; 
height: 17px; 
margin: 0 0 -5px 5px;
}

#home #add-email {
width: 80px;
}

#home #gray p, #home #gray ul {
float: left; width: 119px;
}

#home #newsletter_form label {
  float: left; width: 70px;
  padding: 0px 12px !important;
}

#home #newsletter_form input {
  width: 80px;
}

#home #newsletter_form p {
  width: 180px !important;
}

#home #gray ul {margin-top: -24px;}

#home #gray #thumb {
float: left; 
}

#home #gray #asa {
margin: 10px 50px 0;
width: 100px;
}

#footer {
background-color: #000;
width: 680px;
float: left;
clear: both;
}

#footer p {margin: 3px 4px; padding: 0; font-size: 0.8em; text-align: right}