@import url(global_v1-1.css);
@import url(admin.css);
@import url(adminLogin.css);
@import url(SunsetCC_css/modules.css);
@import url(SunsetCC_css/plugins.css);

/*
I. GLOBAL:  Global classes, header styles, link styles and .page class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/
body {
	background:#fff;
	color:#000;
	font: 400 11px Arial, Verdana, sans-serif;
}

h1 {
	color:#a55f07;
	font:400 24px "Times New Roman", Georgia, Times, serif;
	margin: 0 0 15px;
}

h2 {
	color:#304748;
	font:400 18px "Times New Roman", Georgia, Times, serif;
	margin: 10px 0 6px;
}

h3 {
	color:#455e60;
	font:400 12px normal;
	margin: 6px 0 4px;
}

h4 {
	color:#666;
	font:13px "Times New Roman", Georgia, Times, serif;
	font-style: italic;
	margin: 5px 0 3px;
}

h5 {
	color:#333;
	display:inline;
	font:400 12px "Times New Roman", Georgia, Times, serif;
}

h6 {
	color:#FFF;
	font:12px/1.8 "Times New Roman", Georgia, Times, serif;
}

p {
	color:#555;
	line-height: 1.6em;
	font-size: 11px;
}

table {
	font-size: 11px;
}

a,a.small,a.anchor,a.visited {
	color:#6F2904;
	font:inherit;
	text-decoration:none;
	outline: none;
}

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

.page {
	background:#cee7e9;
}

.CEMenu {
	margin:0;
	padding:0;
}

/* important edit global text boxes - default --------- */
.txtbox {
	background:#FFF;
	border-style:inset;
	border-width:2px;
	color:#000;
	font-size:11px;
	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-size: 13px;
}

/*= directory -> edit roster options -> close button --------- */
.membut {
	background:#eee;
	border:1px solid buttonface;
	color:#333;
	cursor:pointer;
	font-size:11px;
}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	background:#eee;
	border-style:outset;
	border-width:2px;
	color:#333;
	font-size:11px;
	margin-bottom:2px;
	margin-top:2px;
}

.adminbar {
	background:#eee;
	color:#333;
	font-size: 12px;
}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	background:#eee;
	color:#000;
	font-size: 11px;
}

.rowHover {
	background:#FFF;
	color:#000;
	font-size: 11px;
}

.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-size: 11px;
	padding:2px;
	text-decoration:none;
}

a.cookieTrail,a.cookieTrail:hover {
	color:#333;
	font-size: 11px;
	text-decoration:none;
}

/*///////////////////////////////////////
Layout and Custom Selectors for: SUNSET CC
///////////////////////////////////////*/

.blockLevel { display: block; }
.hide-text { display: none; }


.siteWrapper {

	background: url(../../../Images/page_top.gif) center top no-repeat;
	width: 782px;
	margin: 20px auto 0;
	padding: 21px 0 0 0;

}

/*---------------------------------------------------------
MAIN TABLE 
*/

#mainTable {

	background: url(../../../Images/page_bg.gif) center top repeat-y;

}



/*---------------------------------------------------------
SIDEBAR
*/

#sideBar {

	
	background: url(../../../Images/sideBar_bot.gif) 14px bottom no-repeat;
	width: 226px;
	

}
	#sideBar #logo {
	
		background: url(../../../Images/sideBar_logo.gif) left top no-repeat;
		display: block;
		height: 199px;
		width: 190px;
	
	}

	#sideBar .inside {
	
		margin: 0pt 22px 45px 14px;
		background: url(../../../Images/sideBar_mid.gif) left top repeat-y;
	
	}
	
	#navWrapper {
	
		padding: 15px 0 20px;
		margin: 0 10px;
		width: 170px;
	}
	
	#memLogin {
	
		background: url(../../../Images/memLogin_btn.gif) left top no-repeat;
		display: block; 
		height: 19px;
		/*width: 154px;*/
		margin: 0 18px;
	}
	
		#memLogin:hover { background-position: left bottom; }
	
	#sideBar address {
	
		margin: 100px 0 20px;
		vertical-align: baseline;
		text-align: center;
		color: #fff;
		font: 400 11px "Times New Roman", Times, serif;
	
	}

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

#contentArea {

	width: 556px;

}

#pub-home #topContent {
	position: relative;
	left: 11px;
	top: -11px;

}

#topContent .inside {
	padding: 0 10px 0 20px;
}

#contentMain .inside{

	padding: 15px 0 20px;
	margin: 0 35px 0 25px;
	width: 496px;

}

/*---------------------------------------------------------
FOOTER
*/

#footer {
	
	margin: 0 auto;
	width: 782px;
	background: url(../../../Images/page_bot.gif) center top no-repeat;
	font: 400 10px normal;
	text-transform: uppercase;
	text-align: left;
	color: #7b9597;

}

	#footer .inside {
	
		padding: 25px 0 10px;
		margin: 0 17px;
	
	}
	
	
/*///////////////////////////////////////////////////////*/	
/*--------------------------------------------------------
PRIVATE SITE
*/

#mp-priv {

	background: url(../../../Images/priv-page_bg.gif) center top repeat-y;
	padding: 0px;
	width: 770px

}

#mp-priv #header {

	background: url(../../../Images/priv-header_bg.gif) center top no-repeat;
	margin: 0px;
	padding: 0px;
	width: 770px;

}

#mp-priv #logo {

	padding: 10px 0pt 0pt 39px;
	margin: 0px;
	float: left;

}

	#mp-priv #logo a{
	
		background: url(../../../Images/priv-logo.gif) left top no-repeat;
		display: block;
		height: 144px;
		width: 148px;
	
	}

/*---------------------------------------------------
TOP NAV
*/
	
#mp-priv #topNav {

	padding: 16px 52px 0pt 0pt;
	margin: 0;
	float: right;
	list-style: none;

}

	#mp-priv #topNav li {
	
		display: inline;
		margin: 10px 0 0 0;
		padding: 10px 0 0;
		
	}
	
		#mp-priv #topNav li a {
		
			color: #a55f07;
			font: 400 10px normal;
			text-transform: uppercase;
			padding: 0 5px;
			border-left: solid 1px #a55f07;
		
		}
	
/*----------------------------------------------------
MAIN NAV 
*/

#mp-priv #navWrapper {

	float: right;
	padding: 75px 11px 0pt 0px;
	margin: 0px;
	width: 548px;
	height: 45px;

}

/*-----------------------------------------------------
CONTENT AREA
*/

#mp-priv #contentArea {

	background: url(../../../Images/priv-logo_Bottom.gif) 27px top no-repeat;
	width: 746px;
	margin: 0 auto;

}

#mp-priv .mainTable {

	background: transparent none;
	
}

#mp-priv #sideBar {

	background: url(../../../Images/priv-sideBar_bg.gif) left bottom repeat-x;
	width: 200px;

}

#mp-priv #priv-home #sideBar {

	background: url(../../../Images/priv-sideBar-home_bg.gif) left bottom no-repeat;

}

	#mp-priv #sideBar .inside {
	
		margin: 0px 10px;
		padding: 50px 0px 10px 0px;
		background: none;
		width: 180px;
	
	}

/*----------------------------------------------------------
CONTENT MAIN
*/	
	
#mp-priv priv-home #contentMain {

	width: 356px;
	background: none;

}

	#mp-priv #priv-home #contentMain .inside {
	
		margin: 0 15px 0 25px;
		padding: 10px 0;
		width: 316px;
	
	}
	
	#mp-priv #priv-home #contentSecond {
	
		background: url(../../../Images/priv-contentSecond_bg.gif) left bottom repeat-x;
		width: 190px;
	
	}
	
		#mp-priv #priv-home #contentSecond .inside {
		
			padding: 30px 10px 20px 10px;
			width: 170px;
		
		}
		
		
#mp-priv #priv-content #contentMain {

	width: 546px;
	background: none;

}

	#mp-priv #priv-content #contentMain .inside {
	
		margin: 0 15px 0 25px;
		padding: 10px 0;
		width: 506px;
	
	}	

/*-----------------------------------------------------
FOOTER
*/

#mp-priv #footer {

	background: #CEE7E9 url(../../../Images/priv-footer_bg.gif) center top no-repeat;
	padding: 20px 0 0 0;
	width: 770px;

}
	
	#mp-priv #footer address {
	
		text-align: center;
		font-style: normal;
		font: 400 11px "Times New Roman", Times, serif;
		text-transform: none;
		margin: 0px 0 30px;
	
	}
	
	#mp-priv #footer p {
	 
		margin-left: 15px; 
		color: #7B9597; 
		font-size: 10px;
	}