﻿/*** 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;
	}
	
	#thinblck {
		font: 6px Verdana, Tahoma, Arial, sans-serif;
		width: 100%;
		background-color: #000000;
		height: 7px;
	}
	
	#picarea {width: 100%; height: 98px;}
	
	#picDiv0, #picDiv1, #picDiv2, #picDiv3 {float: left;}

	#picLb0, #picLb1, #picLb2, #picLb3 {
		position: absolute;
		width: 148px;
		height: 14px;
		z-index: 100;
		left: 6px;
		top: 184px;
		display: none;
		color: #FFFFFF;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-weight: bold;
		text-decoration: none;
	}
	
	#picLb1 {
		left: 203px;
	}
	
	#picLb2 {
		left: 396px;
	}
	
	#picLb3 {
		left: 591px;
	}
			
	.bannerpics {border: 0px;}
	
	.bannerpics:hover {cursor: pointer;}
	
	#mainmenu {
		width: 100%;
		height: 38px;
		background-color: #000000;
	}
	
	.menuopt {
		height: 38px;
		text-align: center;
		vertical-align: middle;
		color: #CCCCCC;
		background-image:url("../../images/mmbg1.jpg");
		background-repeat: no-repeat;
		font: 9px Verdana, Tahoma, Arial, sans-serif;
	}
	
	.menuoptover {
		height: 38px;
		text-align: center;
		vertical-align: middle;
		background-image:url("../../images/mmbghv2.jpg");
		cursor: pointer;
		color: #FFFFFF;
		font: 9px Verdana, Tahoma, Arial, sans-serif;
		background-repeat: no-repeat;
	}

	.mboxs {
		position: absolute;
		text-align: left;
		padding: 3px 3px 3px 3px;
		border: #000000 solid 1px;
		border-top-width: 0px;
		width: 120px;
		z-index: 1000;
		display: none;
		color: #FFFFFF;
		top: 243px;
	}

	.mmrow {
		width: 116px;
		padding: 3px 0px 3px 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: 2px 0px 2px 3px;
		color: #FFFFFF;
		cursor: pointer;
	}

	#mbox0 {left: 0px;}
	#mbox1 {left: 130px;}
	#mbox2 {left: 259px;}
	#mbox3 {left: 388px;}
	#mbox4 {left: 517px;}
	#mbox5 {left: 646px;}


/******* Main contect area *******/
	#content {
	}
	
	#ndxL {
		width: 258px;
		border-color: #CBCBCB;
		border-style: solid;
		border-width: 0px 1px 0px 0px;
		padding: 5px 0px 0px 0px;
		vertical-align: top;
	}
	
	#ndxR {
		width: 516px;
		background-color: #E5E5E5;
		padding: 5px 0px 0px 0px;
		vertical-align: top;
		
	}
	
	.ndxHdRed1 {
		border-style: solid;
		border-color: #993300;
		border-width: 1px 0px 1px 0px;
		width: 254px;
		height: 21px;
		padding: 3px 0px 0px 4px;
		font: 14px Verdana, Tahoma, Arial, sans-serif;
		color: #FFFFFF;
	}
	
	.ndxHdOrg1 {
		border-style: solid;
		border-color: #993300;
		border-width: 1px 0px 1px 0px;
		width: 512px;
		height: 21px;
		padding: 3px 0px 0px 4px;
		font: 14px Verdana, Tahoma, Arial, sans-serif;
		color: #FFFFFF;
		vertical-align: top;
	}

	.ndxHdRed2 {
		border-style: solid;
		border-color: #993300;
		border-width: 1px 0px 1px 0px;
		width: 207px;
		height: 21px;
		padding: 3px 0px 0px 4px;
		font: 14px Verdana, Tahoma, Arial, sans-serif;
		color: #FFFFFF;
	}
	
	.ndxHdOrg2 {
		border-style: solid;
		border-color: #993300;
		border-width: 1px 0px 1px 0px;
		width: 305px;
		height: 21px;
		padding: 3px 0px 0px 4px;
		font: 14px Verdana, Tahoma, Arial, sans-serif;
		color: #FFFFFF;
		vertical-align: top;
	}

	
	.ndxTxt {
		padding-left: 5px;
		margin-top: 5px;
	}
	
	.ndxCont {
		padding-left: 5px;
		margin-top: 5px;
		width: 195px;
	}
	
	.ndxLink {
		text-decoration:none;
		color: blue;
	}
	
	.ndxLink:hover {
		text-decoration:none;
		color: red;
	}

	.conthead {
		font: bold 14px Verdana, Tahoma, Arial;
	}
	
	.imgPad {
		margin: 4px;
	}
