body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #FFFFFF; background: #000000 url(images/body_bg.jpg) repeat-x; }

/*-------------------------------------------------------------------------------------------------------------------------------------------------
   Main Divs
-------------------------------------------------------------------------------------------------------------------------------------------------*/

#container { margin: auto; padding: 0; width: 900px; }
#hnav { position: absolute; top: 0; width: 900px; height: 272px; background: url(images/sub_head.jpg) no-repeat; }
#content { position: absolute; top: 382px; margin-left: 280px; width: 600px; }

/*-------------------------------------------------------------------------------------------------------------------------------------------------
   Base Styles
-------------------------------------------------------------------------------------------------------------------------------------------------*/

p,h1,pre { margin:0px 10px 10px 10px; }
h1 { font-size:18px; padding-top:10px; text-transform: uppercase; }
ul { list-style: circle; font-size: 12px; color: #555555; }
li { padding: 0 0 10px 0; }
a { color: #CCCCCC; text-decoration: underline; }
a img {border: none; }
a:hover { color: #666666; text-decoration: none; }

/*-------------------------------------------------------------------------------------------------------------------------------------------------
   Nav Bar
-------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav { position: absolute; top: 272px; width: 900px; max-height: 33px; padding: 0; margin: 0; }
#nav ul { list-style: none; text-align: center; margin: 0; padding: 0; overflow: hidden; }
#nav ul li { max-height: 33px; min-height: 33px; float: left; display: inline; margin: 0; padding: 0; }
#nav ul li a { line-height: 34px; max-height: 33px; min-height: 33px; padding: 10px 38px; text-decoration: none; color: #FFFFFF; text-transform: uppercase; font-size: 12px; }
#nav ul li.active { background-color: #000000; }
#nav ul li:hover { background-color: #FFFFFF; max-height: 33px; min-height: 33px; padding: 0; color: #333333; }
#nav ul li:hover a { color: #333333; }


/*-------------------------------------------------------------------------------------------------------------------------------------------------
   Content Styling
-------------------------------------------------------------------------------------------------------------------------------------------------*/

#index a.hello { display: block; width: 178px; height: 50px; background: url(images/hello2.jpg) 0 0 no-repeat; float: left; margin-top: -4px; margin-right: 0px; }
#index a.hello:hover { display: block; width: 178px; height: 50px; background: url(images/hello2.jpg) 0 -50px no-repeat; }
#contentheader { position: absolute; background: transparent url(images/captopbg.png) no-repeat; }
#contentfooter { font-size: 11px; background: transparent url(images/capbottombg.png) no-repeat; }

/*-------------------------------------------------------------------------------------------------------------------------------------------------
   Left sidebar 
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#sidebar_left { position: absolute; top: 420px; width: 260px; text-align: right; color: #FFFFFF; font-size: small; font-weight: normal; padding: 0; margin: 0 0 0 5px; float: left; }
#sidebar_left h1 { color: #FFFFFF; margin-top: 0; padding-top: 3px; text-transform: uppercase; font: small; letter-spacing: 0; }


/*-------------------------------------------------------------------------------------------------------------------------------------------------
   Footer
-------------------------------------------------------------------------------------------------------------------------------------------------*/

p.credits { width: 580px; text-align: center; }
#disclaimer { clear: both; font-size: x-small; color: #343434; margin: 0 0 0 51px; width: 905px; float: left; text-align: right; }
p.disclaimer { font-size: x-small; text-align: center; }
p.legal { font-size: x-small; text-transform: uppercase; color: #333333; }