/*** 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
***********************************************/

/* Mobile standard colors
	Light blue: 	#91AFD3
	Dark blue: 		#0D178A
*/

body {
	margin: 0px;
	font: 12px Tahoma;
	background-image:url(../images/mainBG.jpg);
	text-align: center;
	line-height: 16px;
}

.shell {
	width: 770px;
	background-color: white;
	position: relative;
	text-align: left;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5);
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
}

.shFooter {
	clear: both;
	width: 100%;
	/*position: relative;*/
	font: 9px Tahoma;
	text-align: center;
	color: white;
}


/********* Header *********/

#ban {
	width: 100%;
	height: 108px;
	background-color: #91AFD3;
	border-bottom: 2px white solid;
	position:static;
	color: #0D178A;
}

.banLink {
	text-decoration: none;
	color: white;
}

#mainMenu {
	width: 760px;
	height: 19px;
	background-color: #91AFD3;
	background-image: url(../images/menuBG.gif);
	background-repeat: repeat-x;
	color: white;
	font: italic 13px Tahoma;
	padding: 1px 5px 0px 5px;
	overflow: hidden;
	border-bottom: 4px #FF0000 solid;
}

.menuLink {
	font: italic 13px Verdana;
	margin-right: 13px;
	text-decoration: none;
	color: white;
}

.subLink {
	color: white;
	text-decoration: none;
}

.smenuRow {
	padding: 8px 0px 8px 5px;
	line-height: 13px;
	z-index: 1000;
}

.subLink:hover {
	color: yellow;
}

.banLink:hover {
	color: yellow;
}

.mlLast:hover {
	color: yellow;
}

.menuLink:hover {
	color: yellow;
}

.mlLast {
	font: italic 13px Verdana;
	text-decoration: none;
	color: white;
}

#smenuFrame {
	position: absolute;
	top: 130px;
	display: none;
	z-index: 3000;
}

.smenuBox {
	width: 100%;
	height: 100%;
	background-image: url(../images/smenuTop.gif);
	background-repeat: repeat-x;
	text-align: left;
	color: white;
	z-index: 1000;
	/*filter:
		progid:DXImageTransform.Microsoft.Alpha(opacity=85);
		alpha(opacity=85);
		-moz-opacity:.85;
		opacity:.85;*/
}

#smenuLine {
	height: 4px;
	background-color: white;
}


/********* Content *********/
#whole {
	padding: 15px 15px 0px 15px;
	margin: 15px 0px 15px 0px;
	width: 740px; /* 770 minus width of padding */
}

.iL50 {
	float: left;
	padding: 0px 25px 0px 15px;
	width: 345px; /* 385 minus width of padding */
}

.iR50 {
	float: right;
	padding: 0px 10px 0px 10px;
	width: 365px; /* 385 minus width of padding */
}

.L50 {
	float: left;
	padding: 15px 25px 10px 15px;
	width: 343px; /* 385 minus width of padding, margin, and border */
	margin: 15px 0px 15px 0px;
	border-right: 1px gray solid;
}

.R50 {
	padding: 15px 15px 10px 15px;
	width: 355px; /* 385 minus width of padding */
	margin: 15px 0px 15px 0px;
	float: left;
}

.L35 {
	float: left;
	padding: 15px 25px 10px 15px;
	width: 266px; /* 308 minus width of padding, margin, and border */
	margin: 15px 0px 15px 0px;
}

.R65 {
	padding: 15px 15px 10px 15px;
	width: 432px; /* 462 minus width of padding */
	margin: 15px 0px 15px 0px;
	float: left;
}

.L30 {
	float: left;
	padding: 15px 25px 10px 15px;
	width: 189px; /* 231 minus width of padding, margin, and border */
	margin: 15px 0px 15px 0px;
	border-right: 1px gray solid;
}

.R70 {
	padding: 15px 15px 10px 15px;
	width: 509px; /* 539 minus width of padding */
	margin: 15px 0px 15px 0px;
	float: left;
}


.blueBG {
	background-color: #91AFD3;
}

.contHdr {
	font: bold 16px Verdana;
}

.txt {
	font: 12px Tahoma;
}

.smTxt {
	font: 9px Verdana;
}

.contLink {
	text-decoration: none;
	color: blue;
	font-weight: bold;
}

.contLink:hover, .contLink1:hover {
	text-decoration: underline;
	color: red;
}

.contLink1 {
	text-decoration: none;
	color: blue;
}

#ss {
	position: static;
	height: 250px;
	margin-top: 10px;
	text-align: center;
}

#ssMain {
	width: 360px;
	height: 248px;
	margin-left: 4px;
	position: absolute;
}

#ssMask {
	width: 360px;
	height: 248px;
	margin-left: 4px;
	position: absolute;
}

#ssTxt {
	margin: 250px 15px 0px 15px;
}

.imgPad {
	padding: 5px;
}

.list {
	list-style-type: square;
	line-height: 18px;
	margin-left: 15px;
	font: 12px Tahoma;
}

.numList {
	list-style: decimal;
	list-style-type: decimal;
	line-height: 18px;
	margin-left: 30px;
	font: 12px Tahoma;
}

.txtBox {
	border: gray solid 1px;
	background-color: #FFFFC6;
	padding: 2px 5px 2px 5px;
	font: 12px Tahoma;
	margin: 2px 0px 2px 0px;
}

.btn {
	border: #666666 solid 1px;
	background-color: #999999;
	color: #FFFFFF;
}

.drpDwn {
	background-color: #C5D9E6;
	color: #000000;
	font: 12px Tahoma;
	border-width: 1px;
}

.diyCell {
	width: 33%; 
	vertical-align: top; 
	text-align: left; 
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	padding: 10px;
}

.diyImg {
	height: 75px; 
	width: 75px; 
	border: 1px gray solid; 
	float: left;
	margin: 0px 10px 10px 0px;
}

.ind1 {
	margin-left: 15px;
}

.ind2 {
	margin-left: 30px;
}

/********* Footer *********/
.footLink {
	text-decoration: none;
	color: white;
}


.footLink:hover {
	text-decoration: underline;
	color: yellow;
}

#f1 {
	width: 100%;
	height: 7px;
	background-color: #91AFD3;
}

#f2 {
	width: 100%;
	background-color: #0D178A;
	text-align: center;
	color: #91AFD3;
	padding: 2px 0px 2px 0px;
}

#f3 {
	width: 100%;
	background-color: #91AFD3;
	text-align: center;
	color: white;
	padding: 2px 0px 2px 0px;
}