/* ---- GENERAL ---- */

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px 0px 30px;
	padding: 0px;
}

/* ---- HEADER ---- */

#header {
	background-color: #3A6A9A;
	width: 100%;
	height: 150px;
}

#header #logoArea {
	margin-left:auto;
	margin-right:auto;
	height: 150px;
	width: 700px;
}

#header #logoPic {
	border: 0px;
	float: left;
}
	
#header #logoTextArea {
	float: right;
	font-size: 70%;
	line-height: 200%;
	color: #FFFFFF;
	text-align: left;
	width: 220px;
	padding-top: 30px;
}

#header a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#header a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#header a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

#header a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ---- NAV BAR ---- */

#navBar {
	background-color: #2E557B;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9999FF;
	text-align: center;
	margin: 0px;
	vertical-align: middle;
}
	
#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

#menu ul {
	list-style-type: none;
	margin: 3px 0px 0px 0px;
	padding-bottom: 5px;
}

#menu ul li {
	list-style-type: none;
	display: inline;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}

#menu ul li a {
	color: #FFFFFF;
	text-decoration: underline;
}

#menu ul li a:hover {
	color: #AADDFF;
}

#selectedItem {
	color: #FFFFFF;
	background-color: #549DE4;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* ---- PAGE CONTENT ---- */

#pageContent {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}

#pageContent a:link {
	color: #2E557B;
	text-decoration: none;
}

#pageContent a:visited {
	color: #2E557B;
	text-decoration: none;
}

#pageContent a:hover {
	color: #2E557B;
	text-decoration: none;
	background-color: #EEEEFF;
}

#pageContent a:active {
	color: #FF0000;
	text-decoration: none;
}

#pageContent img {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	float: left;
}

/* ---- LEFT COLUMN ---- */

#leftCol {
	background: #FFFFFF;
	font-size: 70%;
	color: #333333;
	width: 211px;
	padding-top: 20px;
	margin: 0px;
 	text-align: left;
}

#leftCol #picArea {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: left;
	width: 200px;
}

#leftCol #pic {
	border: 0px;
	height: 40px;
	width: 40px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#leftCol #txt {
	color: #555555;
	width: 140px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
 	float: left;
}

#leftCol h2 {
	color: #999999;
	font-size: 110%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
}

#leftCol #picAreaPartners {
	margin: 0px 5px 5px 0px;
	padding: 3px;
	border: 1px solid #DDDDDD;
	float: left;
}

#leftCol #picPartners {
	margin: 0px;
	width: 80px;
	height: 32px;
	border: 0px;
}

/* ---- RIGHT (NEWS) COLUMN ---- */

#news {
	background: #FFFFFF;
	font-size: 100%;
	color: #000000;
	padding-top: 20px;
	text-align: left;
}

#news h1 {
	color: #2E557B;
	font-size: 80%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

#news h2 {
	color: #999999;
	font-size: 60%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
}

#news h3 {
	color: #2E557B;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0px;
}

#news p {
	font-size: 80%;
	margin-top: 0px;
}

#news ul {
	font-size: 80%;
	list-style-type: disc;
}

#news ul li {
}

#news img {
	border: 1px solid #666666;
	margin: 10px 0px 20px 0px;
	clear: both;
}

/* ---- DISCLAIMER ETC ---- */

#plainArea {
	margin: 10px;
	text-align: left;
	font-size: 100%;
}

#plainArea h1 {
	color: #2E557B;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0px;
}

#plainArea p {
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 20px;
}

/* ---- MISC ---- */

#spacer_vert {
	height: 20px;
	clear: both;
}

#todoArea {
	font-size: 10px;
	padding: 10px;
	border: 1px dashed #000000;
 	font-weight: bold;
	color: #FF0000;
	background-color: #FFFFCC;
	clear: both;
	width: 100px;
}

#todoArea #todo {
	margin: 0px 0px 10px;
	padding: 0px;
}

/* ---- FOOTER ---- */

#footer {
	width: 700px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 60%;
	color: #999999;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}