/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 } 

/* ******************************* text formating **************************** */

p {
color:#000;
padding:1em;
margin:0;
font-family:"Times New Roman", Times, serif;
font-size:16px;
line-height:16px;
}

img {
border:0;
}

h1 {
font:"Times New Roman", Times, serif bold 150%;
color: #0000cc; 
padding: 0;
margin:0;
margin-bottom:10px;
}

h3 {
font: bold 100% Arial, Helvetica, Verdana, sans-serif;
color: #3a0244; 
padding:0;
margin:0;
}

h4 {
font: bold 85% Arial, Helvetica, Verdana, sans-serif;
color: #3a0244; 
padding: 0;
margin:0;
}

.script {
font-variant:small-caps;
color:#3a0244;
font-style:italic;
font-size:14px;
font:small-caption;
}

.bold {
font-weight:bold;
}

.blue {
color:#6600cc;
}

.red {
color:#FF0000;
}

.italic {
font-style:italic;
}

.line {
text-decoration:underline;
}

.big {
font-weight:bold;
font-size:18px;
}

.selected {
font-weight:bold;
font-size:24px;
color:#6600cc;
}

.normal {
font-style:normal;
font-size:12px;
}

.quote p{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
color:#990000;
padding:10px;
}

.bordergrey {
border:1px solid #afb99c;
margin:0;
padding:0;
}
.borderwhite {
border:1px solid #fff;
margin:0;
padding:0;
}
.borderblue{
border:1px solid #0000cc;
margin:0;
padding:0;
}

.frame {
border:3px #ffb400 outset;
 color:#FF2400; 
 font-weight:bold;
 }

/* ************************************************************* */

#global {
     margin-left: auto;
     margin-right: auto;
     width: 770px;
     }

#pagewidth{ 
 width:870px;  
} 

#header{
float:left;
position:relative; 
height:213px; 
background-color:#0000cc; 
/*background-color:#404080; */
width:720px;
} 

div.banner {
float:left;
width:719px;
height:43px;
padding:0;
margin:0;
list-style-type:none;
background-image:url(images/banner4.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#a0a0e0;
border-bottom:1px solid #0000cc;
border-right:1px solid #9797d0;
}

ul.banner li {
display:inline;
}

ul.banner h1 {
padding:5px 0;
text-align:center;
color:#6600cc;
margin:0;
}

ul.nav_main {
float:left;
width:719px;
padding:0;
margin:0;
list-style-type:none;
background-color:#c0c0e0;
border-bottom:1px solid #0000cc;
border-right:1px solid #9797d0;
}

ul.nav_main li {
display:inline;
}

ul.nav_main li a {
background-color:#c0c0e0;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color: #0020a0;
text-align:center;
padding: 5px 1.5em;
border-right:1px solid #9797d0;
}

.nav_main a:link {color: #0020a0; text-decoration:none;}
.nav_main a:visited {color: #0020a0; text-decoration:none;}
.nav_main a:hover { background-color:#8080c0; color:#D4AF37; text-decoration:none;}
.nav_main a.active { background-color:#a0a0e0; color:#3a0244; text-decoration:none;}

/* *********************************************************** */

#leftcol{
 width:150px; 
 float:left; 
 position:relative; 
 background-image:url(images/side_bg_02.jpg);
 background-repeat:repeat-y; 
 }

#navlist
{
list-style:none;
padding: 0;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
width: 10em;
position:relative;
left:10px;
border:2px outset #0000cc;
border-top:0;
}

#navlist li
{
list-style: none;
margin: 0;
padding:0;

text-align: left;
display:inline;
}

#navlist li a
{
display: block;
padding: 0.25em 0.75em 0.25em 0.75em;
border-top: 1px solid #0000cc;
border-left: .5em solid #AAB;
background: #CCD;
text-decoration: none;
width:8em;
}

#navlist li a:link { color: #0000ff; }
#navlist li a:visited { color: #0000ff; }

#navlist li a:hover {
border-color: #0000ff;
color: #6600cc;
background: #ccd;
background-image:url(images/illustration2.jpg);
background-position:right;
}

#navlist li a.active {
border-color: #0000ff;
background: #a0a0e0;
}

#navlist2
{
list-style:none;
padding: 0;
margin: 0;
font: bold 12px Verdana, sans-serif;
width: 11em;
position:relative;
border:1px solid #0000cc;
border-top:0;
}

#navlist2 li
{
list-style: none;
margin: 0;
padding:0;
text-align: left;
display:inline;
}

#navlist2 li a
{
display: block;
padding: 0.25em 0.75em 0.25em 0.75em;
border-top: 1px solid #0000cc;
border-left: .5em solid #AAB;
background: #CCD;
text-decoration: none;
width:9em;
}

#navlist2 li a:link { color: #0000ff; }
#navlist2 li a:visited { color: #0000ff; }

#navlist2 li a:hover {
border-color: #0000ff;
color: #6600cc;
background: #ccd;
}
 
/* ********************************************************** */

#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:720px; 
 }

/*#twocol {
width:600px;
padding: 0 0 20px 20px;
margin-top:20px;
}*/

#content {
float:left;
width:535px;
margin:0;
padding:20px;
}

#content p {
color:#000;
padding:10px;
margin:0;
font-family:"Times New Roman", Times, serif;
font-size:16px;
line-height:16px;
border-bottom:1px dotted #0000cc;
text-align:justify;
}

#content a {
width:100%;
margin:0;
padding-bottom:10px;
color:#0000cc;
text-decoration:none;
}

#content a:hover {
color:#6600cc;
text-decoration:underline;
}

#box {
border:1px #8080c0 solid;
padding:15px;
margin:15px 0;
}

#content2 {
float:left;
width:680px;
margin:0;
padding:20px 0 20px 20px;
}

#content2 p {
color:#000;
padding:0 10px 0 10px;
margin-top:15px;
margin-bottom:15px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
line-height:16px;
text-align:justify;
}

#content2 a {
width:100%;
padding:0;
margin:0;
color:#0000cc;
text-decoration:none;
}

#content2 a:hover {
color:#6600cc;
text-decoration:underline;
}

#content3 {
float:left;
width:580px;
margin:0;
padding:20px 0 20px 20px;
}

#content3 p {
color:#000;
padding:0 10px 0 0px;
margin-top:15px;
margin-bottom:15px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
line-height:16px;
}

#content3 a {
width:100%;
padding:0 10px 0 10px;
margin:0;
color:#0000cc;
text-decoration:none;
}

#content3 a:hover {
color:#6600cc;
text-decoration:underline;
}

.shortcut {
float:right;
padding-right:5px;
margin:0px 0 10px 400px;
}

.alphabet {
float:left;
padding-right:5px;
margin:0;
}

.getpdf img{
border:0;
padding:0;
margin-left:17px;
}

.pdf {
padding:0;
margin:0;
float:right;
text-align:center;
margin-left:415px;
}

/* ************************************* */

#rightcol{
float:right;
position:relative;
padding:0;
margin:20px 5px 0 0;
 }
 
#rightcol img {
padding:0;
margin:0;
margin-bottom:5px;
}
 
#rightside{
width:137px; 
padding:0;
margin:0;
border-bottom: 1px solid gray;
}

#rightside li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#rightside li a {
color:#0000cc;
text-decoration:none;
}

#rightside li a:hover {
color:#6600cc;
text-decoration:none;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;float:left;} 
#twocols, #maincol{width:100%; float:right;}
}
