html { background: url(http://img.nerdpass.com/nats/html.jpg) }
body { 
	padding: 0; margin: 0;
	font: normal 12px Verdana;
	background: url(/css/logo.php) no-repeat 50% 0;
}

img { border: none; }

a { color: #F902B2; }

#wrap  { width: 1008px; margin: auto; }
#cont1 { background: #FFFFFF url(http://img.nerdpass.com/nats/piece.gif) top right no-repeat;; padding: 7px;  padding-top: 0; }
#cont2 { background: #D5D5D5 url(http://img.nerdpass.com/nats/top.gif) top no-repeat; padding: 7px; }

#login {
	float: right;
	height: 77px; width: 268px; 
	padding: 5px 10px 0 15px; margin: 10px 2px 14px 15px; 
	background: url(http://img.nerdpass.com/nats/login.jpg); 
	color: #B7B7B7; font: normal 10px Arial; 
}

#login a { color: #B7B7B7; text-decoration: none }
#login a:hover { text-decoration: underline }

#foot { 
	background: url(http://img.nerdpass.com/nats/foot.jpg) top repeat-x; 
	padding: 25px 0 0 0; height: 23px; text-align: center; 
	color: #CBCBCB; margin-bottom: 50px; font: normal 11px Arial
}

#foot a { color: #CBCBCB; text-decoration: none }
#foot a:hover { text-decoration: underline }

#signup_form { width: 450px; margin: auto; margin-bottom: 20px }
#signup_form th { background: #E8E8E8; font: bold 17px Arial; text-align: left; padding: 4px 0 4px 15px; }
#signup_form td { padding: 3px 0 3px 15px; }
#signup_form .error { font-size: 11px; color: #F902B2; }

.c { clear: both; }





/* GLOBALHEADER */
#menu { width: 800px; height: 26px; margin: 0; position: relative; z-index: 9998; }
#menu #nav { margin: 0; padding: 0; }
#menu #nav li { display: inline; }

#menu #nav li a,
#menu #globalsearch { background: url(http://img.nerdpass.com/nats/menu3.jpg) no-repeat; }

#menu #nav li#home a { float: left; width: 86px; height: 0; padding-top: 26px; overflow: hidden; }
#menu #nav li#home a { background-position: -0px 0; }
#menu #nav li#home a:hover { background-position:  -0px -26px; }
#menu #nav li#home a:active { background-position: -0px -52px; }
#menu.home #nav li#home a { background-position: -0px -156px !important; }
#menu #nav li#about a { float: left; width: 108px; height: 0; padding-top: 26px; overflow: hidden; }
#menu #nav li#about a { background-position: -86px 0; }
#menu #nav li#about a:hover { background-position:  -86px -26px; }
#menu #nav li#about a:active { background-position: -86px -52px; }
#menu.about #nav li#about a { background-position: -86px -156px !important; }
#menu #nav li#sites a { float: left; width: 128px; height: 0; padding-top: 26px; overflow: hidden; }
#menu #nav li#sites a { background-position: -194px 0; }
#menu #nav li#sites a:hover { background-position:  -194px -26px; }
#menu #nav li#sites a:active { background-position: -194px -52px; }
#menu.sites #nav li#sites a { background-position: -194px -156px !important; }
#menu #nav li#program a { float: left; width: 120px; height: 0; padding-top: 26px; overflow: hidden; }
#menu #nav li#program a { background-position: -323px 0; }
#menu #nav li#program a:hover { background-position:  -323px -26px; }
#menu #nav li#program a:active { background-position: -323px -52px; }
#menu.program #nav li#program a { background-position: -323px -156px !important; }
#menu #nav li#signup a { float: left; width: 113px; height: 0; padding-top: 26px; overflow: hidden; }
#menu #nav li#signup a { background-position: -442px 0; }
#menu #nav li#signup a:hover { background-position:  -442px -26px; }
#menu #nav li#signup a:active { background-position: -442px -52px; }
#menu.signup #nav li#signup a { background-position: -442px -156px !important; }
#menu #nav li#resources a { float: left; width: 132px; height: 0; padding-top: 26px; overflow: hidden; }
#menu #nav li#resources a { background-position: -554px 0; }
#menu #nav li#resources a:hover { background-position:  -554px -26px; }
#menu #nav li#resources a:active { background-position: -554px -52px; }
#menu.contact #nav li#resources a { background-position: -554px -156px !important; }
#menu #nav li#contact a { float: left; width: 113px; height: 0; padding-top: 26px; overflow: hidden; }
#menu #nav li#contact a { background-position: -688px 0; }
#menu #nav li#contact a:hover { background-position:  -688px -26px; }
#menu #nav li#contact a:active { background-position: -688px -52px; }
#menu.contact #nav li#contact a { background-position: -688px -156px !important; }
