@import url(global.css);
@import url(adminLogin.css);

@import url(StockdaleCC_css/modules.css);
@import url(StockdaleCC_css/plugins.css);

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

/////////////////////////////////////////////////////*/
body {
	

	
}

h1 {
	color:#213823;
	font:normal 21px "Palatino Linotype", Times New Roman, Georgia, Times, serif;
	margin: 0 0 5px;
	text-transform:capitalize;
}

h2 {
	color:#706140;
	display:inline;
	font:italic 18px "Palatino Linotype", Times New Roman, Georgia, Times, serif;
}

h3 {
	color:#004533;
	font:bold 12px "Palatino Linotype", Times New Roman, Georgia, Times, serif;
	margin: 5px 0 3px;
}

h4 {
	color:#6F2904;
	border-bottom:#706140 1px solid;
	font:18px "Palatino Linotype", Times New Roman, Georgia, Times, serif;
}

h5 {
	color:#706140;
	display:inline;
	font:italic 10pt "Palatino Linotype", Times New Roman, Georgia, Times, serif;
}

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

/* ::TODO:: look into the best solution for this */
p {
	color: #000;
	font:12px/1.4 "Palatino Linotype", Times New Roman, Georgia, Times, serif;
}

body, table {
	font:12px Verdana, sans-serif;
}

table {
	text-align: left;
}

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

a:hover {
	color:#A83F06;
	font:inherit;
}

.page {
	background:#E4DCCA url(../../../Images/BG_image.jpg) right bottom no-repeat;
	margin: 0 auto;
	
}

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

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

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

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

.adminbar {
	background:#eee;
	color:#333;
	font:400 12px Arial, Verdana, sans-serif;
}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	background:#eee;
	color:#000;
	font:400 11px Arial, Verdana, sans-serif;
}

.rowHover {
	background:#FFF;
	color:#000;
	font:400 11px Arial, Verdana, 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 Arial, Verdana, sans-serif;
	padding:2px;
	text-decoration:none;
}

a.cookieTrail,a.cookieTrail:hover {
	color:#333;
	font:400 11px Arial, Verdana, sans-serif;
	text-decoration:none;
}

/*///////////////////////////////////////
Layout and Custom Selectors for: (STOCKDALE)
///////////////////////////////////////*/

.hideText {

	display: none;

}


/*/////////////////////////////////////////////////////////
= BORDERS / FRAME
//////////////////////////////////////////////////////////*/

.site_wrapper {
	width: 100%;
	text-align:center;
}

#private {
	margin: 0 auto;
	background: url(../../../Images/bannerPrivate_BG.jpg) left top repeat-x;
}

#public {
	background: url(../../../Images/banner_bg.jpg) left top repeat-x;
	margin: 0 auto;
}


/*////////////////////////////////////////////////////////////
= HEADER 
/////////////////////////////////////////////////////////////*/


#private #header {
	height: 155px;
	width: 1000px;
	background: url(../../../Images/banner_private.jpg) left top no-repeat;
	padding: 0 0 0 100px;
	margin: 0 auto;
}

#public #header {
	background: url(../../../Images/banner_public.jpg) left top no-repeat;
	height: 155px;
	width: 1000px;
	padding: 0 0 0 100px;
	margin: 0 auto;
}

/*///////////////////////////////////////////////////////////
= MENU WRAPPER 
///////////////////////////////////////////////////////////*/

#nav {

	clear: both;
	text-align:left;

}

.nav_public {
	width: 750px;
	padding: 120px 0 0 164px;
}

.nav_private {
	width: 750px;
	padding: 85px 0 0 90px;
}

#inside {
	margin: 0 auto;
	width: 800px;
}

#welcome {
	float:left;
	width: 500px;
	text-align:right;
	padding:6px 0 0 0;
}

#welcome p {
	font:12px/1.4 "Palatino Linotype", Times New Roman, Georgia, Times, serif;
	color:#E4DCCA;
}

#top_Links {
	float:right;
	text-align:right;
	width: 250px;
	padding-top:4px;
}

/*///////////////////////////////////////////////////////////
= CONTENT 
///////////////////////////////////////////////////////////*/

#content_wrapper {
	width: 820px;
	padding: 5px 0 5px 0;
	margin: 0 auto;

}

#content_Left {
	float: left;
	vertical-align:top;

}

#content_Right {
	float: right;
	vertical-align:top;
}

.public_Left {
	width: 150px;
	padding: 50px 5px 5px 5px;
}

.public_Right {
	width: 650px;
	padding: 0 5px 0 5px;
}

.private_Left {
	width: 250px;
	padding: 5px 5px 5px 5px;
}

.private_Right {
	width: 550px;
	padding: 0 5px 0 5px;
}

#login {
	
	float:left;
	width: 150px;
	padding: 150px 5px 0 5px;

}

#content_main {
	
	float: right;
	width: 650px;
	padding: 5px 5px 0 5px;

}

#Login_Main {
background:url(../../../Images/LoginBG.jpg) top center no-repeat;
height:176px;
width: 423px;
padding: 100px 0 0 0;
}

#Login_Main td{
	color:#E4DCCA;
}

#Login_Main a{
	color:#E4DCCA;
}

.top {
padding: 15px 0 0 0;
}


/*///////////////////////////////////////////////////////////////
= FOOTER 
////////////////////////////////////////////////////////////////*/
#footer {
	clear:both;
	width: 820px;
	background: url(../../../Images/navBG.gif) center top repeat-x;
	padding-top: 5px;
	text-align:left;
 
}

#footer span {

	color: #3a4234;
	font: 9px;

}


/*/////////////////////////////////////////////////////////////
= ROLLOVERS
/////////////////////////////////////////////////////////////*/

.hideText {

	display: none;
}

a#Home {
	
	display: block;
	height: 19px;
	width: 47px;
	background: url(../../../Images/Home.jpg) left top no-repeat;
}
a#Home:hover {
	
	background-position: left bottom;

}

a#MyProfile {
	
	display: block;
	height: 19px;
	width: 79px;
	background: url(../../../Images/MyProfile.jpg) left top no-repeat;
}
a#MyProfile:hover {
	
	background-position: left bottom;

}

a#Calendar {
	
	display: block;
	height: 19px;
	width: 73px;
	background: url(../../../Images/Calendar.jpg) left top no-repeat;
}
a#Calendar:hover {
	
	background-position: left bottom;

}

a#News {
	
	display: block;
	height: 19px;
	width: 47px;
	background: url(../../../Images/News.jpg) left top no-repeat;
}
a#News:hover {
	
	background-position: left bottom;

}

.borderCell {

border-top: #897B5D 1px solid;

}

.borderCell2 {

border-top: #897B5D 1px solid;
border-bottom: #897B5D 1px solid;
padding: 5px 0 5px 0;


}

#SignUp {
background:url(../../../Images/SignUp_bg.jpg) left top repeat-x;
padding: 10px 10px 10px 10px;
}

a#Sign_Up {
	
	display: block;
	height: 20px;
	width: 141px;
	background: url(../../../Images/SignUp.jpg) left top no-repeat;
}
a#Sign_Up:hover {
	
	background-position: left bottom;

}

a#ViewCal {
	
	display: block;
	height: 20px;
	width: 141px;
	background: url(../../Images/ViewCalendar.jpg) left top no-repeat;
}
a#ViewCal:hover {
	
	background-position: left bottom;

}

#LeftPad {
padding: 0 0 0 8px;
}

#BotRight {
border-bottom:#CAC0AA 1px solid;
border-right:#CAC0AA 1px solid;
padding: 8px 8px 8px 0;
}

#Right {
border-right:#CAC0AA 1px solid;
padding: 0 8px 8px 0;
}

#Plugins h5 {
	color:#213823;
	display:inline;
	font:italic 10pt "Palatino Linotype", Times New Roman, Georgia, Times, serif;
}