html, body  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center; margin: 0; padding: 0 }


/*this is the div that wraps around all the other divs like a container for the page elements*/
#wrapper { text-align: left; margin-right: auto; margin-left: auto; width: 100%;} 

/*this defines the top banner of the page*/
#header            { background-color: #ffffff; background-image: url(../image/header.jpg); margin: 0; padding: 0; z-index: 10; width: 100%; height: 120px; background-repeat: no-repeat }
#footer      { color: #999999; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-image: none; background-repeat: no-repeat; text-align: left; width: 100%; height: 72px }
/*this defines the main content of the page*/
div#main           { background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; z-index: 1 }



/*ad image*/
#ad       { padding-top: 6px; padding-left: -6px; position: relative; float: right }
#welcome     { margin-top: -48px; margin-left: 35px; position: relative; z-index: 1000; left: 15px }
/*this is the content-text*/
#content         { line-height: normal; position: relative; z-index: 1200; left: 20px; width: 800px }


/*this defines the navigation of the page*/

 #navcontainer
 { margin: -48px 0 0; padding-right: 12px; padding-bottom: 0; padding-left: 12px; float: left }

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: 100px;
}

#navcontainer A
 { color: #fff; text-decoration: none; background: #000000 center 0; display: block; margin: 0; padding: 2px 10px; width: auto; border-style: solid; border-width: 1px; border-color: #fff2e1 black black #fff2e1 }

#navcontainer A:hover, #navcontainer A:active  { color: white; background: #990000 center 0 }

#navcontainer A.active:link, #navcontainer A.active:visited
 { font-weight: bold; background: #cccccc center 0; position: relative; z-index: 102 }

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }
