/* CSS Document */

* {
margin:0;
padding:0
} 

body
{
background:#DCA026 url(../images/body_bg.jpg) repeat-x;
font-size: 120%;
font-family: Trebuchet MS, Georgia, Helvetica, Arial, sans-serif;
}
#wrapper
{
margin:0 auto;
margin-right:auto;
margin-top:30px;
width:760px;
}


#headercontainer
{
width:760px;
margin:0 auto;
}

h3{margin-left:10px;}

ul{margin-left:10px;}



/*||||||||||||||||||||||NAVCONTAINER||||||||||||||||||||||*/

/* Thanks to http://css.maxdesign.com.au/listamatic/horizontal16.htm*/
#navcontainer
{
height:25px
height:auto !important;
height:25px;
width:760px;
margin:0 auto;
}

#navcontainer ul
{
padding:.2em 0;
margin: 0 auto;
list-style-type: none;
/*background-color:#D7D9E3;*/
background:url(../images/menu_bg.jpg) repeat-x;
color: #FFF;
width: 760px;
font: normal 60% arial, helvetica, sans-serif;
font-weight:bold;
text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
background:url(../images/menu_bg.jpg);
color: #fff;
padding: .2em 1em;
border-right: 1px solid #fff;
}

#navcontainer li a.left
{
text-decoration: none;
background:url(../images/menu_bg_hover_active.jpg);
color: #FFF;
padding: .2em 1em;
border-left: 1px solid #fff;
}


#navcontainer li a:hover
{
background:url(../images/menu_bg_hover.jpg);
color: #fff;
}
/*||||||||||||||||||||END NAVCONTAINER||||||||||||||||||||*/

#mainbodycontainer{
width:758px;
min-height:10em;
height:auto !important;
height:10em;
background:#fff url(../images/main_bg.jpg) repeat-x;
margin-left:auto;
margin-right:auto;
color:#585858;
font-size:80%;
border:1px solid white;
float:left;
clear:left;
}


#mainbodycontent
{

margin:0 auto;
width:720px;
margin:20px;
background:#EEEAF4 url(../images/maincontent_bg.jpg) repeat-x;
min-height:10em;
height:auto !important;
height:10em;
float:left;

}

#mainbodycontent h1{font-size:120%;}



#mainbodycontent p,#mainbodycontent h1,#mainbodycontent ul,#mainbodycontent li{margin:10px;}

#mainbodycontent img.floatleft{float:left;margin-left:10px;border:5px inset #ccc;}
#mainbodycontent img.floatright{float:right;margin-left:10px;margin-right:10px;border:5px inset #ccc;}

#floatleft{
float:left;
width:300px;


}

#floatright{
float:right;
width:320px;
text-align:center;
}



#footercontainer
{
background:#000017;
width:760px;
height:3em;
min-height:3em;
border-top:3px solid black;
margin:0 auto;
}

#footercontainer p.left
{
float:left;
font-size:60%;
color:#fff;
text-align:center;
}

#footercontainer p.right
{

float:right;
font-size:60%;
color:#fff;
text-align:center;
}

    


.clear{clear:all;}