@import url(global_v1-2.css);
@import url(jeffersoncityCC_css/modules.css);
@import url(jeffersoncityCC_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: #9b5a00;
	font: 32px "Times New Roman", Times, serif;
	text-transform:uppercase;

}


h2 {
	
	color: #9b5a00;
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	
}

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

}

h4 {
	
	color: #525252;
	font: 18px "Times New Roman", Times, serif;

}

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

}

h6 {
	
	color: #a38e4a;
	font: 12px Verdana, Arial, Helvetica, sans-serif;

}

p {
	
	color: #000;
	font: 13px Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 13px Arial, Helvetica, sans-serif;

}

ul {
padding-left:10px;
}

li {
margin-left:10px;
}

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

}

a:hover {
	
	color: #9b5a00;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: #5e5b54 url(../../../images/pageBg.jpg) 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: jeffersoncityCC
////////////////////////////////////////////////////////*/

.hideText {
	display: none;
}

.floatLeft {
float:left;
} 

.floatRight {
float:right;
} 

.clearBoth {
clear:both;
} 

.centered {
margin:0 auto;
text-align:center;

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

.siteWrapper {
width:972px;
margin:0 auto;
text-align:center;
}

#pubHome {


	
}

#pubContent {


	
}


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

#branding {
background: url(../../../images/JCCC-logo.jpg) no-repeat top left;
margin: 0 auto;
width:957px;
height:64px;
margin-left:15px;
margin-top:5px;	
}

	#jefflogin {
	width:350px;
	padding-right:22px;
        padding-top:16px;
	}

        #jefflogin table {
        font-size:9px;
        color:#fff;
        text-transform:uppercase;
        }

        #jefflogin table a {
        text-transform:none;
        color:#fff;
        text-decoration:underline;
        font-style:italic;
        }
	
/*--------------------------------------------------------------
=DROP SHADOW + PAGE WRAPPER	
---------------------------------------------------------------*/

#shadow {
width:982px;
background: url(../../../images/shadowbg.gif) repeat-y top center;
text-align:center;
}

#pageWrapper {
width:960px;
border:solid 5px #dac788;
text-align:center;
margin:6px;
}	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
width:960px;
border-bottom:solid 5px #dac788;
background:url(../../../images/navbg-off.jpg) top left repeat-x;
height:40px;
text-align:left;
display:block;
}

	#nav .inside {
	width:945px;
	float:right;
	}
	
#pubnav {
width:960px;
background:url(../../../images/pubnavbg.jpg) no-repeat top center;
text-align:center;
height:186px;
}

#pubnav .buttons {
padding-top:52px;
}

#Button1 {
height:118px;
width:240px;
display:block;
text-align:center;
}
	a#button1 {
	height:118px;
	width:240px;
	background:url(../../../images/button1.jpg);
	background-position:top left;
	}
		a#button1:hover {
		background-position:left bottom;
		}
		
#Button2 {
height:118px;
width:240px;
display:block;
text-align:center;
}
	a#button2 {
	height:118px;
	width:240px;
	background:url(../../../images/button2.jpg);
	background-position:top left;
	}
		a#button2:hover {
		background-position:left bottom;
		}
		
#Button3 {
height:118px;
width:240px;
display:block;
text-align:center;
}
	a#button3 {
	height:118px;
	width:240px;
	background:url(../../../images/button3.jpg);
	background-position:top left;
	}
		a#button3:hover {
		background-position:left bottom;
		}

.topLink {
width:100%;
display:table;
padding:40px 0 5px;
text-align:center;
text-transform:uppercase;
text-decoration:underline;
font-weight:bold;
font-size:14px;
color:#9b5a00;
font-family:"Times New Roman", Times, serif;
cursor:pointer;
}



.bottomLink {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444;
display:table;
text-align:center;
width:220px;
margin:0 auto;
cursor:pointer;
}
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentWrapper {
width:960px;
background:#FCF8D7 url(../../../images/sidebarbottomImg.jpg) no-repeat scroll left bottom;
}

#moduleWrap {
width:960px;
background-color:#FCF8D7;
}

	#moduleWrap .inside {
	margin:0px 10px;
	width:940px;
	}

#pubcontentWrapper {
width:960px;
}

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

#phomeSidebar, #pcontentSidebar {
background:#fcf8d7;
width:210px;
text-align:left;
height:385px;
}

	#phomeSidebar .inside, #pcontentSidebar .inside {
	padding:35px 0px 0px 0px;
	width:180px;
	margin-left:14px;
	}
	
/*-----------PUBLIC SIDEBAR CLASS \/\/----------------------*/
#pubSidebar {
width:210px;
text-align:left;
background:#fff url(../../../images/sidebargrad.jpg) no-repeat top;
height:385px;
}

#pubSidebar .inside {
padding:35px 0px 0px 0px;
width:180px;
margin-left:14px;
}


/*----------------WEATHER PLUGIN -------------------*/
#weather {
width:180px;
text-align:left;
background:none;
padding-top:70px;
}

#weather table {
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
}

#weather a, #weather a:hover, #weather a:visited {
text-decoration:underline;
font-size:9px; 
color:#333;
}

.weatherbig {
font-size:15px;
}

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

#contentArea {
width:750px;
text-align:left;
background-color:#fff;
padding-bottom:100px;		
}

#mediaWindow {
width:750px;
background-color:#d6d6d4;
text-align:left;
}
 
	

#mainContent {
width:750px;
text-align:left;
border-top:5px solid #dac788;
}

#phomeText, #privContent {
width:750px;
text-align:left;
}

	#phomeText .inside, #privContent .inside {
	padding:40px 58px 20px 17px;
	}
	
	/*#privContent img {
	border:1px #c0c0c0 solid;
	padding:4px;
	}*/
	
	
#privBottom {
width:750px;
}

	#privBottom .inside {
	padding:0px 15px 5px 17px;
	}
	
		#calendar {
		width:373px;
		}
		
		#calendar table {
		border-bottom:4px solid #dac788;
		margin-bottom:10px;
		}
		
		#privEvents {
		width:325px;
		}

/*-----------------PUBLIC STYLES--------------------*/
#pubContentArea {
width:960px;
text-align:left;
background-color:#fff;	
}

#pubMedia {
width:960px;
text-align:left;
border-top:5px solid #dac788;
border-bottom:5px solid #dac788;
border-left:none;
border-right:none;
}

#pubContent {
width:750px;
text-align:left;
}

	#pubContent .inside {
	padding:35px 58px 20px 17px;
	}
	
	/*#pubContent img {
	border:1px #c0c0c0 solid;
	padding:4px;
	background:#fff;
	}*/


	

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

#footer {
background: url(../../../images/privHomefooterbg.jpg) top left no-repeat;
width:960px;
height:40px;
text-align:left;
}

	#footer table {
	font:Verdana, Arial, Helvetica, sans-serif 11px;
	color:#b07f40;
	text-transform:uppercase;
	}
	
	#footer .inside {
	padding-left:15px;
	padding-top:11px;
	}
	
/*---------PUBLIC STYLE---------------------------------*/
#pubFooter {
background:url(../../../images/pubFooterbg.jpg) top center repeat-y;
width:960px;
text-align:center;
height:102px;
}

	#pubFooter .inside {
	padding:32px 0px
	}
	
	#pubFooter a, #pubFooter a:visited {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#dac788;
	padding:0px 24px;
	text-decoration:none;
	}
	
	#pubFooter a:hover {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#dac788;
	padding:0px 24px;
	text-decoration:underline;
	}
	
	#pubFooter h6 {
	padding-top:10px;
	}
	
	
/*--------------------------------------------
SPLASH
--------------------------------------------*/

#splashbg {
width:960px;
height:520px;
background:url(../../../images/splashbg.jpg) no-repeat top center;
text-align:center;
border-bottom:5px solid #dac788;
}

#splashbg .inside {
padding: 60px 88px 0px;
}

#leftsplash {
}

#rightsplash {
}

#guestbut {
height:87px;
width:178px;
display:block;
text-align:center;
float:left;
}
	a#guestbut {
	height:87px;
	width:178px;
	background:url(../../../images/buttonA-guest.jpg);
	background-position:top left;
	}
		a#guestbut:hover {
		background-position:left bottom;
		}
		
#memberbut {
height:87px;
width:181px;
display:block;
text-align:center;
float:left;
}
	a#memberbut {
	height:87px;
	width:181px;
	background:url(../../../images/buttonB-member.jpg);
	background-position:top left;
	}
		a#memberbut:hover {
		background-position:left bottom;
		}
		
#splashflash {
width:408px;
text-align:center;
padding:0 18px;
float:left;
}

#splashflash .padding {
padding:200px;
}