@import url(global_v1-2.css);
@import url(BallenIsles_css/modules.css);
@import url(BallenIsles_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: url(../../../Images/siteBG.jpg) #fcfcfc center top;
}


h1 {
	
	color: #0d6d97;
	font: 20px Georgia, "Times New Roman", san-serif;

}


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

h3 {
	
	color: #867D4A;
	font: 16px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

h5 {
	
	color: #0d6d97;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

h6 {
	
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;

}

p {
	
	color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

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

}

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

}

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

}

.page {
	
	background: url(../../../Images/siteBG.jpg) #fcfcfc center top repeat-x;
	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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

.siteWrapper {
	width:958px;
	background-color:#fff;
	margin:0 auto;
	text-align:center;
	border-bottom:#ececec 3px solid;
}


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

#headWrapper {
	width:840px;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	}

#branding {
	height: 44px;
	text-align:left;}
	
	a#logo {
		height: 44px;
		width: 437px;
		background:url(../../../Images/Logo.jpg);
		background-position:top left;
		display:block;
		
}
		a#logo:hover {
			background-position: left bottom;
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;

}

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

#contentArea {
	width:927px;
	background-color:f0f0f0;
	margin:0 auto;
	text-align:center;

	
}

	.public {
		background:url(../../../Images/ContentBG.jpg) #f0f0f0 bottom left no-repeat;
		width:578px;
		}
		
#splash {
	padding-top:10px;
	padding-bottom:10px;
	}
	
#contentWrapper {
	width:820px;
	margin:0 auto;
	}
	
	#contentWrapper .inside {
		padding-top:20px;
		padding-bottom:20px;
		}
	
#left {
	float:left;
	width:420px;
	text-align:left;
	}
	
	
#right {
	float:right;
	width:360;
	}

td.callOuts {
	border-bottom:#dfdede 1px solid;}
	
table.thumbnails a {
	font: 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		line-height: 19px;
	text-transform:uppercase;
	text-decoration:none;}
	
	table.thumbnails a:hover {
		font: 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
			line-height: 19px;
		text-transform:uppercase;
		text-decoration:underline;}
		

		
	

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

#footer {
	width:400px;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	}

	#footer a {
		color:#8e8d8d;
		text-transform:uppercase;
		text-decoration:none;
		padding:2px 4px;
		}

		#footer a:hover {
			color:#fff;
			text-transform:uppercase;
			background-color:#8e8d8d;
			padding:2px 4px;
			}
		
#footer p {
	color:#696969;
	}