/* Basic elements */

body {
background-color: #EBF0F6;
font: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #272727;
margin: 20px auto;
padding: 0px;
text-align: center;
width: 860px;
}

h1, h2, h3 {
padding-top: 5px;
font-family: "Lucida Calligraphy", Georgia, "Times New Roman", Times, serif;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

li {
line-height: 12px;
}

a {
color: #AB4D00;
padding: 1px;
text-decoration: none;
}

/* Layout */

#border {
position: relative;
width: 760px;
padding-left: 10px;
padding-right: 10px;
background-color: #F7F9FA;
border: 10px #467aa7 double;
margin-left: 10px;}

#banner {
position: relative;
width: 760px;
height: 336px;
background: url(images/top3.jpg) no-repeat;
border-left: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F;
border-bottom: 1px solid #7F7F7F;
cursor: default;
padding-top: 0px;
margin-top: 10px;}

#banner1 {
position: relative;
width: 760px;
height: 420px;
background: url(images/top4.jpg) no-repeat;
border-left: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F;
border-bottom: 1px solid #7F7F7F;
cursor: default;
padding-top: 0px;
margin-top: 10px;}

#title {
margin: 0;
color: #ffffff;
font-size: 3.2em;
padding-top: 200px;
padding-right: 10px;
text-align: left;
padding-left: 20px;
font-weight: normal;
}

#tagline {
color: #fd9b10;
font-size: 1.5em;
padding-right: 10px;
text-align: left;
padding-left: 20px;
font-weight: bold;
margin-top: +5px;}

#nav-meta {
position: relative;
float: left;
background: url(images/meta_bg.png);
border: 1px solid #B0B0B0;
top: -350px;
left: 2px;
width: 240px;
cursor: default;
}

#nav-meta a {
color: #898989;
}

#nav-meta a:hover {
color: #3D3D3D;
border-top: 1px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
}

#nav-meta li {
display: inline;
}

/***************   Tabs  ******************/




#tabs {
 background: url(images/bg.jpg) #eee repeat-x 50% top; 
 float: left; 
 width: 100%; 
 line-height: normal;
}
#tabs ul {
 padding-right: 10px; 
 padding-left: 20px; 
 padding-bottom: 0px; 
 margin: 0px; 
 padding-top: 10px; 
 list-style-type: none;
}
#tabs li {
 padding-right: 0px; 
 padding-left: 9px; 
 background: url(images/left.gif) no-repeat left top; 
 float: left; 
 padding-bottom: 0px; 
 margin: 0px; 
 padding-top: 0px;
}
#tabs a {
 padding-right: 10px; 
 display: block; 
 padding-left: 0; 
 font-weight: bold; 
 background: url(images/right.gif) no-repeat right top; 
 float: left; 
 padding-bottom: 4px; 
 color: #467aa7; 
 padding-top: 9px; 
 text-decoration: none;
}
#tabs a {
 float: none;
}
#tabs a:hover {
 color: #a56060;
}
#tabs #current {
 background-image: url(images/left_on.gif);
}
#tabs #current a {
 background-image: url(images/right_on.gif); 
 color: #000000;
}



#nav-section {
position: absolute;
float: left;
margin-top: 10px;
width: 130px;
border: 1px solid #7F7F7F;
background: url(images/section_bg.png) no-repeat;
background-color: #EEF3F9;
}

html>body #nav-section {
margin-top: 50px;
}

#nav-section a {
color: #39531B;
}

#nav-section li {
margin-top: 20px;
margin-bottom: 20px;}

#nav-section li:hover {
background-color: #FFF;
border-left: 2px solid #8AA2C0;
border-right: 2px solid #8AA2C0;
}

#nav-section a:hover {
text-decoration: underline;
}

html>body #nav-section a:hover {
color: #000;
text-decoration: none;
}

/* Content */

#container {
padding: 20px;
top: 30px;
text-align: left;
background-color: #F7F9FA;}

#content {
margin-left: 10px;
margin-right: 15px;
width: 660px;
background-color: #F7F9FA;}

#content p, #content li {
text-align: justify;
font-size: 85%;
line-height: 1.6em;
}

#content a:hover {
text-decoration: underline;
}

#content h1, h2, h3 {

}

/* Footer */

#info-site {
width: 760px;
color: #C9A742;
background-color: #F7F9FA;
font-size: 11px; 
cursor: default;
}

#info-site a {
color: #AF701E;
}

#info-site a:hover {
background-color: #CED2D5;
}

#info-site p {
margin: 0;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}