@import url(global_v1-2.css);
@import url(UnionLeagueClub_css/modules.css);
@import url(UnionLeagueClub_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: #052864;
	font: 38px "Times New Roman", Times, serif;

}


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

h3 {
	
	color: #052864;
	font: 16px "Times New Roman", Times, serif;

}

h4 {
	
	color: #052864;
	font: italic 18px "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 Verdana, Arial, sans-serif;

}

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

}

li {
	padding-bottom: 3px;
}

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

}

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

}

a#homebutton {
	background: url(../../../Images/Home_button.gif) top center no-repeat;
	width: 48px;
	height: 24px;
	display: block;
}

a#homebutton:hover {
	background: url(../../../Images/Home_button_hover.gif) top center no-repeat;
	width: 48px;
	height: 24px;
	display: block;
}

a#logoutbutton {
	background: url(../../../Images/logout_button.gif) top center no-repeat;
	width: 57px;
	height: 24px;
	display: block;
}

a#logoutbutton:hover {
	background: url(../../../Images/logout_button_hover.gif) top center no-repeat;
	width: 57px;
	height: 24px;
	display: block;
}

a#statementbutton {
	background: url(../../../Images/mystatement_button.gif) top center no-repeat;
	width: 96px;
	height: 24px;
	display: block;
}

a#statementbutton:hover {
	background: url(../../../Images/mystatement_button_hover.gif) top center no-repeat;
	width: 96px;
	height: 24px;
	display: block;
}

a#reservationbutton {
	background: url(../../../Images/myreservations_button.gif) top center no-repeat;
	width: 108px;
	height: 24px;
	display: block;
}

a#reservationbutton:hover {
	background: url(../../../Images/myreservations_button_hover.gif) top center no-repeat;
	width: 108px;
	height: 24px;
	display: block;
}

a#profilebutton {
	background: url(../../../Images/myprofile_button.gif) top center no-repeat;
	width: 71px;
	height: 24px;
	display: block;
}

a#profilebutton:hover {
	background: url(../../../Images/myprofile_button_hover.gif) top center no-repeat;
	width: 71px;
	height: 24px;
	display: block;
}

a#helpbutton {
	background: url(../../../Images/help_button.gif) top center no-repeat;
	width: 40px;
	height: 24px;
	display: block;
}

a#helpbutton:hover{
	background: url(../../../Images/help_button_hover.gif) top center no-repeat;
	width: 40px;
	height: 24px;
	display: block;
}

a#loginbutton, div#loginbutton .input {
	background: url(../../../Images/btn_Login.gif) top center no-repeat;
	width: 30px;
	height: 24px;
	display: block;
}

a#loginbutton:hover, div#loginbutton:hover .input {
	background: url(../../../Images/btn_Login_hover.gif) top center no-repeat;
	width: 30px;
	height: 24px;
	display: block;
}	

.page {
	
	background: #FFFFFF;
	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 Site
////////////////////////////////////////////////////////////////*/
#SiteBG {
	width: 100%;
	background: #393939 url(../../../Images/background.jpg) center top repeat-x;
	text-align: center;
	padding-bottom: 27px;
	
}

#SiteWrapper {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#HeaderWrapper {
	width: 960px;
	height: 140px;
}

#MemberLogin {
	margin-top: 58px;
	width: 460px;
	text-align: left;
} 

#HeaderRightWrapper {
	width: 374px;
	text-align: right;
}

#HeaderAddress {
	width: 374px;
	font: 10px "Times New Roman", sans-serif;
	color: #404041;
	margin-top: 10px;
	
}
	
#HeaderLogo {
	width: 374px;
	height: 71px;
	margin-top: 15px;
	background: url(../../../Images/logo.gif) top center no-repeat;
}

#Navigation {
	width: 960px;
	height: 29px;	
	margin: 0 auto;
	}
	
#Flash {
	width: 960px;
	height: 640px;
}	
	
#ContentArea {
	width: 960px;
	background: url(../../../Images/contentbg.jpg) top center repeat-y;
	margin: 0 auto;
}

#ContentAreaModule {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	padding-bottom: 20px;
}

#SidebarPublic {
	width: 206px;
}

#SidebarPublic .inside{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 38px;
	width: 166px;
}


#PublicContentWrapper {
	width: 754px;
}

#PublicImage {
	width: 754px;
}

#PublicImage img {
	display: block;
}

#PublicPhotoDescription {
	width: 754px;
	height: 29px;
	background: #b6cfe7;
	text-align: right;
}

#PublicPhotoDescription .inside{
	padding-top: 6px;
	margin-right: 14px;
	margin-left: 10px;
	width: 730px;
	font: 11px verdana, arial, sans-serif;
	color: #052864;
}

#PublicPhotoDescription .inside table {
	font: 11px verdana, arial, sans-serif;
	color: #052864;
}

#PublicMainContent {
	width: 754px;
}

#PublicMainContent .inside {
	padding-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 40px;
	width: 674px;
	font: 11px verdana, arial, sans-serif;
	line-height: 18px;
	color: #34393d;
	text-align: left;
}

#PublicMainContent .inside table,
#PublicMainContent .inside div,
#PublicMainContent .inside p {
	font: 11px verdana, arial, sans-serif;
	line-height: 18px;
	color: #34393d;
}

#Footer {
	font: 9px verdana, sans-serif;
	color: #312d2e;
	width: 960px;
	margin: 0 auto;
}

#Footer .inside {
	padding-top: 21px;
	padding-bottom: 21px;
	width: 960px;
	text-align: left;
}

/*////////////////////////////////////////////////////////////////
= Private Site
////////////////////////////////////////////////////////////////*/
#SidebarPrivate {
	width: 206px;
}

#SidebarNavigation {
	width: 206px;
	min-height:300px;
    height:auto !important;
	height: 300px;
}

#SidebarNavigation img{
	display: block;
}

#SidebarContent {
	width: 206px;
}

#PrivateMainContent {
	width: 754px;
}

#PrivateMainContent .inside {
	padding-top: 12px;
	margin-left: 40px;
	margin-right: 12px;
	padding-bottom: 40px;
	width: 702px;
	font: 11px verdana, arial, sans-serif;
	line-height: 18px;
	color: #34393d;
	text-align: left;
}

#PrivateLeftContent {
	width: 452px;
	margin-top: 20px;
	font: 11px verdana, arial, sans-serif;
	line-height: 18px;
	color: #34393d;
	text-align: left;
}

#PrivateLeftContent div,
#PrivateLeftContent table,
#PrivateLeftContent p {
	font: 11px verdana, arial, sans-serif;
	line-height: 18px;
	color: #34393d;
	}

#PrivateRightSidebar {
	width: 216px;
	text-align: right;
}

#QuickLinksBox {
	width: 216px;
	border: 1px solid #d0d6db;
	background: #eff1f4;
}

#QuickLinksBox a{
	color: #000000;
}

#QuickLinksBoxInside {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 196px;
}

#News {
	width: 216px;
	border-bottom: 1px solid #d0d6db;
	background: url(../../../Images/newsboxbg.jpg) top center repeat-y;
	
}

#NewsHeading {
	background: url(../../../Images/newsbg.jpg) top center no-repeat;
	width: 216px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#NewsContent {
	width: 196px;
	margin-left: 10px;
	margin-right: 10px;
}

#FitnessCalendar {
	width: 216px;
	border-bottom: 1px solid #d0d6db;
	background: url(../../../Images/newsboxbg.jpg) top center repeat-y;
	
}

#FitnessCalendarHeading {
	background: url(../../../Images/fitnesscalendarbg.jpg) top center no-repeat;
	width: 216px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#FitnessCalendarContent {
	width: 196px;
	margin-left: 10px;
	margin-right: 10px;
}

#DiningCalendar {
	width: 216px;
	border-bottom: 1px solid #d0d6db;
	background: url(../../../Images/newsboxbg.jpg) top center repeat-y;
	
}

#DiningCalendarHeading {
	background: url(../../../Images/diningcalendarbg.jpg) top center no-repeat;
	width: 216px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#DiningCalendarContent {
	width: 196px;
	margin-left: 10px;
	margin-right: 10px;
}

#Calendar {
	width: 432px;
	border-bottom: 1px solid #d0d6db;
	background: url(../../../Images/calendarboxbg.gif) top center repeat-y;
	
}

.plgHeaderbarAction, a.plgHeaderbarAction, a.plgHeaderbarAction:visited {
	color: #73000a;

}

#CalendarHeading {
	background: url(../../../Images/calendarbg.jpg) top center no-repeat;
	width: 432px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#CalendarContent {
	width: 412px;
	margin-left: 10px;
	margin-right: 10px;
}

#CalendarContent a{
	color: #052864;
}