@import url(global_v1-2.css);
@import url(pinnaclecc_css/modules.css);
@import url(pinnaclecc_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: #6c1103;
	font: italic 27px "Times New Roman", Times, serif;

}


h2 {
	
	color: #6c1103;
	font: 12px Arial, sans-serif;
	
}

h3 {
	
	color: #6c5735;
	font: 18px "Times New Roman", Times, serif;

}

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

}

h5 {
	
	color: #2b3B24;
	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: #8B7E5F;
	font: inherit;
	text-decoration: none;

}

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

}

a img, :link img, :visited img {
	border:0;
}

.page {
	
	background: url(../../../Images/triangleBG.gif) 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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= Public Homepage 
////////////////////////////////////////////////////////////////*/

#TopBar {
	width: 100%;
	background: url(../../../Images/topbarBG2.jpg) left top repeat-x;
	height: 34px;
	}
	
#TopBar .inside {
	width: 960px;
	margin: 0 auto;
}

#GoldBar {
	background: url(../../../Images/gold.jpg) right top no-repeat;
	width: 292px;
	height: 27px;
}	

#GoldBar .inside {
	padding-top: 4px;
	width: 252px;
}

#GoldBar a {
	color: #f0ebe0;
	font: 10px "Times New Roman", sans-serif;
	text-transform: uppercase;
}

#ContentWrapper {
	width: 960px;
	margin: 0 auto;
	
	}

#logo {
	background: url(../../../Images/logo.gif) top left no-repeat;
	height: 78px;
	width: 100%;
	margin-left: 10px;
	text-align: left;
}

#nav {
	width: 960px;
	text-align: left;
	margin-top: 5px;
	height: 34px;
	background: url(../../../Images/BorderTop.jpg) bottom center no-repeat;
}

#POAnav {
	width: 960px;
	text-align: left;
	height: 34px;
	background: url(../../../Images/BorderTop.jpg) bottom center no-repeat;
}

#nav .inside {
	height: 30px;
	margin-left: 10px;
}

#SplashTop {
	margin-top: 100px;
	height: 14px;
	background: url(../../../Images/BorderTop.jpg) bottom center no-repeat;
}

#ContentArea {
	background:url(../../../Images/border.jpg) top center repeat-y;
	width: 960px;
	margin: 0 auto;
}

#ContentAreaSub {
	background:url(../../../Images/border.jpg) top center repeat-y;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#ContentAreaWrapper {
	width: 936px;
	margin: 0 auto;
	text-align: center;
}

#Splash {
	background: url(../../../Images/splash.jpg) top center no-repeat;
	width: 936px;
	height: 598px;
	margin: 0 auto;
	text-align: left;
}

#Splash #splashLinksWrapper {
	
		width: 230px;
		height: 40px;
		margin: 160px 0 0 71px;
	
	}
	
		#Splash #splashLinksWrapper a {
	
			float: left;
			width: 104px;
			height: 100%;
	
		}
		
		#Splash #splashLinksWrapper #memberLink {
			background: url(../../../images/splashLink_member.gif) no-repeat left;
	
		}
		
		#Splash #splashLinksWrapper #memberLink:hover {
	
			background: url(../../../images/splashLink_member.gif) no-repeat right;
	
		}
		
		#Splash #splashLinksWrapper #guestLink {
	
			background: url(../../../images/splashLink_guest.gif) no-repeat left;
			margin-left: 22px;
	
		}
		
		#Splash #splashLinksWrapper #guestLink:hover {
	
			background: url(../../../images/splashLink_guest.gif) no-repeat right;
	
		}
		
#Splash #poa {
	margin:10px 0px 0px 39px;
	width:104px;
	height:40px;
	display:block;
	}
		
		#Splash #splashLinksWrapper #poaLink {
	
			background: url(../../../images/splashLink_poa.gif) no-repeat left;
			margin-left: 22px;
	
		}
		
		#Splash #splashLinksWrapper #poaLink:hover {
	
			background: url(../../../images/splashLink_poa.gif) no-repeat right;
	
		}

#SplashText {
	width: 536px;
	font: bold 11px Arial, sans-serif;
	line-height: 19px;
	margin-top: 84px;
	text-align: left;
}

#SplashText table, #SplashText div {
	font: bold 11px Arial, sans-serif;
	line-height: 19px;
}

#SplashText h1{
	font: italic 30px "Times New Roman", sans-serif;
	color: #491b00;
}

/*---------------------------------------------------
NEW SPLASH 1/6/10
----------------------------------------------------*/

#Splash2 {
	background: url(../../../Images/splash2.jpg) top center no-repeat;
	width: 936px;
	height: 598px;
	margin: 0 auto;
	text-align: left;
	}
	
#Splash2 #splashLinksWrapper {
	
		/*width: 240px;
		height: 40px;
		margin: 160px 0 0 66px;*/
		padding-left:67px;}
		
		
	
		#Splash2 #splashLinksWrapper a {
	
			float: left;
			width: 108px;
			height: 100%;
		}
		
		#Splash2 #splashLinksWrapper #memberLink {
			background: url(../../../images/member.jpg) no-repeat left;
	
		}
		
		#Splash2 #splashLinksWrapper #memberLink:hover {
	
			background: url(../../../images/member.jpg) no-repeat right;
	
		}
		
		#Splash2 #splashLinksWrapper #guestLink {
	
			background: url(../../../images/guest.jpg) no-repeat left;
			margin-left: 19px;
	
		}
		
		#Splash2 #splashLinksWrapper #guestLink:hover {
	
			background: url(../../../images/guest.jpg) no-repeat right;}
			
#SplashText2 {
	width: 450px;
	font: bold 11px Arial, sans-serif;
	line-height: 19px;
	text-align: left;
	padding-right:60px;
}

#SplashText2 table, #SplashText div {
	font: bold 11px Arial, sans-serif;
	line-height: 19px;
}

#SplashText2 h1{
	font: italic 30px "Times New Roman", sans-serif;
	color: #491b00;
	}
			
/*-----------------------------------------------------------------------
end new splash
-----------------------------------------------------------------------*/

#PublicImage {
	width: 652px;
	height: 598px;
	margin: 0 auto;
	text-align: left;
}

#PublicImage img {
	display: block;
}

#PublicContent {
	background: url(../../../Images/content_texture.jpg) top center;
	width: 284px;
	height: 598px;
	margin: 0 auto;
	font: bold 11px arial, sans-serif;
	color: #e1d6b9;
	text-align: left;
}

#PublicContent .inside {
	padding-top: 44px;
	width: 244px;
	margin-left: 20px;
	text-align: center;
	padding-bottom: 32px;
}

#PublicContent table, #PublicContent div {
		line-height: 20px;
}

#PublicContent h1{
	font: italic 24px "Times New Roman", sans-serif;
	color: #f9c767;
	padding-bottom: 22px;
	background: url(../../../Images/header.gif) bottom center no-repeat;
	}
	
#PublicButtons {
	width: 234px;
	background: #160601;
	margin-left: 25px;
	padding-top: 9px;
	text-align: center;
}

/* -------------------------------------------------------------
subpage content 
------------------------------------------------------------- */
#SubpageWrapper {
	width: 910px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 14px;
}

#ImageArea {
	width: 910px;
	margin: 0 auto;
	text-align: right;
	padding-top: 14px;
	padding-bottom: 14px;
	color: #6f1103;
	font: 10px Arial, sans-serif;
}

#VNav {
	width: 212px;
	text-align: left;
	margin-left: 22px;
}

#SubpageContent {
	width: 626px;
	text-align: left;
	color: #140c01;
	font: 11px arial, sans-serif;
	line-height: 18px;
	padding-right: 10px;
}

#SubpageContent table, #SubpageContent div {
	line-height: 18px;
	}
	
/* -------------------------------------------------------------
Private homepage
------------------------------------------------------------- */
#RightContentWrapper {
	width: 640px;
	text-align: center;
}
	
#PhotoAlbum {
	width: 640px;
	padding-top: 14px;
}

#Profile {
	width: 652px;
	background: url(../../../images/profiletop.gif) #e5dac1 top center no-repeat;
}

#ProfileLeft {
	width: 370px;
	text-align: left;
	padding-top: 8px;
	padding-left: 18px;
	padding-bottom: 10px;
}

#ProfileBoxTop {
	width: 640px;
	background: url(../../../images/profiletop2.gif) top center no-repeat;
	height: 20px;
}

#ProfileBox {
	width: 640px;
	background: url(../../../images/profilemiddle.gif) top center repeat-y;
	border-bottom: 2px solid #c6b588;
}

#poll {
	width: 230px;
	margin-right: 14px;
	background: #170601;
	margin-top: 8px;
}

#poll .plgHeaderbar {
	background: transparent;
	color: #aa9459;
}

#poll table,div{
	color: #FFF:
}

/* -------------------------------------------------------------
plugins
------------------------------------------------------------- */
#calendar a{
	color: #6c1103;
	font: 10px arial, sans-serif;
}

#weather {
}

#weather a {
	color: #6c1103;
	font: 10px arial, sans-serif;
}

#moduleWrapper {
	width: 900px;
	padding-bottom: 14px;
}

#moduleWrapper a {
color: #6c1103;
}

#moduleWrapper .rosterLetterOff {
color:#CCCCCC;
}

#moduleWrapper .tNavTabOff, a.tNavTabOff:visited, a.tNavTabOff:hover {
color: #DDDDDD;
}

#moduleWrapper .plgHeaderbar {
	color:#6c5735;
	font:18px "Times New Roman", sans-serif;
	padding-bottom:4px;
	padding-left: 8px;
	padding-top: 8px;
}

#article {
}

#article a{
	color: #6c1103;
	font: 14px arial, sans-serif;
}

#article .plgHeaderbar {
	background: transparent;
}

#article .plgHeaderbarAction, a.plgHeaderbarAction, a.plgHeaderbarAction:visited {
	background: transparent;
}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	background: url(../../../Images/borderBottom.jpg) top center no-repeat;
	width: 960px;
	font: 10px arial, sans-serif; 
	color: #6c5735;
	text-align: center;
}

#footer .inside {
	padding-top: 28px;
	padding-bottom: 28px;
}

#FooterRocks {
	background: url(../../../Images/footer_rocks.jpg) top center no-repeat;
	width: 960px;
	font: 10px arial, sans-serif; 
	color: #6c5735;
	text-align: center;
}

#FooterRocks .inside {
	padding-top: 90px;
	padding-bottom: 28px;
}