body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #b2c8da;
	background-image: url(../images/background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {color: #ffffff; text-decoration: none;}
a:link {color: #ffffff}
a:hover {color: #905267}
a.success:hover {color: #e5bc7a}
a.bodylink {color:#698CAE; font-weight:bold}
a.bodylink:hover {color:#905267; font-weight:bold}
a.bluebox {color:#FFFFCC; font-weight:bold}
a.bluebox:hover {color:#905267; font-weight:bold}
.rightmargin {line-height: 200%; margin-right: 30px}
.heading1 {font-size: 12px; font-weight: bold}
.heading2 {font-size: 16px; font-weight: bold}
.small {font-size: 11px;}
.oneandhalfspace {line-height: 185%}
.doublespace {line-height: 200%}
.margin20 {margin: 20px}
.newsmargin {margin-top: 15px; margin-left: 20px; margin-right: 15px}
.margin30 {line-height: 200%; margin-right: 30px; margin-left: 30px}
.centered {text-align: center}

#bluebox {
	position: relative;
	text-align: left;
	width: 580px;
	color: #666666;
	background-color: #C0DAEE;
	}	

#container {
	position: relative;
	width: 1000px;
	margin: 0;
	height: auto;	
	text-align: left;
	border-width: 2px;
	margin: 0 auto;
	}

#linkbox {
	position: absolute;
	text-align: right;
	width: 132px;
	height: 265px;
	left: 21px;
	top: 176px;
	font: 13px arial;
	color:#FFFFFF;
	background-color: #b6bf9a;
	z-index: 800;
	}
	
#content {
	position: absolute;
	text-align: left;
	width: 404px;
	height: 265px;
	left: 198px;
	top: 176px;
	font: 12px arial;
	color:#666666;
	background-color: #e5e5e5;
	}
	
#news {
	position: absolute;
	text-align: left;
	width: 169px;
	height: 119px;
	left: 153px;
	top: 469px;
	font: 12px arial;
	color:#ffffff;
	background-color: #84B0DA;
	}
	
#success {
	position: absolute;
	text-align: left;
	width: 296px;
	height: 205px;
	left: 648px;
	top: 469px;
	font: 12px arial;
	color:#ffffff;
	background-color: #905267;
	}
	
#change {
	position: absolute;
	text-align: left;
	width: 298px;
	height: 119px;
	left: 323px;
	top: 469px;
	font: 12px arial;
	color:#ffffff;
	background-image: url(../images/news.jpg);
	}	

#videobox {
	position: absolute;
	text-align: left;
	width: 320px;
	height: 275px;
	left: 643px;
	top: 166px;
	font: 12px arial;
	color:#666666;
	background-color: #cccccc;
	}
	
#pagelinkbox {
	position: absolute;
	text-align: right;
	width: 132px;
	height: 458px;
	left: 21px;
	top: 176px;
	font: 13px arial;
	color:#FFFFFF;
	background-color: #b6bf9a;
	z-index: 800;
	}
	
#pagetitle {
	position: absolute;
	text-align: left;
	width: 614px;
	height: 27px;
	left: 198px;
	top: 176px;
	font: 13px arial;
	color:#FFFFFF;
	background-color: #905267;
	}
	
#pagecontent {
	position: absolute;
	text-align: left;
	overflow: auto;
	width: 614px;
	height: 470px;
	left: 198px;
	top: 203px;
	font: 12px arial;
	color:#666666;
	background-color: #e5e5e5;
	}
	
#flashcontent {
	position: absolute;
	text-align: left;
	overflow: auto;
	width: 614px;
	height: 470px;
	left: 198px;
	top: 203px;
	z-index: 1000;
	}
	
#pagephoto {
	position: absolute;
	width: 188px;
	height: 497px;
	left: 812px;
	top: 176px;
	}

#heading01 {
	position: absolute;
	width: 1000px;
	height: 176px;
	left: 0px;
	top: 0px;	
	}
	
#heading02 {
	position: absolute;
	width: 1000px;
	height: 28px;
	left: 0px;
	top: 441px;	
	}
	
#heading03 {
	position: absolute;
	width: 229px;
	height: 29px;
	left: 163px;
	top: 553px;	
	}
	
#footer01 {
	position: absolute;
	width: 467px;
	height: 154;
	left: 153px;
	top: 588px;
	}
	
#footer02 {
	position: absolute;
	width: 297px;
	height: 68px;
	left: 648px;
	top: 674px;
	}
	
#pagefooter01 {
	position: absolute;
	width: 198px;
	height: 39px;
	left: 0px;
	top: 634px;	
	}
	
#pagefooter02 {
	position: absolute;
	width: 1000px;
	height: 67px;
	left: 0px;
	top: 673px;	
	}

#gutter01 {
	position: absolute;
	width: 21px;
	height: 265px;
	left: 0px;
	top: 176px;
	}
	
#gutter02 {
	position: absolute;
	width: 45px;
	height: 265px;
	left: 153px;
	top: 176px;	
	}
	
#gutter03 {
	position: absolute;
	width: 41px;
	height: 265px;
	left: 602px;
	top: 176px;	
	}
	
#gutter04 {
	position: absolute;
	width: 37px;
	height: 265px;
	left: 963px;
	top: 176px;	
	}
	
#gutter05 {
	position: absolute;
	width: 153px;
	height: 269px;
	left: 0px;
	top: 469px;
	}
	
#gutter06 {
	position: absolute;
	width: 29px;
	height: 271px;
	left: 619px;
	top: 469px;
	}
	
#gutter07 {
	position: absolute;
	width: 56px;
	height: 271px;
	left: 944px;
	top: 469px;
	}
	
#pagegutter01 {
	position: absolute;
	width: 21px;
	height: 458px;
	left: 0px;
	top: 176px;
	}
	
#pagegutter02 {
	position: absolute;
	width: 45px;
	height: 458px;
	left: 153px;
	top: 176px;
	}
	
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: 133px;
}

ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: right;
	cursor: pointer;
	width: 133px;
}

ul.MenuBarVertical ul
{
	border-top: 1px solid #ffffff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin: 0 0 0 141px;
	padding: 0;
	list-style-type: none;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 133px;
	left: -1000em;
	top: 0;
}

ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}

ul.MenuBarVertical ul li
{
	width: 133px;
}

ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #b6bf9a;
	padding:5px 5px;
	color: #ffffff;
	text-decoration: none;
}

ul.MenuBarVertical a.Sub
{
	display: block;
	cursor: pointer;
	background-color: #b6bf9a;
	padding:4px 15px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
}

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	color: #905267;
	background-color: #9CA484;
}

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	color: #905267;
	background-color: #9CA484;
}



/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}