/*
COLOR SCHEME:
Dark Red: #9a0000
White: #ffffff
Dark Blue: #225588
Blue: #336699
Light Blue: #4488BB
Light Grey: #dddddd
Dark Grey: #444444
Orange : #FCC822
Light Brown : #f4f4ee
*/

/* ---- GENERAL STYLES ----*/

body 
{
background-color: #fefeeb;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #225588;
margin: 0px;
padding: 0px;
}

a
{
color: #770000;
text-decoration:underline;
}

a:hover
{
color: #9a0000;
text-decoration: underline;
}

.clear{
clear: left;
}


/* ---- TOP STYLES ----*/

#top
{
text-align:center;
margin: 0px;
padding: 0px;
height: 186px;
width: auto;
font-size: 13px;
font-weight: normal;
background-color: #9a0000;
color: #fefeeb;
}

#top2
{
text-align:center;
margin: 0px;
padding: 0px;
height: 20px;
width: auto;
font-size: 13px;
font-weight: normal;
background-color: #770000;
color: #fefeeb;
}

#toplogo {
floar: left;
text-align:left;
height: 186px;
width: 150px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #9a0000;
}

#topbox {
text-align:left;
height: 186px;
width: 765px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #9a0000;
}

#topbox img
{
border-style: none;
}

#toptitle
{
text-align: left;
font-size: 32px;
font-weight: bold;
height: 37px;
width: 485px;
color: #fefeeb;
}

#topsubtitle
{
text-align: left;
font-size: 15px;
font-weight: bold;
height: 48px;
width: 485px;
color:#ededda;
}

#topsubtitle a
{
text-decoration: none;
font-size: 15px;
font-weight: bold;
color:#ededda;
}

#topsubtitle a:hover
{
text-decoration: none;
font-size: 15px;
font-weight: bold;
color:#ededda;
}

#topsubsubtitle
{
text-align: left;
font-size: 15px;
font-weight: normal;
height: 65px;
width: 485px;
color:#ededda;
}

#topmenu
{
background-color: #770000;
text-align: center;
width: 765px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 20px;
}

#topmenu a 
{
display: block;
float: left;
width: 90px;
height: 20px;
background-color: #770000;
color: #dddddd;
text-decoration: none;
margin: 0px 0px 0px 1px;
font-weight: bold;
}

#topmenu a:hover 
{
color: #fefeeb;
font-weight: bold;
}


#topmenu a.on 
{
background-color: #fefeeb;
color: #770000;
font-weight: bold;
width: 90px;
}


#topmenu a.on:hover 
{
color: #770000;
}

#topmenu ul 
{
display: inline;
padding: 0px; 
margin: 0px;
}

#topmenu ul li 
{
display: inline;
list-style-type: none;
padding: 0px; 
margin: 0px;
}

/* ---- CONTENT STYLES ---- */

.cvNewItem
{
float: left;
font-weight: bold
}

.cvDate
{
float: right;
font-weight: bold
}


.floatingImgLeft
{
text-align: center;
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}



.floatingImg
{
float: right;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}

#content
{
height: auto;
width: auto;
text-align: center;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-color: #fefeeb;
}

#contentbox {
width: 765px;
height: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #fefeeb;
}

#leftcol{
float: left;
width: 765px;
margin: 0px;
padding: 0px;
text-align:left;
}
 
#rightcol{
float: right;
margin: 0px;
padding: 0px;
float: left;
width: 222px;
text-align:left;
}

#maincontent {
width: 765px;
height: auto;
margin: 0px;
padding: 0px;
border-width: 1px;
border-style: solid;
border-color: #dddddd;
text-align: left;
background-color: #ffffff;
}

.newsheader
{
width: 725px;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
border-width: 0px;
border-bottom-width: 1px;
border-style: solid;
border-color: #770000;
font-size:16px;
font-weight:bold;
color: #770000;
}

.newsbody
{
width: 725px;
margin-top: 13px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
text-align: justify;
color: #444444;
}

/*---- RIGHT CONTENT STYLE ----*/

#rightcontent 
{
width: 220px;
height: auto;
margin: 0px;
padding: 0px;
border-width: 1px;
border-style: solid;
border-color: #dddddd;
background-color: #ffffff;	
}

#rightcontent a
{
color: #ab1111;
text-decoration: none;
}

#rightcontent a:hover
{
color: #bc2222;
text-decoration: underline;
}

#rightcontent img
{
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
width: 180px;
height: 193px;
}

.rightheader
{
width: 180px;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
border-width: 0px;
border-bottom-width: 1px;
border-style: solid;
border-color: #770000;
font-size:16px;
font-weight:bold;
color: #770000;
}

.rightbody
{
width: 180px;
margin-top: 10px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
text-align: justify;
color: #444444;
}

/*---- BOTTOM STYLE ----*/

#bottom
{
width: auto;
height: auto;
font-size: 13px;
font-weight: normal;
background-color: #9a0000;
color: #dddddd;	
text-align:center;
}


#bottombox
{
width: 765px;
height: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #9a0000;
text-align:left;
}

#bottomcontent
{
text-align:left;
}

#bottomcontent a 
{
background-color: #9a0000;
color: #fefeeb;
font-weight: bold;
text-decoration: none;
}

#bottomcontent a:hover 
{
text-decoration: underline;
}

#copyright {
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #BBBBBB;
width: auto;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #DDDDDD;
text-align: right;
}

#xhtml {
float: left;
}

#xhtml a {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fefeeb;
text-decoration: none;
}

#xhtml a:hover {
text-decoration: underline;
}