@import url(global_v1-1.css);
@import url(JupiterHC_css/modules.css);
@import url(JupiterHC_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.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: #902329;
	font: bold 20px Arial, sans-serif;

}


h2 {
	
	color: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #902329;
	font: italic 16px Arial, sans-serif;

}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #902329;
	font: bold 14px Arial, sans-serif;
	/*display: inline;*/

}

h6 {
	color: #584c38;
	font: 10px Myriad, "Myriad Pro", Arial, sans-serif;
	letter-spacing: 1;
	text-transform:uppercase;

}

p {
	color: #902329;
	font: 13x/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#pubContent p {
	color: #902329;
	font: 13px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}
#pubContent p, #pubContent h1, #pubContent h2, #pubContent h3, #pubContent h4, #pubContent h5 {
	text-align:center;
}



#contact {
	font-size:13px;
	color:blue;
	text-align:left;
}

table, div {
	
	font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #371d07;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #000;
	font: inherit;
	text-decoration: underline;

}

#pubSplash a {
	color:#af6612;
	text-decoration:underline;
}

#pubSplash a:hover {
	color:#FF9900;
}


.page {
	
	background: #271100 url(../../../Images_new/bodyBg.jpg) repeat-x center top;
	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: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.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: JupiterHC
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {
	margin: 0 auto;
	text-align: center;
	
}

/*FIXES ALL Images_new IN "IE" so there is NO bottom-border accidentally forgotten.*/
img {
	vertical-align:bottom;
}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
	background: #090100 url(../../../Images_new/siteWrapper_bg.jpg) repeat-y top center;
	/*border: 5px solid #271100;
	border-top:none;
	padding:0 7px;*/  /*MESSES UP MOZILLA*/
	width:800px;
	margin: 0 auto;
	text-align: center;
}

#pubSplash {


	
}

#pubContent {
}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {
	background:  url(../../../Images_new/header_bg.jpg) no-repeat top center;
	height:130px;
	width:776px;

	
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	background:#eb951c url(../../../Images_new/nav_bg2.jpg) no-repeat center center;
	border:1px thin #eb951c;
	line-height: 38px;
	height:38px;
	width:776px;
	margin:0 auto;
	
	color:#FFF;
	text-transform:uppercase;
}









/* --------------------------------------------------------------
= BUTTON ROLLOVER
-------------------------------------------------------------- */
#visitors_btn a, #visitors_btn a:hover, #members_btn a, #members_btn a:hover { 

	width: 260px;
	height: 128px;
	display: block;
	
}
#visitors_btn a span, #members_btn a span {
	display: none;
}
#visitors_btn a {
	background: url(../../../Images_new/visitors_btn.jpg) no-repeat top left;
}
#visitors_btn a:hover {
	background: url(../../../Images_new/visitors_btn.jpg) no-repeat top right;
}

#members_btn a {
	background: url(../../../Images_new/members_btn.jpg) no-repeat top left;
}
#members_btn a:hover {
	background: url(../../../Images_new/members_btn.jpg) no-repeat top right;
}

	


/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#siteContainer {
	width:776px;
	margin:0 auto;
	text-align:center;
}

#contentArea {
	background: #FFFFFF url(../../../Images_new/contentSecondary_repeat-y.jpg) repeat-y top left;
	padding:0 0px;
	width:776px;
}
#pubSplash #contentArea {
	background: none;
}
#pubContent #contentArea {
}
#privContent #contentArea {
}
#privHome #contentArea {
}


	#mediaWindow {
		padding:0 0px 10px 0;
		width:776px;
	}
	
	#contentWrapper {
		width:776px;
	}
	#privHome #contentWrapper {
		background: url(../../../Images_new/contentSecondary_img2.jpg) no-repeat bottom left;
	}
		
		#contentSecondary {
			width: 220px;
			/*border:1px solid black;*/
		}
		
			#contentSecondary .inside {
				padding-left:10px;
				
			}
		
		#contentMain {
			background: url(../../../Images_new/clouds.jpg) no-repeat top right;
			padding:24px 0px;
			width:100%;
		}
			#privHome #contentMain {
				padding-bottom:0;
				width:546px;
			}
			#privHome #contentMain .inside {
				margin:0 30px;
			}
			#privContent #contentMain {
			}
			#pubContent #contentMain {
			}
				/*---CENTERS IN IE----*/
				#contentMain .inside {
					margin:0 50px;
					/*border:1px solid black;*/
				}
				
				#pubContent #contentMain .inside, #privContent #contentMain .inside {
					width:676px;
				}
				
				#privHome #contentMain #contentMainBottom {
					background: #EFF0C8 url(../../../Images_new/cell_bg.jpg) no-repeat top left;
					margin-top:100px;
					height:193px;
				}
					#privHome #contentMain #contentMainBottom .inside {
						margin:0 auto;
						padding-top:50px;
					}
				
		/* ------------------------------------------------------------------------------	
		=	ALLOWS EDITABLE IMG IN BOTTOM LEFT OF:  NOTE WHERE <img> TAG IS PLACED IN HTML
		------------------------------------------------------------------------------- */
		/*
		#privContent #contentWrapper #bottomLeftImg {
			display:block;  /*must use in order to use text-align---/*/
		/*	text-align:left;
			margin-top:-289px; /*---  subtract height of img to align to bottom edge---*/
		/*
		}
		*/



#pubSplash #weather {
	border-left:1px solid #4d513a;
	border-right:1px solid #4d513a;
	width:254px;
}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
	margin:0 auto;
	padding:20px 0;
	width:776px;

}

	#footer .inside {
		background: url(../../../Images_new/footer_logo.jpg) no-repeat center left;
		height:20px;
		margin:0 auto;
		padding-left:24px;
		padding-top:4px;
		text-align:left;
		width:480px;
		
	}