/* Global Styles */

body {
	background-color:#C0DFFD;
	background-image:url(back2.png);
	}
	
a {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}
	
img { border:none;
	}

/* ID Styles */

#container {
	background-color:#CCDDFF;
	margin-left:50px;
	margin-right:5px;
	}
	
#navigation {
	width:155px;
	vertical-align:top;
	background-color:#E6F3FF;
	float:left;
	}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	font-weight:bold;
	}
	
#logopic { 
	display:inline;
	width:382px;
	}
	
#header { 
	background-color:#3366CC;
	}
	
#logo 	{
	font: xx-large, Verdana, Arial, Helvetica, sans-serif;
	color: #C2C8c2;
	letter-spacing:0.2em;
	display:inline;
	width:378px;
	text-align:center;
	vertical-align:bottom;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:0.4em;
	line-height:18px;
	height:32px;
	text-align:center;
	vertical-align:top; background-color:#FF0000
	}

#contactform {
	border-bottom: 2px solid #E6F3FF; width:100%; height:250px; width:600px;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:0.2em;
	background-color:#CCCCCC; 
	height:25px; vertical-align:middle;
	}
		
#dateformat:hover {
	color: #FF6600;
	}
	
#content {
	background-color:#CCDDFF;
	width:380px;
	display:block;
	margin-left:180px;
	}

#sidebar {
	margin-left:auto; margin-right:auto; text-align:center;
	}
	
#mrhs {
	 width:160px;
	 vertical-align:top;
	 position:absolute;
	 left:634px;
	 top: 226px;
	 border:outset #0066FF 1px;
	 }
	
#rhs {
	 width:160px;
	 vertical-align:top;
	 position:absolute;
	 left:802px;
	 top: 226px;
	 border:outset #0066FF 1px;
	 }
	 
#flashlogo {
	background-image:url(otdsky2.png);
	height:150px; width:558px;
	}

/* Class Styles */


.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName,h2 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.imageleft { float:left; margin:5px;
	}
.imageright { float:right; margin:5px;
	}
.bhide {
	font-size:xx-small;
	position:absolute;
	left: -999em; top:0em;
	width:800em;
	}
.centre {
	margin-left:auto; margin-right:auto; text-align:center;
	}