/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GENERAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body {
	margin: 0 ;
	padding: 0 ;
	font-family: Verdana, sans-serif ;
	font-size: 11px ;
	text-align: center ;
	width: 100% ;
}

td {
	font-family: Verdana, sans-serif ;
	font-size: 11px ;
}

* {
	margin: 0 ;
	padding: 0 ;
}

a {
	text-decoration: none ;
}

a:hover {
	text-decoration: underline ;
}

p {
	margin-bottom: 16px ;
}

hr {
	clear: both ;
	margin-top: 5px ;
	margin-bottom: 10px ;
	border: none ;
	height: 1px ;
}

.clear {
	clear: both ;
	overflow: hidden ;
}

.break {
	clear: both ;
	overflow: hidden ;
	height: 1px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WRAP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#back {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}

#wrap {
	margin: 0 auto ;
	padding: 0 19px 0 19px ; /* with border */
	/* padding: 0 20px 0 20px ; no border */
	text-align: left ;
	width: 955px ; 
}

#wrapHeader {
	margin: 0 auto 0 auto ;
	text-align: left ;
	width: 995px ;
	height: 30px ;
}

#wrapHeader .topLeft {
	float: left ;
	width: 15px ;
	height: 30px ;
}

#wrapHeader .topMiddle {
	float: left ;
	text-align: center ;
	width: 965px ;
	height: 30px ;
}

#wrapHeader .topRight {
	float: right ;
	width: 15px ;
	height: 30px ;
}

#wrapFooter {
	margin: 0 auto 10px auto ;
	text-align: left ;
	width: 995px ;
	height: 30px ;
}

#wrapFooter .footerLeft {
	float: left ;
	width: 15px ;
	height: 30px ;
}

#wrapFooter .footerMiddle {
	float: left ;
	text-align: center ;
	width: 965px ;
	height: 30px ;
}

#wrapFooter .footerRight {
	float: right ;
	width: 15px ;
	height: 30px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	/* margin-bottom: 10px ; */
	padding:5px;
	text-align: left ;
	width: 945px ;
}

#logo {
	float: left ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	width: 170px ;
}

#serviceMenuHead {
	float: right ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	width: 270px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MENU HOR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menuHor {
	margin-bottom: 10px ;
	width: 955px ;
	height: 30px ;
}

#menuHor .menuLeft {
	float: left ;
	width: 15px ;
	height: 30px ;
}

#menuHor .menuMiddle {
	float: left ;
	width: 925px ;
	height: 30px ;
}

#menuHor .menuRight {
	float: right ;
	width: 15px ;
	height: 30px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MAIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main {
	margin-bottom: 10px ;
	width: 955px ;
}

#container {
	float: left ;
	display: inline ;
	width: 670px ;
}

#containerWide {
	float: left ;
	display: inline ;
	width: 955px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ VISUAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#visual {
	margin-top: 10px ;
	margin-bottom: 10px ;
	text-align: center ;
	/* width: 670px ; */
	width: 666px ;
	padding: 1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LEFTBAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#leftBar {
	float: left ;
	margin-right: 10px ;
	display: inline ;
	width: 175px ;
}

#leftBar .leftMenuHeader {
	width: 175px ;
	height: 25px ;
}

#leftBar .leftMenuHeader .topLeft {
	float: left ;
	width: 10px ;
	height: 25px ;
}

#leftBar .leftMenuHeader .topMiddle {
	float: left ;
	padding-top: 5px ;
	font-family: Arial, sans-serif ;
	font-size: 11px ;
	font-weight: bold ;
	width: 155px ;
	height: 20px ;
}

#leftBar .leftMenuHeader .topRight {
	float: left ;
	width: 10px ;
	height: 25px ;
}

#leftBar .leftMenuBody {
	padding-top: 20px ;
	/* width: 175px ; */
	width: 173px ;
}

#leftBar .leftVisual {
	margin: 10px 5px 5px 5px ;
	text-align: center ;
	width: 165px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MENU VERT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menuVert {
	width: 173px ;
}

#menuVert ul {
	width: 173px ;
}

#menuVert ul li {
	display: block ;
	list-style: none ;
	width: 173px ;
}

#menuVert li.levelTwo a {
	margin: 0px 4px 0px 4px ;
	padding: 5px 0 0 10px ;
	font-family: Arial, sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	text-decoration: none ;
	display: block ;
	width: 155px ;
	height: 20px ;
}

#menuVert li.levelTwoActiveSingle a {
	margin: 0px 4px 0px 4px ;
	padding: 5px 0 0 10px ;
	font-family: Arial, sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	text-decoration: none ;
	display: block ;
	width: 155px ;
	height: 20px ;
}

#menuVert li.levelTwoActiveFolder a {
	margin: 0px 4px 0px 4px ;
	padding: 5px 0 0 10px ;
	font-family: Arial, sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	text-decoration: none ;
	display: block ;
	width: 155px ;
	height: 20px ;
}

#menuVert li.levelThree a {
	margin: 0px 4px 0px 4px ;
	padding: 5px 0 0 20px ;
	font-family: Arial, sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	text-decoration: none ;
	display: block ;
	width: 145px ;
	height: 20px ;
}

#menuVert li.levelThreeActiveSingle a {
	margin: 0px 4px 0px 4px ;
	padding: 5px 0 0 20px ;
	font-family: Arial, sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	text-decoration: none ;
	display: block ;
	width: 145px ;
	height: 20px ;
}

#menuVert li.levelTwo a:hover {
}

#menuVert li.levelThree a:hover {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RIGHTBAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#rightBar {
	float: right ;
	display: inline ;
	width: 275px ;
}

#rightBar .box {
	margin-bottom: 10px ;
	width: 275px ;
}

#rightBar .box .boxHeader {
	width: 275px ;
	height: 25px ;
}

#rightBar .box .boxHeader .topLeft {
	float: left ;
	width: 15px ;
	height: 25px ;
}

#rightBar .box .boxHeader .topMiddle {
	float: left ;
	padding-top: 5px ;
	width: 245px ;
	height: 20px ;
}

#rightBar .box .boxHeader .topRight {
	float: right ;
	width: 15px ;
	height: 25px ;
}

#rightBar .box .boxContent {
	padding: 10px 10px 5px 10px ;
	width: 255px ;
}

#rightBar .box .boxFooter {
	width: 275px ;
	height: 1px ;
}

#rightBar .box .boxFooter .bottomLeft {
	float: left ;
	width: 15px ;
	height: 1px ;
}

#rightBar .box .boxFooter .bottomMiddle {
	float: left ;
	width: 245px ;
	height: 1px ;
}

#rightBar .box .boxFooter .bottomRight {
	float: right ;
	width: 15px ;
	height: 1px ;
}

#rightBar ul {
	margin-bottom: 15px ;
}

#rightBar ul li {
	margin-left: 10px ;
	padding-left: 12px ;
	line-height: 20px ;
	list-style: none ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT MAIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contentMain {
	float: left ;
	display: inline ;
	width: 485px ;
}

#contentMainWide {
	float: left ;
	display: inline ;
	width: 770px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SPLASH ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#splash {
	margin-bottom: 10px ;
	text-align: center ;
	width: 485px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
}

#content .boxHeader {
	height: 25px ;
}

#content .boxHeader .topLeft {
	float: left ;
	width: 14px ;
	height: 25px ;
}

#content .boxHeader .topMiddle {
	float: left ;
	padding-top: 5px ;
	text-align: right ;
	width: 455px ;
	height: 20px ;
}

#content  .boxHeader .topMiddleWide {
	float: left ;
	padding-top: 5px ;
	text-align: right ;
	width: 740px ;
	height: 20px ;
}

#content .boxHeader .topMiddle a {
	text-decoration:none;
}

#content .boxHeader .topMiddle a:hover {
	text-decoration:underline;
}

#content .boxHeader .topMiddleWide a {
	text-decoration:none;
}

#content .boxHeader .topMiddleWide a:hover {
	text-decoration:underline;
}

#content .boxHeader .topRight {
	float: right ;
	width: 14px ;
	height: 25px ;
}

#content .contentBody {
	padding: 10px ;
}

#content .contentBodySplash {
	padding: 10px ;
}

#content .boxFooter {
	height: 15px ;
}

#content .boxFooter .bottomLeft {
	float: left ;
	width: 14px ;
	height: 15px ;
}

#content .boxFooter .bottomMiddle {
	float: left ;
	width: 450px ;
	height: 15px ;
}

#content .boxFooter .bottomMiddleWide {
	float: left ;
	width: 735px ;
	height: 15px ;
}

#content .boxFooter .bottomRight {
	float: right ;
	width: 14px ;
	height: 15px ;
}

#content a {
	text-decoration: underline ;
}

#content ul {
	margin-bottom: 15px ;
}

#content ul li {
	margin-left: 10px ;
	padding-left: 12px ;
	/*line-height: 20px ; */
	list-style: none ;
}

#content ol {
	margin-left: 20px ;
	margin-bottom: 15px ;
}

#content ol li {
	margin-left: 10px ;
	/*line-height: 20px ; */
}

#content .pageTitle {
	font-size: 18px ;
	/* font-weight: bold ; */
}

#content .pageTitle a {
	text-decoration:none;
}

#content .newsTitle {
	font-size: 11px ;
	font-weight: bold ;
}

#content .newsLead img {
	margin-top: 0px ;
	margin-right: 5px ;
	margin-bottom: 10px ;
	margin-left: 5px ;
}

#content .newsFooter {
	clear: both ;
	height:20px;
	margin-bottom:10px;
}

#content .newsFooter .lastSaved {
	float: left ;
}
#content .newsFooter .readMore {
	float: right ;
}

#content .newsFooter .readMore a {
	text-decoration: none ;
}

#content .newsFooter .readMore a:hover {
	text-decoration: underline ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GALLERY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content .galleryAlbums ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	height: 20px ;
}

#content .galleryAlbums ul li {
	margin:0;
	padding:0;
	float: left ;
	display: block ;
	height: 20px ;
	line-height: 1em ;
	background-image:none;
}

#content .galleryAlbums li a {
	float:left;
	display:block;
	padding:3px 10px 3px 25px;
	text-decoration:none;
	height: 14px ;
	white-space:nowrap;
	background-image: url(../images/icon_folder.gif) ;
	background-repeat: no-repeat ;

}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LEADERBOARD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#leaderboard {
	text-align: center ;
	width: 955px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	font-size: 10px ;
	width: 955px ;
	height: 25px ;
}

#footer .footerLeft {
	float: left ;
	width: 15px ;
	height: 25px ;
}

#footer .footerMiddle {
	float: left ;
	padding-top: 5px ;
	text-align: center ;
	width: 925px ;
	height: 18px ;
}

#footer .footerRight {
	float: right ;
	width: 15px ;
	height: 25px ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FMQ MENU HOR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#fmqMenuHor {
	width: 920px ;
}

#fmqMenuHor ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	height: 30px ;
}

#fmqMenuHor ul li {
	float: left ;
	display: block ;
	height: 30px ;
}

#fmqMenuHor a {
	float: left ;
	padding: 8px 10px 0 10px ;
	font-size: 11px ;
	text-decoration: none ;
	display: block ;
	height: 22px ;
}

#fmqMenuHor a.firstChild {
}

#fmqMenuHor li:hover {
	position: relative ;
}

#fmqMenuHor :hover > a {
}

#fmqMenuHor a.active {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ POPUP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contentBodyPopup {
	margin: 10px ;
	padding: 10px ;
	width: 620px ;
}