@charset "UTF-8";
body  {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
    background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000033;
}

#header {
	width:870px;
	height:105px;
	background-image:url('img/header.jpg');
}

.nav {
	background-color:#6698c2;
	color: #ffffff;
	border-top: 1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	height:40px;
	width:810px;
	margin:0 20px;
	padding:0 10px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	
}

.nav ul {
	list-style-type: none;
	padding: 0px
}
.nav li {
	display: inline;
	padding: 0px 15px;
}
.nav a {
	color: #ffffff;
	text-decoration: none;
}
.nav a:visited {color: #ffffff;}
.nav a:hover {color: #ffff01;}

.titletype  { color: #293b59; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; line-height: normal; font-stretch: normal; text-align: left; padding: 0px 0 0 0 }

# right { 
       padding: 0px 0px 0 0; 
       margin: 0 0px 0px 0px; 
}

# top {
	background: url(img/clouds.gif) repeat-x;
	padding: 25px 0px 0;
}

.welcometype  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px;}
.headline1  { color: maroon; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
.biggest  { color: maroon; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold }
.topheader { color: maroon; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold }
.headline2  { color: #293b59; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.headline2a { color: #435b77; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.bodytype1  { color: #293b59; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; padding: 12px 5px }
#logo a,
#logo a:link { 
  text-decoration: none
}
#logo a:visited { text-decoration: none}
#logo a:hover { text-decoration: none}
.footer { color: gray; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
h1    { color: #293b59; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 6px; margin-bottom: 8px }
.tenpoint { color: #293b59; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
h2 { color: #293b59; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif }
.whitehead  { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold ; text-decoration: none; }


.blue {background: url(img/lightblue.jpg) }
.green {background: url(img/lightgreen.jpg) }