html
{		
margin: 0px;
padding: 0px;
background: black;
}

body
{
  color: #666633;
  margin: 0px;
padding: 0px;
  font-family: arial, "trebuchet-MT", Verdana, helvetica, san-serif;
  font-size: 80%;
  line-height: 170%;
}

p
{
  font-size: 1em;
  line-height: 3ex;
  margin-top: 2ex;
}

h1
{
  color: #666633;
  font-size: 1.4em;
  font-weight: bold;
}

h2
{
  color: #666633;
  font-size: 1.3em;
  margin-top: 2ex;
  font-weight: bold;
}

h3{

    color: #666633;
    font-size: 1em;
  margin-top: 3ex;
  margin-bottom: 0ex;
  padding-bottom: 0ex;
font-weight: bold;
}

em
{
color: #666633;
font-style: normal;
font-weight: bold;
}

strong
{
color: #666633;
font-style: italic;
font-weight: bold;
}

#container
{
width: 765px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-bottom: 0px;
background: #cccc99;
border: #666633 1px solid;
}

#header
{
background: url(../media/header.jpg) no-repeat top left;
height: 85px; /*Height of top section*/
}

#header h1
{
margin-top: 0;
height: 85px;
width: 765px;
margin-bottom: 0;

}

#header h1 span
{
display: none;
}

#links
{
background: url(../media/header2.jpg);
}


#links a:link
{
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.2em;
  padding-left: 0px;
  margin-left: 50px;
  padding-right: 0px;
}

#links a:visited
{
  color: white;
    font-size: 1.2em;
  font-weight: bold;
  padding-left: 0px;
  margin-left: 50px;
  text-decoration: none;
}

#links a:hover
{
  color: #333300;
  font-weight: bold;
    font-size: 1.2em;
  padding-left: 0px;
  margin-left: 50px;
  text-decoration: none;
}

#links a:active
{
  color: white;
  font-weight: bold;
  background-color: #999966;
    font-size: 1.2em;
  padding-left: 0px;
  margin-left: 50px;
  text-decoration: none;
}

#imageborder
{
border: 1pt solid #000000;
}



#contentwrapper
{
float: left;
width: 100%;
padding-top: 10px;
background-color: #cccc99;
}

#main
{
background-color: #cccc99;
margin: 10px 30px 30px 45px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}

#main h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
font-size: 1.4em;
color: #666633;
}

#main h2
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: #666633;
}

#main h3
{
font-size: 1.2em;
margin: 0;
padding: 0;
font-style: italic;
font-weight: normal;
color: #666633;
}

#main a:link
{
color: #666633;
font-style: normal;
text-decoration: none;
font-weight: bold;
}

#main a:visited
{
color: #666633;
font-style: normal;
text-decoration: none;
font-weight: normal;
}

#main a:hover
{
color: #666633;
font-style: normal;
text-decoration: none;
font-weight: bold;
}

#main a:active
{
color: #666633;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

#main ul li
{ padding-left: 15px;
margin-left: 25px;
font-size: 1em;
list-style-image: url(../media/lion.jpg);
font-style: italic;
}




#footer
{
clear: left;
width: 100%;
font-size: 1em;
border-top: 3pt white solid;
background-color: #666633;
color: white;
text-align: center;
padding: 0px 0;
height: 65px;
font-weight: bold;
}


#footer em
{
color: white;
}


#footer a
{
color: white;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.img
{
float: left;
border: solid 1pt #666633;
margin-right: 40pt;
margin-bottom: 20pt;
}