/*** The reset file creates a common "default" playing field for all browsers ***/
@import 'lib/reset.css';



/**************** Base CSS file ****************

Browser specific hacks are located in separate 
files

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



body {
	margin: 0px;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	background-image:url(../images/mainBG1.jpg);
	text-align: center;
	line-height: 16px;
}

.shell {
	width: 775px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #FFFFFF;
	padding-bottom: 15px;
	position: relative;
	text-align: left;
}

.shellsep {
	width: 770px;
	height: 18px;
	position: relative;
	margin-top: 4px;
	border-color: #000000;
	border-style: solid;
	border-width: 6px 1px 1px 1px;
	font: 9px Tahoma, Verdana, Arial;
	text-align: right;
	color: #000000;
	padding: 3px 5px 0px 0px;
}




/******* Color palette changes *******/
	.redbg {background-color: #993300;}
	.orgbg {background-color: #BC690F;}
	.grnbg {background-color: #336633;}
	.blubg {background-color: #006699;}
	.lbrbg {background-color: #996633;}
	.dbrbg {background-color: #663300;}
	
	.redbrdr {border-color: #EE8855 #EE8855 #450000 #450000;}
	.orgbrdr {border-color: #FFBB64 #FFBB64 #681200 #681200;}
	.grnbrdr {border-color: #88BB88 #88BB88 #001200 #001200;}
	.blubrdr {border-color: #55BBEE #55BBEE #001245 #001245;}
	.lbrbrdr {border-color: #EEBB88 #EEBB88 #451200 #451200;}
	.dbrbrdr {border-color: #BB8855 #BB8855 #120000 #120000;}




/******* Header (banner and main menu sections) *******/
	.banner {
		width: 100%;
		height: 100px;
		text-align: left;
	}
	
	#mainmenu {
		width: 100%;
		text-align: right;
		height: 26px;
		background-color: #000000;
	}
	
	.mfiller {
		font: 9px Verdana, Tahoma, Arial, sans-serif;
		color: #FFFFFF;
		display: inline;
		position: relative;
		top: 4px;	}
	
	.menuopt {
		display: inline;
		position: relative;
		top: 4px;
		margin: 0px 3px 0px 1px;
	}
	
	.mlink {
		text-decoration: none;
		color: #CCCCCC;
		font: 9px Verdana, Tahoma, Arial, sans-serif;
		padding: 6px 3px 6px 2px;
	}
	
	.mlink:hover {
		color: #FFFFFF;
	}
	
	.mboxs {
		position: absolute;
		text-align: left;
		padding: 3px 3px 3px 3px;
		border: #000000 solid 1px;
		width: 150px;
		z-index: 1000;
		display: none;
		color: #FFFFFF;
		top: 124px;
	}
	
	.mmrow {
		width: 146px;
		padding: 1px 0px 1px 3px;
		text-decoration: none;
		color: #CCCCCC;
		font: 9px Verdana, Tahoma, Arial, sans-serif;
		line-height: 16px;

	}
	
	.mmrow:hover {
		border-color: #FFFFFF;
		border-width: 1px 0px 1px 0px;
		border-style: dotted;
		padding: 0px 0px 0px 3px;
		color: #FFFFFF;
		cursor: pointer;
	}

	
	#mbox0 {left: 175px;}
	#mbox1 {left: 290px;}
	#mbox2 {left: 402px;}
	#mbox3 {left: 508px;}
	#mbox4 {right: 101px;}
	#mbox5 {right: 5px;}
	
	#bannerpic {width: 100%;}




/******* Sub-menu (left-side) *******/
	#smenu {
		width: 159px;
		position: absolute;
		top: 129px;
		left: 3px;
		font: 11px Verdana, Tahoma, Arial, sans-serif;
	}
	
	.shead {
		width: 100%;
		border-style: solid;
		border-width: 1px;
		text-align: center;
		color: #FFFFFF;
		padding: 4px 0px 4px 0px;
		font:  11px Verdana, Tahoma, Arial, sans-serif;
	}
	
	#smid {
		width: 153px;
		background-color: #FFFFFF;
		border-left-color: #999999;
		border-left-style: solid;
		border-left-width: 1px;
		border-right-color: #999999;
		border-right-style: solid;
		border-right-width: 1px;
		text-align: left;
		padding: 3px 2px 5px 2px;
		background-image:url(../images/subMenuBG.jpg);
		margin-left: 1px;
		line-height: 18px;
	}
	
	.sfoot {
		width: 100%;
		height: 9px;
		border-style: solid;
		border-width: 1px;
		color: #FFFFFF;
		font-size: 0px;
	}
	
	.smrow {
		width: 149px;
		padding: 1px 2px 1px 2px;
		text-decoration: none;
		color: #666666;
		font:  9px Verdana, Tahoma, Arial, sans-serif;
		line-height: 18px;
	}
	
	.smrow:hover {
		background-color: #EFEFEF;
		border-width: 1px 0px 1px 0px;
		border-color: #000000;
		border-style: solid;
		padding: 0px 2px 0px 2px;
		cursor: pointer;
		color: #000000;
	}


/******* Main contect area *******/
	#content {
		margin-left: 170px;
		text-align: left;
		padding: 20px 20px 0px 20px;
	}
	
	.conthead {
		font: bold 14px Verdana, Tahoma, Arial;
	}
	
	.subconthead {
		font: 12px Verdana, Tahoma, Arial;
	}
	
	.link {
		text-decoration: none;
		color: blue;
	}
	
	.link:hover {
		text-decoration: underline;
		color: red;
	}
	
	.bi {
		font-style: italic;
		font-weight: bold;
	}

	.imgPad {
		margin: 4px;
	}
	
	#bulletPad ul li{
		margin-left: 70px;
	}
	
	.redTable {
		border: 1px #993300 solid;
		text-align: center;
	}
	
	.redTblCL {
		width: 65%;
		text-align: center;
		border-bottom: 1px #993300 solid;
		border-right: 1px #993300 solid;
	}
	
	.redTblCR {
		width: 35%;
		text-align: center;
		border-bottom: 1px #993300 solid;
	}
	
	.redTblGC {
		border-bottom: 1px #993300 solid;
		background-color: #C0C0C0;
		text-align: center;
	}

	.text9 {
		font: 9px Tahoma, Verdana, Arial, sans-serif;
	}

	.imgInset {
		background-color: #E5E5E5;
		padding: 10px;
		margin: 10px;
		font: bold 9px Arial, sans-serif;
	}