/* CSS Document */

body {background:url(images/background.jpg); margin:auto; font:12px Verdana, Arial, Helvetica, sans-serif}

a {font:Verdana, Arial, Helvetica, sans-serif; color:#cc0066; text-decoration:none}
a:hover {color:#339999; text-decoration:none}

/* ID Styles */

#container {background:url(images/bg_01.png) repeat-y; width:920px; height:100%; margin:0 auto}
#header {background:url(images/header.jpg) center no-repeat; width:100%; height:210px; }
#navigation {width:98%; height:25px; background:#336666; margin:0 0px 0 10px}
#content {height:100%; width:100%}
#body {	width:668px; height:100%; position:relative; }
#bodyt {padding:10px;}
#leftcol {width:200px; height:100%; padding:10px; float:left; margin:0 10px 0 10px; background:#ccc; top:0}
#rightcol {background:#FFFFCC; width:200px; height:100%; padding:10px; border-left:#CCCCCC 1px solid }
#footer {background: url(images/bg_03.png) no-repeat center bottom; clear:both; height:33px; padding-left:15px; padding-top:5px; }

/* navigation */
.Menu { 
font: 12px Verdana, Arial, sans-serif; 
font-weight:bold;
text-align: center; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */ 
margin: 0px 0 5px 25px; 
padding: 5px 0 3px 0; 
} 
.Menu li { 
font: 12px Verdana, Arial, sans-serif; 
font-weight:bold;
border-bottom: none; 
display: inline; /* Menu links are horizontally aligned using display: inline */ 
} 
.Menu li a { 
font: 12px Verdana, Arial, sans-serif; 
font-weight:bold;
padding: 13px 25px 3px 25px; /* Display: block won't work in this example, instead we are using padding */ 
color: #FFF; 
text-decoration: none; 
} 
 
.Menu li a:hover { 
color: #000; 
} 
/* Class Styles */

.bodytext {font:12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify}
.center {font:12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center}
.centerB {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000066; text-align:center}
.larger {font:14px Verdana, Arial, Helvetica, sans-serif}
li.bodytext {font:12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; padding-bottom:6px}
li.dove {font:12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; padding-bottom:14px; list-style:url(images/divli.gif)}
.header {font:20px Verdana, Arial, Helvetica, sans-serif; color: #cc0066; font-weight:bold}
.headerB {font:20px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight:bold}
.smalltext {font:10px Verdana, Arial, Helvetica, sans-serif; color:#333}
.headertext {padding-left:15px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:left; font-weight:bold}
.imgl {padding:5px 15px 5px 0px}
.imgr {padding:5px 0px 5px 15px}
.whitebody {font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff}