/***************/
/* Site Layout */
/***************/

body {
	background-image: url("/images/layout/background.jpg");
	background-repeat: no-repeat;
/*
	background-attachment: fixed;
*/
}

.pageContainer {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

.pageHeader {
}

.headerHolder {
	float: left;
	width: 481px;
}

.siteHeader {
	float: left;
	width: 481px;
	height:70px; 
	background-image: url("/images/layout/banner.png");
	background-repeat: no-repeat;
}

.siteSlogan {
	float: left;
	width: 481px;
	height:20px; 
	background-image: url("/images/layout/slogan.png");
	background-repeat: no-repeat;
}

.headerHeroIcon {
	float: left;
	margin-top: 8px;
	height: 52px;
	width: 52px;
	background-image: url("/images/layout/h-large.png");
	background-repeat: no-repeat;
}

.headerHeroIconSmall {
	float: left;
	margin-top: 8px;
	height: 35px;
	width: 35px;
	background-image: url("/images/icons/h-small.png");
	background-repeat: no-repeat;
}

.headerVillainIcon {
	float: left;
	margin-top: 8px;
	height: 52px;
	width: 52px;
	background-image: url("/images/layout/v-large.png");
	background-repeat: no-repeat;
}

.headerVillainIconSmall {
	float: left;
	margin-top: 8px;
	height: 35px;
	width: 35px;
	background-image: url("/images/icons/v-small.png");
	background-repeat: no-repeat;
}


.siteLogo {
	height: 100px;
	width: 108px;
	margin-left: 45px;
	background-image: url("/images/layout/logo.png");
	background-repeat: no-repeat;
}

.googleAds {
	height: 125px;
	width: 125px;
	margin-left: 34px;
}

.pageContent {
}

.topPanel {
	margin-top:10px;
}

.middlePanel {
	background-image: url('/images/layout/full_10.png');
	background-repeat: repeat-y;
}

.bottomPanel {
}

.topLeft {
	background-image: url('/images/layout/full_03.png');
	background-repeat: no-repeat;
	height: 60px;
	width: 66px;
	float: left;
}

.topBridge1 {
	background-image: url('/images/layout/full_04.gif');
	background-repeat: repeat-x;
	height: 60px;
	width: 83px;
	float: left;
}

.topMiddle {
	background-image: url('/images/layout/full_05.gif');
	background-repeat: no-repeat;
	height: 60px;
	width: 88px;
	float: left;
}

.topBridge2 {
	background-image: url('/images/layout/full_06.gif');
	background-repeat: repeat-x;
	width: 677px;
	height: 60px;
	float: left;
}

.topRight {
	background-image: url('/images/layout/full_07.png');
	background-repeat: no-repeat;
	height: 60px;
	width: 66px;
	float: left;
}

.leftContent {
	width: 200px;
	min-height: 60px;
	float: left;
}

.centerPanel {
	height: 360px;
	width: 88px;
	float: left;
}

.rightContent {
	width: 729px;
	min-height: 600px;
	float: left;
	padding-left: 38px;
	background-color: #000000;
}

.rightContentHeader {
	width: 689px;
	height: 100px;
	float: left;
	padding-left: 78px;
	background-color: #000000;
}

.bottomLeft {
	background-image: url('/images/layout/full_12.png');
	background-repeat: no-repeat;
	height: 60px;
	width: 66px;
	float: left;
}

.bottomBridge1 {
	background-image: url('/images/layout/full_13.gif');
	background-repeat: repeat-x;
	height: 60px;
	width: 83px;
	float: left;
}

.bottomMiddle {
	background-image: url('/images/layout/full_14.gif');
	background-repeat: no-repeat;
	height: 60px;
	width: 88px;
	float: left;
}

.bottomBridge2 {
	background-image: url('/images/layout/full_15.gif');
	background-repeat: repeat-x;
	width: 677px;
	height: 60px;
	float: left;
}

.bottomRight {
	background-image: url('/images/layout/full_16.png');
	background-repeat: no-repeat;
	height: 60px;
	width: 66px;
	float: left;
}

/***************/
/* Menu Layout */
/***************/

.menuContainer {
	margin-left: 25px;
	width: 150px;
}

.menuHeader {
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #60ff60;
	padding: 5px;
	padding-left: 15px;
	background-color: #1a421a;
	height: 15px;
}

.menuHeader a {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.menuHeaderText {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.menuHeaderIcon {
	padding-left: 10px;
	padding-top: 7px;
	padding-right: 10px;
}

.menuDrawer {
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #60ff60;
	border-top: none;
	border-bottom: none;
	padding: 2px;
	background-color: #000000;
	width: 135px;
	margin-left: 5px;
}

.menuDrawer a {
	text-decoration: none;
}

.menuDrawerEntry {
}

.menuDrawerEntry:hover {
	background-color: #aaaaaa;
	color: #000000;
}

.menuDrawerEntry:hover a {
	color: #000000;
}

.menuDivider {
	height: 10px;
	width: 50px;
}

.menuSubHeader {
	border-top: 1px dashed #60ff60;
	border-bottom: 1px dashed #60ff60;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center; 
}

.menuFooter {
	border-top: 1px solid #60ff60;
}

/********************/
/* breadcrumb Trail */
/********************/

.breadcrumbTrail {
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 8pt;
}

.breadcrumbTrail a {
	font-size: 8pt;
	text-decoration: none;
}

.breadcrumbTrailFinalLink {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 8pt;
}

.contentHolder {
}

/********************/
/** Message Blocks **/
/********************/
.messageBlock {
	margin-bottom: 5px;
	margin-top: 5px;
	color: #00ff00;
	padding: 5px;
}

.messageBlock ul {
	padding: 0px;
	margin: 0px;
	margin-left: 30px;
	list-style-image: url('/images/icons/bullet.png');
}

.messageBlock li {
	color: #00ff00;

}

.errorBlock {
	color: #ff0000;
}

.errorBlock li {
	color: #ff0000;
}

/*******************/
/** Server Status **/
/*******************/
.serverStatus {
	text-align: left;
	margin : 0;
	padding-left: 15px;
}

.serverStatusName {
	width: 117px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.serverStatusIcon {
	background: #fffc00;
	width: 15px;
	height: 15px;
	background-image: url("/images/icons/server_unknown.png");
}

.serverStatusDown {
	background: #ff0000;
	background-image: url("/images/icons/server_down.png");
}

.serverStatusUp {
	background: #00ff00;
	background-image: url("/images/icons/server_up.png");
}

.serverStatusTime {
	font-size: 8pt;
	font-weight: bold;
}

/*****************/
/** Page Header **/
/*****************/
.pageHeaderContainer {
}

.pageHeader {
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}


.loginPanel {
	float: right;
}

.w3cLogo {
	margin-left: 60px;
}
