* { padding: 0px; margin: 0px;}

body {
font-family: Arial, Helvetica, Tahoma, Sans-Serif;
font-size: 13px;
background-color: #b3d3eb;
background-image: url("../images/pat.png");
background-repeat: repeat-x;
line-height: 1.1em;
}

/*++++++++++Styles for the div's++++++++++*/

#wrap {
width: 712px;
margin-left: auto;
margin-right: auto;
}

#menu {
width: 712px;
height: 24px;
background-color: #004c88; 
border-top: 1px solid #69ade5;
border-bottom: 1px solid #005aa1;     
}

#header {
width: 712px;
height: 206px;
margin-top: 8px;  
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
}

#container {
width: 710px;
float: left;
background-color: #fff;
border-left: 1px solid #5da7e4; 
border-right: 1px solid #5da7e4;                 
}

#leftmenu {
width: 200px;
float: left;
margin-top: 43px;
background-color: #fff;
}

#content {
width: 509px;
float: left;
border-left: 1px dotted #b9b9b9;
background-color: #fff;
margin-top: 33px;
}

#footer {
width: 712px;
/*height: 25px;*/
text-align: center;
background-color: #518da3;
clear: both;
}


/*++++++++Styles for the menu below the header+++++++*/

ul.menu {
width: 712px;
padding-top: 4px;
}

ul.menu li {
display: inline;
border-right: 1px dotted #5d9ccd;
}

ul.menu li a {
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
padding-left: 6px;
padding-right: 7px;
}

ul.menu li a:hover {
text-decoration: underline;
}

                
/*+++++++++Styles for the left menu+++++++++*/

ul.leftmenu {
margin: 10px 5px 10px 16px;
background-color: #fff;
line-height: 1.2em;
}

ul.leftmenu li {
list-style-type: none;
}

ul.leftmenu li a {
display: block;
font-size: 12px;
color: #317eb6;  
text-decoration: none;
padding: 1px;
margin-left: -20px;
font-weight: normal;
}

ul.leftmenu li a:hover {
    text-decoration: none;
    background-color: #d6f2f4;
}

ul.leftmenu li.link {
padding-top: 2px;
margin-left: 25px;
}

ul.leftmenu li.dir {
color: #5c5c5c;
list-style: none;
font-size: 13px;
font-weight: bold;
color: #5c5c5c;
padding-left: 3px;
padding-bottom: 2px;
border-bottom: 1px dotted #b9b9b9;
background-color: #fff;
}


/*+++++++Styles for the menu on the footer+++++++*/

ul.resources {
width: 712px;
padding-top: 2px;
}

ul.resources li {
display: inline;
list-style-type: none;
}

ul.resources li a {
font-size: 11px;
font-weight: normal;
color: #fff;
padding: 0px 7px 0px 7px;
border-right: 1px dotted #fff;
}                                

ul.resources li a:hover {
    text-decoration: none;
    color: #000;
}

/*+++++++++++Styles for the other ul++++++++++++*/

ul.other li {
list-style-type: circle;
margin-left: 35px;
}

ul { /* Other undefined ul'ts */
    color: #506466;
    line-height: 1.6em;
}


/*+++++++++Styles for p, h, and everything else+++++++++++*/


h1 {
font-size: 14px;
font-weight: bold;
color: #4a4a4a;
text-align: center;
padding: 18px 5px 6px 10px;
}

h2, h2.intro {
font-size: 13px;
font-weight: bold;
color: #105d94;
padding: 4px 5px 0px 10px;
}

h3, h3.intro {
font-size: 12px;
font-weight: bold;
color: #5e5757;
padding: 4px 5px 0px 10px;
}

p {
font-size: 13px;
color: #5a5a5a;
padding: 4px 10px 5px 10px;
line-height: 1.5em;
text-align: justify;
}

p.underline { 
color: #464d55; 
text-decoration: underline;
padding: 2px 2px 2px 8px;
}

p.intro {
color: #464d55;
padding: 2px 2px 0px 2px;
}

p.end {
color: #c5c8cb;
text-align: center;
}

p.footer {
font-size: 11px;
color: #000;
padding: 2px 2px 2px 2px;
}

p.image {
text-align: center;
}


img {
padding: 5px 10px 5px 10px; 
}

a img {
border: 0px;
}

a {
color: #006cff;
}

span#sp a {
position: absolute;
margin: 115px 0px 0px -8px;
}