/*global header/footer styles*/
@import url(/gInc/css/header.css);
@import url(/gInc/css/footer.css);

/*user styles -- for contribute*/
@import url(/usgrid/css/base_styles.css);

/*override header/footer styles*/
@import url(/usgrid/css/gOverride.css);

/*-------------------------------------- main template elements*/
html, body{
	margin:0 auto;
	padding:0;
	border:0;
}
	body{
		margin:0 auto 2em auto;
		text-align:center;
		background:transparent url(/usgrid/imgs/main/body_bg.gif) repeat-x fixed left top;
		font:0.85em/1.3 Helvetica, Arial, sans-serif;
	}
img{
	margin:0;
	padding:0;
	border:0;
}
#gWrapper{
	margin:0 auto;
	padding:0;
	border:0;
	width:702px;
}
#header{
	margin:0;
	padding:0;
	border:0;
	width:702px;
	height:61px;
	background:transparent url(/usgrid/imgs/main/header_bg.jpg) top left no-repeat;
	position:relative;
	overflow:hidden;
}
	#header h1{
		margin:0;
		padding:0;
		border:0;
		position:absolute;
		top:15px;
		left:25px;
		width:208px;
		height:32px;
		overflow:hidden;
	}
	#header a{
		margin:0;
		padding:0;
		padding-top:45px;
		display:block;
		border:0;
		background:transparent url(/usgrid/imgs/main/header.gif) top left no-repeat;
		text-decoration:none;
		font-size:1px; line-height:1px;
	}
	#header a:hover{ background:transparent url(/usgrid/imgs/main/header.gif) 0 -32px no-repeat; }
#content{
	margin:0;
	padding:10px 10px 2.5em 10px;
	border:1px solid #036;
	border-top:0;
	border-bottom:0;
	width:702px; /* this includes the border in ie*/
	text-align:left;
	background:#fff url(/usgrid/imgs/main/footer_hr.gif) bottom center no-repeat;
	voice-family: "\"}\""; /*For pre IE6.0*/
	voice-family:inherit;
	width:680px;
	float:left;
}
html>body #content{	width:680px; }

/*-------------------------------------- common elements*/
	#content a, #gFooter a{
		margin:0;
		padding:0;
		border:0;
		color:#c30;
		text-decoration:none;
	}
	#content a:hover, #gFooter a:hover{
		color:#f60;
		text-decoration:underline;
	}
	p{ margin:0.25em 0.25em 0.8em 0.25em; }
	abbr, acronym { cursor:help; }
	#content li{ list-style:url(/usgrid/imgs/main/bullets.gif); }
	.clrflt{
		clear:both;
		line-height:0;
		font-size:0;
		height:1px;
	}

/*-------------------------------------- menu*/
	#menu{
		margin:0;
		padding:0;
		border:0;
		width:702px;
		height:19px;
		background:transparent url(/usgrid/imgs/main/menu.gif) top left no-repeat;
	}
		#menu ul{
			margin:0;
			padding:0;
			border:0;
			width:702px;
			height:19px;
			list-style:none;
			position:relative;
		}
		#menu ul li {
			margin:0;
			padding:0;
			border:0;
			position:absolute;
			top:0;
		}
		#menu ul li, #menu ul li a{
			display:block;
			height:19px;
		}
		#menu ul li a{
			text-decoration:none;
			text-indent:-9999px;
			line-height:19px;
		}
		html #menu ul li>a{overflow:hidden;}
			#mnSub ul{
				margin:0;
				padding:0;
				border:0;
				text-align:left;
				width:auto;
				position:relative;
				left:0;
				display:none;
				z-index:999;
			}
				#mnSub ul li, #mnSub ul li a{
					display:block;
					position:relative;
					height:auto;
				}
				#mnSub ul li{ 
					border:1px dashed #900;
					border-top:0px;
					background:transparent url(/usgrid/imgs/main/menuSub_bg.gif) top left;
				}
				#mnSub ul li a{
					border:0;
					padding:4px 0;
					display:block;
					font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					text-decoration:none;
					text-indent:10px;
					color:#000;
				}
				#mnSub ul li a:hover{
					color:#33C;
					background:transparent;
				}

	/* Fix IE. Hide from IE Mac \*/
	* html #menu ul li { float: left; }
	* html #menu ul li a { height: 1%; }
	/* End */

	/*dimensions & position*/
	#mn0{ left:20px; width:51px; }
	#mn1{ left:106px; width:131px; }
	#mn2{ left:271px; width:50px; }
	#mn3{ left:356px; width:75px; }
	#mn4{ left:466px; width:51px; }
	#mn5{ left:552px; width:55px; }
	
	/*psudo-rollover*/
	#mn0 a:hover, #mn0 a.cur{ background:transparent url(/usgrid/imgs/main/menu.gif) -20px -19px no-repeat;}
	#mn1 a:hover, #mn1 a.cur{ background:transparent url(/usgrid/imgs/main/menu.gif) -106px -19px no-repeat;}
	#mn2 a:hover, #mn2 a.cur{ background:transparent url(/usgrid/imgs/main/menu.gif) -271px -19px no-repeat;}
	#mn3 a:hover, #mn3 a.cur{ background:transparent url(/usgrid/imgs/main/menu.gif) -356px -19px no-repeat;}
	#mn4 a:hover, #mn4 a.cur{ background:transparent url(/usgrid/imgs/main/menu.gif) -466px -19px no-repeat;}
	#mn5 a:hover, #mn5 a.cur{ background:transparent url(/usgrid/imgs/main/menu.gif) -552px -19px no-repeat;}