/* CSS Document */

body{
	background-image:url(images/background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.spacer {
	clear:both;
}

/* main layout shell */
.shellMain {
	width:760px;
	margin:20px auto 20px auto;
	background-color:#FFF;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}

/* main layout shell */
.shellHeader {
	width:760px;
	height:86px;
	margin:0;
	background-image:url(images/HeaderImage.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-style:none;
}

/* main menu shell */
.shellMenu {
	position:relative;
	top:42px;
	float:right;
}

/* main menu buttons */
.button {
	height:26px;
	padding:0px 3px 0px 3px;
	position:relative;
	float:left;
	color:#1C3472;
}
/*.button:hover {
	cursor:pointer;
	color:#B30337;
}*/
.butLeft {
	width:11px;
	height:26px;
	position:relative;
	float:left;
	background-image:url(images/mainButtonLeft.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.butMid {
	height:26px;
	position:relative;
	float:left;
	text-align:center;
	padding:8px 5px 0px 5px;
	font-weight:bold;
	background-image:url(images/mainButtonMid.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.butRight {
	width:11px;
	height:26px;
	position:relative;
	float:left;
	background-image:url(images/mainButtonRight.gif);
	background-position:top;
	background-repeat:no-repeat;
}

/* sub-header shell */
.shellSubHeader {
	height:30px;
	padding-top:5px;
	background-color:#FFF;
}
.shellSubSubHeader {
	height:20px;
	background-color:#E3E0DF;
}

/* left column shell */
.shellLeftColumn {
	width: 569px;
	padding:5px;
	position:relative;
	float:left;
	border-style:dashed;
	border-color:#999999;
	border-width:0px 1px 0px 0px;
}

/* right column shell */
.shellRightColumn {
	width:166px;
	padding:5px 0px 0px 10px;
	position:relative;
	float:left;
}

/* sub left column shell */
.shellSubLeftColumn {
	width: 119px;
	height: 236px;
	padding:5px 0px 5px 10px;
	margin-top:5px;
	position:relative;
	float:left;
	background-image:url(images/subMenuGreyGradient.gif);
	background-position:top;
	background-repeat:repeat-x;
}

/* sub right column shell */
.shellSubRightColumn {
	width:430px;
	padding:5px 0px 0px 10px;
	margin-top:5px;
	position:relative;
	float:left;
}

.mainGreyGradient {
	background-image:url(images/mainGreyToWhiteGradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:left;
	margin-top:5px;
	padding:15px 10px 15px 10px;
}

.subGreyGradient {
	background-image:url(images/mainGreyToWhiteGradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin-top:5px;
	padding:15px 10px 15px 10px;
}

.mainBlueGradient {
	background-image:url(images/mainBlueGradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:177px;
	/*height:32px;*/
	position:relative;
	float:left;
	text-align:center;
	border-style:solid;
	border-color:#D9DDDD;
	border-width:0px 1px 1px 1px;
	padding:0px 3px 0px 3px;
}

.buttonBlueGradient {
	height:26px;
	width:150px;
	padding:0px 0px 0px 0px;
	margin:5px auto 0px auto;
	color:#1C3472;
}
/*.buttonBlueGradient:hover {
	cursor:pointer;
	color:#B30337;
}*/

/*
.dashedHR {
	border: none 0;
	border-top: 1px dashed #000;
	width:156px;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal
	text-align: left;/*this will align it for IE
	margin: 0 auto 0 0; /*this will align it left for Mozilla
	padding:5px 0px 5px 0px;
	_padding:0;
	margin-top:10px;
	_margin:0;
}
*/

.subBlueGradientTitle {
	height:29px;
	background-image:url(images/subBlueGradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:5px 0px 0px 10px;
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.subBlueSubHeadings {
	background-color:#1E307F;
	height:29px;
	padding:5px 0px 0px 10px;
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.footerBar {
	background-color:#1E307F;
	height:18px;
	padding:6px 0px 0px 10px;
}