@import url(global_v1-2.css);
@import url(HawaiiGA2010_css/modules.css);
@import url(HawaiiGA2010_css/plugins.css);
@import url(adminLogin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #443328;
	font:30px Garamond, "Times New Roman", serif;

}


h2 {
	
	color: #caba8e;
	font:11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif
	
}

h3 {
	
	color: #443328;
	font:700 16px Garamond, "Times New Roman", serif;

}

h4 {
	
	color: #605045;
	font:16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #c9bc94;
	font: 14px Garamond, "Times New Roman", serif;

}

h6 {
	
	color: #605045;
	font:14px Garamond, "Times New Roman", serif;

}

p {
	
	color: #605045;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

table, div {
	
	color: #605045;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}


a,a.small,a.anchor,a.visited {
	
	color: #5c620f;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

a.greenBtn {
	
	display:block;
	background:#52611d url(../../../Images/btn_greenBG.gif) repeat-x top;
	color: #eee6d3;
	font:12px Garamond, "Times New Roman", serif;
	text-decoration:none;
	padding:5px 7px;

}

a.greenBtn:hover {
	
	display:block;
	background:#52611d url(../../../Images/btn_greenBG_hover.gif) repeat-x top;
	color: #eee6d3;
	font:12px Garamond, "Times New Roman", serif;
	text-decoration:none;
	padding:5px 7px;

}

.brShort {
	
	line-height:8px;
	
}

.page {
	
	background:#1E1915 url(../../../Images/bg_site.jpg) center top no-repeat;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background:#52611d url(../../../Images/btn_greenBG.gif) repeat-x top;
	border-style: none;
	border-width: none;
	color: #eee6d3;
	font:12px Garamond, "Times New Roman", serif;
	padding-bottom:5px;
	padding-top:5px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: HawaiiGA2010
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

#siteWrapper {

	width:940px;
	text-align:center;
	margin:0 auto;
	
}

#contentAreaRepeat {
	
	width:940px;
	background:url(../../../Images/bg_contentRepeat.jpg) repeat-y top center;
	margin:0 auto;
	
}

#contentArea {

	width:940px;
	background:url(../../../Images/bg_contentArea.jpg) no-repeat top;
	margin:0 auto;
	
}

#branding {
	
	padding-top:15px;
	padding-bottom:20px;
	
}

#brandingHM {
	
	padding-top:35px;
	padding-bottom:35px;
	
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width:940px;
	height:41px;
	background:url(../../../Images/bg_navBG.gif) repeat-x top;
	margin:0 auto;

}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#flash {
	
	width:872px;
	margin:20px auto 0;
	padding-bottom:10px;
	
}

	#flash img {
		
		display: block;
		
	}
	
	.paTitle h1 {
		
		color: #443328;
		font:700 22px Garamond, "Times New Roman", serif;
		line-height:38px;
	
	}
	
#pubHome {
	
	float:left;
	width:645px;
	margin:0 auto;
	text-align:left;
	
}

	#pubHome .top {
		
		padding:0px 0 0 35px
		
	}	
	
	#pubHome .lower {
		
	
		background:url(../../../Images/bg_lowerContent.gif) no-repeat top right;
		height:2px !important;
		line-height:2px;
		
	}
	
	#pubHome .news {
		
		padding-left:35px;
		
	}
	
		.newsTableBG {
			
			background:url(../../../Images/bg_contentMain.gif) top center;
						
		}
		
		.lowerPubHome {
			
			background:url(../../../Images/bg_lowerPubHome.gif) top center;
			
		}
	
	#pubHome .rss {
		
		padding-left:10px;
		
	}
	
	#pubHome .quickLinks {
		
		padding-left:20px;
		
	}
	
		#pubHome .quickLinks a {
			
			background:url(../../../Images/btn_brownArrow.jpg) no-repeat right;
			color:#605045;
			text-decoration:none;
			width:100% !important;
			padding-right:40px;
			line-height:13px;
			
			
		}
		
		#pubHome .quickLinks a:hover {
			
			background:url(../../../Images/btn_greenArrow.gif) no-repeat right;
			color:#52611d;
			text-decoration:none;
			width:100% !important;
			
		}
		
			/*---remove hover effect on click-to-edit ---*/
					#pubHome .quickLinks a.clickToEditAnchor,
					#pubHome .quickLinks a.clickToEditAnchor:hover {
						background:none;
						height:25px;
					}
			
	
#sideBar {
	
	float:right;
	width:287px;
	margin:0 auto;
	
}

	#sideBar .chart {
		
	}
	
	#sideBar .vNav {
		
		padding:30px 35px 90px 0px;
		
	}
	
	#sideBar .adSpace {
		
		padding-right:30px;
		
	}
	
#sideBarHM {
	
	float:right;
	width:287px;
	margin:-130 auto 0;
	position:relative;
	z-index:1100;
	
}

	#sideBarHM .chart {
		
	}
	
	#sideBarHM .vNav {
		
		padding:100px 35px 90px 0px;
		
	}
	
	#sideBarHM .adSpace {
		
		padding-right:30px;
		
	}
	
#pgHeader {
	
	width:645px;
	
}

	#pgHeader .insidePH {
		
		padding-left:35px;
		
	}

	#pgheader img {
		
		display:block;
		
	}
	
#contentMain {
	
	float:left;
	width:645px;
	background:url(../../../Images/bg_contentMain.gif) top right repeat-y;
	margin:30 auto 0;
						
}

	#contentMain .inside {
		
		padding:30px 35px 60px 60px;
		text-align:left;
		
	}
		
	#contentMain .lower {
		
		padding-left:60px;
		background:url(../../../Images/bg_lowerContent.gif) no-repeat top right;
		height:2px !important;
		line-height:2px;
		
	}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width:940px;
	height:215px;
	background:url(../../../Images/bg_footer.jpg) no-repeat bottom center;
	margin:0 auto;

}

	#footer .inside {
		
		padding:25px 55 0;
		text-align:left;
		
	}
	
	#footer p,
	#footer div,
	#footer table,
	#footer a {
		
		color:#ebe4cf;
		
	}
	
	#footer a:hover {
		
		color:#fff;
		
	}
	
	#footer hr {
		
		color:#4b3d31;
		
	}
	
	#footer h5 {
		
		line-height:24px;
		
	}

	#footerLeft {
		
		float:left;
		width:310px;
		padding-bottom:15px;
		
	}
	
		#footerLeft .inside {
			
			
		}
		
		#footerLeft a {
			
			text-decoration:none;
			
		}
		
	#footerRight {
		
		float:left;
		width:830px
		
	}
	
		#footerRight .left {
			
			float:left;
			text-align:left;
			width:380px;
			margin-top:-28px;
			
		}
		
			#masterPageUC_ctl02_ctl00_ctl00_tblFormHeader,
			#masterPageUC_MasterPage999999_ctl02_ctl00_ctl00_tblFormHeader, 
			#Saving	{
				
				display:none;
				
			}
			
			#masterPageUC_ctl01_ctl00_ctl00_ctl__37104,
			#masterPageUC_ctl01_ctl00_ctl00_ctl__37105,
			#masterPageUC_MasterPage999999_ctl02_ctl00_ctl00_ctl__37104,
			#masterPageUC_MasterPage999999_ctl02_ctl00_ctl00_ctl__37105
			 {
				
				background:url(../../../Images/bg_formQuestionBG.gif) repeat-x;
				border:1px solid #caba8e;
				color:#605045;
				font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				height:24px;
				padding-left:8px;
				
			}
			
			#footer .abut {
				
				float:left;
				margin-left:10px;
				
			}
		
		#footerRight .right {
			
			float:right;
			width:390px;
			
		}