@import url(global_v1-2.css);
@import url(Redlands2010_css/modules.css);
@import url(Redlands2010_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: #f7f7f7;
	font: 30px "Times New Roman", Times, serif;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../../../images/h1border.gif) bottom center repeat-x;

}


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

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

}

h4 {
	
	color: #f8debe;
	font: italic 17px/1.5 "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;

}

.page {
	
	background: #000000;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

em {word-wrap: break-word;}

/* 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 
////////////////////////////////////////////////////////////////*/

#Header {
	width: 960px;
	height: 96px;
	margin: 0 auto;
	text-align: left;
}

#Logo {
	width: 267px;
	height: 62px;
	margin-left: 28px;
	padding-top: 12px;
}

#NavigationBar {
	width: 960px;
	height: 30px;
	background: url(../../../images/navbg.jpg) center top no-repeat;
	text-align: center;
	margin: 0 auto;
}

#SiteWrapper {
	width: 960px;
	background: url(../../../images/redsidebarbg.gif) center top repeat-y;
	margin: 0 auto;
}

#LeftContentWrapper {
	width: 720px;
}

#ImageArea {
	width: 720px;
	height: 306px;
	background: url(../../../images/picborder.jpg) center bottom no-repeat;
}

#LeftContentArea {
	width: 630px;
	margin-left: 30px;
	margin-right: 60px;
	padding-top: 58px;
	padding-bottom: 40px;
	text-align: left;
	color: #f8debe;
	font: 12px/1.7 arial, sans-serif;
}
	
#LeftContentArea div,
#LeftContentArea table,
#LeftContentArea p {
	color: #f8debe;
	font: 12px/1.7 arial, sans-serif;
}	
	
#LeftContentArea a{
	color: #FFFFFF;
}	
	
#RightContentWrapper {
	width: 240px;
}

#RightContentArea {
	width: 200px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 40px;
	padding-bottom: 30px;
	color: #ffffff;
	font: 17px/1.5 "Times New Roman", arial, sans-serif;
	text-align: left;
}

#RightContentArea table,
#RightContentArea div,
#RightContentArea p{
	color: #ffffff;
	font: 17px/1.5 "Times New Roman", arial, sans-serif;
}
	
#Footer {
	width: 960px;
	color: #f8debe;
	font: 11px arial, sans-serif;
	background: url(../../../images/footerborder.jpg) center top no-repeat;
	padding-top: 15px;
	padding-bottom: 20px;
	margin: 0 auto;
}
	
/*////////////////////////////////////////////////////////////////
= Splash Page
////////////////////////////////////////////////////////////////*/

#SplashText {
	width: 960px;
	margin: 0 auto;
	padding-top: 348px;
}

#SplashButtonsWrapper {
	width: 592px;
	margin: 0 auto;
	padding-top: 18px;
	padding-bottom: 10px;
}

#GuestsButton {
	width: 264px;
	height: 100px; 
	display: block;
}

	a#GuestsButton {
		height: 100px;
		width: 264px;
		background:url(../../../images/Guests.jpg);
		background-position:top left;
}
		a#GuestsButton:hover {
			background-position: left bottom;
		}
		
#MembersButton {
	width: 264px;
	height: 100px; 
	display: block;
}

	a#MembersButton {
		height: 100px;
		width: 264px;
		background:url(../../../images/members.jpg);
		background-position:top left;
}
		a#MembersButton:hover {
			background-position: left bottom;
		}
		
/*////////////////////////////////////////////////////////////////
= Landing Page
////////////////////////////////////////////////////////////////*/

#LandingTextArea {
	width: 960px;
	margin: 0 auto;
	padding-top: 314px;
}

#LandingContentArea {
	width: 616px;
	margin-left: 220px;
	margin-right: 124px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
	color: #f8debe;
	font: 12px/1.7 arial, sans-serif;
}

#LandingContentArea a{
	color: #FFFFFF;
}

#LandingContentArea div,
#LandingContentArea table,
#LandingContentArea p {
	color: #f8debe;
	font: 12px/1.7 arial, sans-serif;
}


/*////////////////////////////////////////////////////////////////
= Private Home Page
////////////////////////////////////////////////////////////////*/

#QuickLinksNavWrapper {
	width: 630px;
	margin-left: 30px;
	margin-right: 60px;
	padding-top: 58px;
	
}

#QuickLinksNav {
	width: 630px;
	height: 30px;
	background: url(../../../images/quicklinksnavbg.png) center top no-repeat;
}

#LeftPrivHomeArea {
	width: 670px;
	margin-left: 20px;
	margin-right: 30px;
	padding-top: 19px;
	padding-bottom: 40px;
	text-align: left;
	color: #f8debe;
	font: 12px/1.7 arial, sans-serif;
}
	
#LeftPrivHomeArae a{
	color: #FFFFFF;
}	
	
#LeftPrivHomeArea div,
#LeftPrivHomeArea table,
#LeftPrivHomeArea p {
	color: #f8debe;
	font: 12px/1.7 arial, sans-serif;
}

#Calendar {
	width: 200px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	color: #ffffff;
	font: 12px arial, sans-serif;
	text-align: left;
}

#Calendar a{
	color: #FFFFFF;
}

#OpenCalendar a{
	font: 12px arial, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

#Articles {
	width: 200px;
	margin-left: 20px;
	margin-right: 20px;
	color: #ffffff;
	font: 12px arial, sans-serif;
	text-align: left;
}

#Articles a{
	color: #FFFFFF;
}

#Logout a{
	font: 9px "Times New Roman", arial, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
}

#PrivHomeCallouts {
	}
	
#PrivHomeCallouts a{
	color: #FFFFFF;
}	
	
#PrivHomeCallouts img{
	border: 1px solid #362d1c;
}

#Weather{
	width: 200px;
	
}

#Weather .plgHeaderbar{
	color: #FFFFFF;
	font: 16px "Times New Roman", arial, sans-serif;
	text-transform: uppercase;
}

#Weather a{
	font: 12px arial, sans-serif;
	color: #FFFFFF;
}

#RightContentAreaPrivHome {
	width: 200px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	
	color: #ffffff;
	font: 17px/1.5 "Times New Roman", arial, sans-serif;
	text-align: left;
}

#RightContentAreaPrivHome table,
#RightContentAreaPrivHome div,
#RightContentAreaPrivHome p{
	color: #ffffff;
	font: 17px/1.5 "Times New Roman", arial, sans-serif;
}

/*////////////////////////////////////////////////////////////////
= Login Page
////////////////////////////////////////////////////////////////*/

#LoginLogo {
	margin: 0 auto;
	padding-top: 212px;
}

#LoginArea {
	width: 500px;
	margin-left: 20px;
	padding-top: 8px;
	color: #FFFFFF;
}

#LoginArea div,
#LoginArea table {
	color: #FFFFFF;
}

#LoginArea a{
	color: #FFFFFF;
	font: 10px Arial, Sans-serif;
}


/*////////////////////////////////////////////////////////////////
= Module Masterpage
////////////////////////////////////////////////////////////////*/


#SiteWrapperModule {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
}

#ModuleContent {
	width: 920px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#ModuleContent a.tNavTabOff{
	color: #FFFFFF;
}

#ModuleContent a.rosterLetterOff{
	color: #FFFFFF;
}

#ModuleContent a{
	color: #3c080d;
}