html {height:100.1%}

body {font:80% verdana, tahoma, arial, helvetica, sans-serif;
	color:#333; background:#000; min-height:101%; position:relative;}

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0; border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* END Reset */

#upper {height:100px; width:100%; border-bottom:36px solid #cc0000; background:#333;}

/* Page Layout */

#wrapper {width:770px; margin:-136px auto 0 auto; background:#fdfdfd url(bg.gif) repeat-y;}

#header {width:770px; height:100px; background:url(header_bg.jpg) repeat-x; position:relative;}
#banner {width:770px; height:66px; position:relative;}

h1 {font-size:150%; padding:35px 0 0 20px;}
h1 a {text-decoration:none; cursor:pointer;}
h1 span {display:block; background:url(logo.jpg) no-repeat;
 width:330px; height:100px; position:absolute; top:0; left:13px;}

h2 {font-size:120%; float:right; padding-right:10px;}

body#home h2 span {display:block; background:url(zhome.jpg) no-repeat; 
 width:265px; height:100px; position:absolute; top:0px; right:0px;}

body#recr h2 span {display:block; background:url(zrec.jpg) no-repeat; 
 width:265px; height:100px; position:absolute; top:0px; right:0px;}

body#comp h2 span {display:block; background:url(zcomp.jpg) no-repeat; 
 width:265px; height:100px; position:absolute; top:0px; right:0px;}

body#news h2 span {display:block; background:url(znews.jpg) no-repeat; 
 width:265px; height:100px; position:absolute; top:0px; right:0px;}

body#cont h2 span {display:block; background:url(zgoalie.jpg) no-repeat; 
 width:265px; height:100px; position:absolute; top:0px; right:0px;}

ul#nav {background:#333; width:770px; height:36px; margin:0 auto;}
Ul#nav li {list-style-type:none; float:left;}
ul#nav li a {color:#fff; margin:0 20px; text-decoration:none; letter-spacing:1px;
 font-weight:bold; line-height:28px; vertical-align:middle;}
ul#nav li a:hover {border-bottom:4px solid #cc0000; padding-bottom:2px;}

body#home a#homenav,
body#recr a#recrnav,
body#comp a#compnav,
body#news a#newsnav,
body#cont a#contnav
{border-bottom:4px solid #cc0000; padding-bottom:2px; text-transform:uppercase;
 cursor:text;}

body#recr-video a#recrnav {border-bottom:4px solid #cc0000; padding-bottom:2px; text-transform:uppercase;}

/* This makes sidebar clicked links show as selected via using the database */
.clickedlink {color:#000; font-weight:bold; text-transform:uppercase; padding-left:10px;}

#content {float:left; width:490px; padding-bottom:10px; line-height:1.4em;}

#content ul {margin-left:20px; padding-left:20px; list-style-type:disc;}
#content li {padding:5px 20px 5px 0;}

#subcontent {margin-left:505px; padding:0 0 10px 0; width:265px;}

* html #subcontent {margin-left:502px;} /* fix IE 3px problem with box images */

#subcontent ul {margin-left:20px; padding-left:20px; list-style-type:disc;}
#subcontent li {padding:5px 10px 5px 0;}

img a {border:none;}

#bottom {clear:both; width:100%;}

#footer {height:36px; width:100%; background:#cc0000;}

#copyright {width:770px; height:36px; margin:0 auto; background:#333; color:#fff;}

.small {font-size:75%;}

/* Global Styles */

h3, h4, h5, h6 {font-family:arial, verdana, tahoma, helvetica, sans-serif; color:#aa0000;
 padding:10px 0 0 20px;}
 
h3 {font-size:150%;} h4 {font-size:140%;}
h5 {font-size:130%;} h6 {font-size:120%;}

p {padding:10px 20px 0 20px;}

a:link {color:#678;}
a:visited {color:#555;}
a:hover {color:#aa0000; text-decoration:none;}
a img {border:0 none; text-decoration:none;}


.center {text-align:center;}
.clear {clear:both;}

.box_top {background:url(box_top.gif) no-repeat; width:243px; height:30px; 
 margin:0 auto;}

.box {background:url(box.gif) repeat; width:243px; margin:0 auto;}

.box_btm {background:url(box_btm.gif) no-repeat; width:243px; height:30px;
 vertical-align:bottom; margin:0 auto;}


table#mls {width:440px; margin:10px 0 0 20px; table-layout:fixed; border:1px solid #dadada;}
table#mls tr th {font-weight:bold; border:1px solid #dadada;}
table#mls .wide {width:140px;}
table#mls td {border:1px solid #dadada; padding-left:3px;}
table#mls .alert {color:#cc0000;}

dl.news {color:#333; margin:0 0 0 20px;}
.news dt {font-weight: bold; color:#000; padding:5px 0;}
.news dd {padding:0 0 3px 8px;}
.news dd.alert {color:#567;}

.news a:link {color:#678;}
.news a:visited {color:#555; font-weight:normal;}

.news a:hover {color:#aa0000; text-decoration:none;
 border:none; /*to fix IE*/ }

.news a span {display: none;}

.news a:hover span {display: block;
 position: absolute; top: 245px; left: 200px; width: 350px;
 padding: 8px; margin: 10px; z-index: 100;
 color:#333; background:#d9d9d9; font-weight:bold;}


#usysnews {width:250px; margin:10px auto 0 auto;}
#usysnews table  {width:248px; margin:1px;}
#usysnews table td {margin:5px;}
#usysnews table td a  {font-weight:normal; padding:0 2px; margin:0 2px;} 

#aboutdotcomnews {width:220px; margin:10px auto 0 auto;}
* html #aboutdotcomnews {width:250px;}

dl.index {margin-top:10px; margin-left:10px;}
.index dt {padding:5px 0 0 5px;}

.index dd {padding:5px 0 0 45px;}

.index a {text-decoration:none; padding-left:25px; 
 color:#08c; font-weight:bold;}
.index a:hover {color:#cc0001; padding-left:25px;}
 
ul.questions li {margin-top:-8px; margin-left:18px; padding-left:18px;list-style:none;}

.diag {background:url(left-sidebar.gif) no-repeat;}

.google468 {padding:10px 0 10px 20px;}
.googlevert {width:180px; margin:0 auto; padding-top:25px;}

address {text-indent:20px;}