/* CSS Document */

* {
margin:0;
padding:0;
} 

body  {
margin:10px;
background-image:url(images/body_bg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
font-family:Verdana, Arial, sans-serif;
}

#maincontainer  {
width:900px;
margin:0px auto;
}

#maincontainer #topcontainer  {
float:left;
width:900px;
margin:0px;
padding:5px 0px 0px 0px;
}

#topcontainer #logocontainer  {
float:left;
width:900px;
font-size:0px;
margin:1px; 
padding:10px 0px 3px 0px;
}

#nav-bar {
list-style:none;
margin:4px;
padding:0px;
width:900px
}

#nav-bar li {
display:inline
}

#nav-bar li#current a {
background:#003366;
color:#eee;
}

#nav-bar li a {
text-decoration:none;
padding:2px 0;
width:125px;
background:#006699;
color:#eee;
float:left;
text-align:center;
border-left:2px solid #fdf7e2;
}

#nav-bar li a:hover {
background:#52859F;
color:#000
}

#headercontainer  {
float:left;
width:900px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:bottom center;
margin:0px;
padding:0px 0px 20px 0px;
}

#maincontainer #bodycontainer  {
float:left;
width:900px;
background-image:url(images/page_bg.jpg);
background-repeat:repeat-y;
background-position:top center;
margin:0px;
padding:0px 0px 0px 0px;
}

#bodycontainer #leftpanel {
float:left;
width:280px;
margin:0px;
padding:26px 0px 0px 25px;
}

#leftpanel #midcont {
float:left;
width:260px;
margin:0px;
padding:0px 0px 20px 5px;
border-bottom:1px solid #F3F3F3;
border-left:1px solid #F3F3F3;
border-right:1px solid #F3F3F3;
}

#midcont p  {
float:left;
width:270px;
font-size:12px;
text-align:center;
line-height:16px;
voice-family:"\"}\"";
line-height:17px;
color:#513D2C;
margin:0px;
padding:0px;
padding-bottom:5px;
}

#midcont p span  {
float:left;
text-align:right;
color:#A5051A;
font-weight:bold;
}

#leftpanel .learn  {
float:left;
text-align:left;
font-size:0px;
margin:0px;
padding:0px 0px 12px 10px;
}

#leftpanel .learn span  {
height:20px;
width:160px;
font-size:8px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#leftpanel .learn span a  {
background-image:url(images/learn.jpg);
background-repeat:no-repeat;
width:160px;
height:30px;
font-size:10px;
color:#FFFFFF;
padding-right:20px;
text-decoration:none;
padding-top:8px;
voice-family:"\"}\"";
line-height:17px;
}

#leftpanel .learn span a:hover  {
background-image:url(images/learn_over.jpg);
background-repeat:no-repeat;
width:160px;
color:#FFFFFF;
text-decoration:none;
}

#leftpanel .learn a  {
background-image:url(images/learn.jpg);
background-repeat:no-repeat;
background-position:center;
height:20px;
width:97px;
font-size:8px;
color:#FFFFFF;
padding-bottom:10px;
padding-left:11px;
padding-top:3px;
}

#leftpanel .learn a:hover  {
background-image:url(images/learn_over.jpg);
background-repeat:no-repeat;
height:20px;
width:97px;
padding-bottom:10px;
color:#FFFFFF;
}

#bodycontainer #rightpanel {
float:left;
width:552px;
margin:0px 0px 0px 20px;
padding:18px 0px 4px 3px;
}

#rightpanel h1  {
float:left;
width:530px;
font-family:Georgia,Palatino,Times,serif;
font-weight:lighter;
font-size:30px;
text-align:left;
color:#78ABC4;
margin:0px;
padding:10px 0px 5px 15px;
}

#rightpanel h2  {
float:left;
width:495px;
font-family:Georgia,Palatino,Times,serif;
font-weight:lighter;
font-size:24px;
text-align:left;
color:#78ABC4;
margin:0px;
padding:10px 0px 0px 15px;
}

#rightpanel h3  {
float:left;
width:495px;
font-family:Georgia,Palatino,Times,serif;
font-weight:lighter;
font-size:20px;
text-align:left;
color:#78ABC4;
margin:0px;
padding:10px 0px 0px 15px;
}

#rightpanel h4  {
float:left;
width:495px;
font-family:Georgia,Palatino,Times,serif;
font-weight:lighter;
font-size:16px;
text-align:left;
color:#78ABC4;
margin:0px;
padding:10px 0px 0px 15px;
}

#rightpanel p  {
float:left;
width:530px;
font-size:12px;
text-align:left;
voice-family:"\"}\"";
line-height:16px;
color:#513D2C;
margin:0px;
padding:1px 0px 10px 15px;
}

#rightpanel #contacttable {
float:left;
width:530px;
font-size:14px;
color:#513D2C;
margin:0px;
padding:2px 0px 10px 15px;
}

#rightpanel .line  {
float:left;
width:520px;
font-size:0px;
margin:0px;
padding:10px 0px 15px 15px;
}

#rightpanel .learn  {
float:left;
text-align:left;
font-size:0px;
margin:0px;
padding:0px 0px 14px 420px;
}

#rightpanel .learn span {
height:20px;
width:160px;
font-size:8px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#rightpanel .learn span a
{
background-image:url(images/learn.jpg);
background-repeat:no-repeat;

width:160px;
height:30px;
font-size:10px;
color:#FFFFFF;
padding-right:20px;
text-decoration:none;
padding-top:8px;
voice-family:"\"}\"";
line-height:17px;
}

#rightpanel .learn span a:hover  {
background-image:url(images/learn_over.jpg);
background-repeat:no-repeat;
width:160px;
color:#FFFFFF;
text-decoration:none;
}

#rightpanel .learn a  {
background-image:url(images/learn.jpg);
background-repeat:no-repeat;
background-position:center;
height:20px;
width:97px;
font-size:8px;
color:#FFFFFF;
padding-bottom:10px;
padding-left:11px;
padding-top:3px;
}

#rightpanel .learn a:hover  {
background-image:url(images/learn_over.jpg);
background-repeat:no-repeat;
height:20px;
width:97px;
padding-bottom:10px;
color:#FFFFFF;
}

#rightpanel #rightfoot
{
float:left;
width:556px;
height:59px;
background-image:url(images/right_foot.jpg);
background-repeat:no-repeat;
background-position:top;
margin:20px 0px 0px 0px;
padding:11px 0px 13px 0px;
}

#rightfoot img  {
float:left;
margin:0px;
font-size:0px;
padding:0px 0px 0px 10px;
}

#rightfoot p  {
float:left;
width:97px;
font-size:13px;
text-align:left;
color:#513D2C;
margin:0px;
padding:0px 12px 0px 12px;
}

#maincontainer #footercontainer  {
float:left;
width:900px;
margin:0px;
padding:0px 0px 0px 0px;
}

#footercontainer #footerline  {
float:left;
width:900px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:0px;
padding:0px 0px 50px 0px;
}

#footerline p  {
float:left;
font-size:12px;
text-align:left;
color:#938A82;
margin:0px;
padding:25px 0px 0px 0px;
}

#footerline p a  {
text-decoration:none;
color:#938A82;
padding-left:5px;
padding-right:10px;
}

#footerline p a:hover  {
text-decoration:underline;
color:#938A82;
}

#footerline p span  {
padding:0px 40px 0px 0px;
}

.design  {
float:left;
width:154px;
margin:0px;
padding:0px;
font-size:0px;
padding-left:80px;
padding-top:13px;
}
