/* CSS Document */
body {
margin: 0 auto;
background: #C6C4C4;
}

#container {
font-family: Arial, Helvetica, sans-serif;
color: #2B2B2B;
font-size: 76%;
background: #fff;
width: 760px;
margin: 0 auto;
}

#header {
width: 100%;
height: 100px;
background: url(images/banner.jpg) top center no-repeat;
}

#menu {
width: 100%;
background: #0A51A1;
float: left;
clear: both;
border-top: #C6C4C4 5px solid;
border-bottom: #C6C4C4 5px solid;
padding: 2px 0;
margin: 0;
}

#menu ul {
list-style-type: none;
margin: 6px 0;
padding: 0;
text-align: center;
}

#menu ul li {
display: inline;
border-left: 1px solid #fff;
padding: 0;
}

#menu ul li a {
text-decoration: none;
margin: 4px;
padding: 2px 4px 2px 5px;
color: #fff;
}

#menu ul li a:hover {
color: #fff;
background: #517AB8;
margin: 4px;
}

#leftcol {
width: 145px;/*
min-height: 333px;*/
float: left;
clear: both;
padding: 10px 12px 20px 10px;
margin: 0;
color: #0A51A1;
background: #CAD6EE;
}

#leftcol ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}

#leftcol ul li {
padding: 1px 0;
}

#leftcol ul li a {
width: 147px;/*
background: #517AB8;*/
display: block;
text-decoration: none;
padding: 2px 0 1px 10px;
color: #0A51A1;
}

#leftcol ul li a:hover {
display: block;
color: #fff;
background: #517AB8;
}

#leftcol2 {
width: 100%;
clear: both;
border-bottom: 1px solid #0A51A1; 
padding: 10px 0;
}

#leftcol2 p {
font-size: 100%;
text-align: left;
color: #0A51A1;
margin: 2px 0;
padding-left: 10px;
}

.active-section {
width: 147px;
background: #fff;
display: block;
/*
padding: 1px 0 0 10px;*/
color: #0A51A1;

/*
display: block;
color: #fff;
background: #000;*/
}

.active-section a:hover {
width: 147px;
display: block;
color: #cccddd;
background: #0A51A1;
}

#rightcol {
width: 500px;
/*width: 543px;/*
min-height: 268px;*/
padding: 0 25px;
float: left;
margin: 20px 0;/*
border-left: 1px dotted #2B2B2B;*/
position:relative;
}

#rightcol p {
font-size: 100%;
text-align: justify;
margin: 0;
padding: 0;
}

#rightcol h1 {
font-size: 115%;
text-align: left;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
text-decoration:underline;
}

#rightcol a {
font-size: 100%;
text-decoration:underline;
color: #0A51A1;
}

#rightcol a:hover {
font-size: 100%;
color: #517AB8;
}

#rightcol ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}

#rightcol ul li {
padding: 0;
margin: 0;
}

#rightcol ul li li {
padding-left: 10px;
}

#rightcol ul p {
margin: 0;
padding: 3px 0 8px 0;
}


#footer {
width: 100%;
background: #0A51A1;
clear: both;
border-top: #C6C4C4 5px solid;
border-bottom: #C6C4C4 5px solid;
padding: 2px 0;
margin: 0;
}

#footer ul {
list-style-type: none;
margin: 6px 0;
padding: 0;
text-align: center;
}

#footer ul li {
display: inline;
border-left: 1px solid #fff;
padding: 0;
}

#footer ul li a {
text-decoration: none;
margin: 4px;
padding: 2px 5px;
color: #fff;
}

#footer ul li a:hover {
color: #fff;
background: #517AB8;
margin: 4px;
}