@import url(global_v1-2.css);
@import url(SocColWars11_css/modules.css);
@import url(SocColWars11_css/plugins.css);
@import url(SocColWars11_css/menu.SocColWars_Sl.css);
@import url(SocColWars11_css/PanelBar.SocColWars.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: #6f1926;
	font: 22px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;

}


h2 {
	
	color: #615341;
	font: 18px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #be7a2d;
	font: bold 14px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #615341;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #be7a2d;
	font: 13px/1.6 Arial, Helvetica, sans-serif;
	display: inline;

}

h6 {
	
	color: #615341;
	font:12px Georgia, "Times New Roman", Times, serif;
	display:inline;

}

p {
	
	color: #615341;
	font: 13px/1.6 Arial, Helvetica, sans-serif;

}

table, div {
	color: #615341;
	font: 13px/1.6 Arial, Helvetica, sans-serif;


}

a,a.small,a.anchor,a.visited {
	
	color: #6f1926;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #615341;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: url(../../../images/pageBG.jpg) center top;
	text-align: center;
	
}

a img {border:none;}


.floating:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;   
}

/* IE6 */

* html .floating { height: 1%; }

/*IE7 */

.floating { min-height: 1px; }

a.linkflip {
display:block;
background-position:center top; 
text-indent:-9999px;
}

a.linkflip:hover {background-position:center bottom;}

ul {
    list-style-image: url("../../../images/bullet.gif");
   
}

.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 -> CSS3 gradient*/
	background: #ebe2d1; /* Old browsers */

/*border-style*/
border:1px solid #d9cebc; /*removes border style from global*/
	/*border radius*/
	-webkit-border-radius: 3px;
    border-radius: 3px;
	
	/*font/Standard Styles*/
	color: #313536;
	font: 10px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:8px;
	cursor:pointer;
	letter-spacing:1px;
	cursor:pointer;
	/**height:100%;*/
	margin-bottom: 2px;
	margin-top: 2px;
	
}

.abut:hover {

	color: #313536;
	font: 10px Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	text-decoration:none;
	/*background -> CSS3 Gradient*/
	background: #ecdfca; /* Old browsers */



	
}

a.abut {
/*Targets weird issue in IE*/
/**display:block;*/	
display:inline-block;
}
.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: SocColWars11
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
margin:0 auto;	
}

.watermark {
margin: 0 auto;
background:url(../../../images/watermark.jpg) no-repeat center top;
padding-bottom:35px;	
}

.private {
	padding-top:60px;
}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {
width:990px;
margin:0 auto;
padding:25px 0 27px;
}

.pubLogo {
width:433px;
height:53px;
display:block;
text-indent:-9999px;
background: url(../../../images/pubLogo.gif) no-repeat center top;
margin:0 auto;
}
	
#privBrand {
width:936px;
margin:0 auto;
background:url(../../../images/brandBG.jpg) no-repeat center top;
height:110px;	
}

.privLogo {
	width:486px;
height:58px;
display:block;
text-indent:-9999px;
background: url(../../../images/logo.jpg) no-repeat center top;
float:left;
margin:25px 0 0 30px;
}

.memInfo {
	color:#fff;
	float:right;
margin:45px 15px 0 0
}

.memInfo a {
color:#fff;
text-decoration:none;	
}
.memInfo a:hover {
text-decoration:underline;
}

	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
width:990px;
margin:0 auto;
background:#313536 url(../../../images/navBG.jpg) center top repeat-x;
line-height:42px;/*REMOVE WHEN INPUT NAV*/
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
.shadowWrap {
width:990px;
margin:0 auto;
background-color:#f6f0e4;	
-webkit-box-shadow: 0px 0px 5px #c8bca0;
-moz-box-shadow: 0px 0px 5px #c8bca0;
box-shadow: 0px 0px 5px #c8bca0;
}

.borderWrap {
width:990px;
margin:0 auto;
background:url(../../../images/siteWrapBG.jpg) repeat-y center top;
border-top:1px solid #ccc0ad;
border-bottom:1px solid #ccc0ad;
padding:20px 0;
}

.privWrap {
background:#f6f0e4;
padding:5px 0 20px;
width:950px;
margin:0 auto;	
}

.pubContent {
padding-bottom:35px;
}

#flash {
	width:970px;
	margin:0 auto;
	padding:10px 0;
}

#contentWrap {

margin:0 auto;
background:url(../../../images/contentBot.jpg) no-repeat center bottom;

text-align:left;
}

.publicWrap {
padding:50px 0;
width:934px;	
}

.privateWrap {

width:936px;
padding-bottom:4px;
}


.privBG {
background:url(../../../images/contentBG.jpg) left top repeat-y;
padding:0 0 50px 0;	
}

.moduleWrap {
	background:url(../../../images/contentBG.jpg) -65px top repeat-y;
padding:0 0 50px 0;
}

#contentArea {
	float:right;
	width:650px;
	
}

#contentArea .inside {
margin-left:50px;
margin-right:10px;
width:600px;	
}

.insidePriv {
	padding-top:20px;
	width:600px;
	margin-left:40px;
}

.pageTitle {
margin-bottom:30px;
padding-bottom:30px;
background:url(../../../images/pageTitleBG.gif) repeat-x center bottom;
}

.palbWrap {
width:650px;	
}

.imgDesc {
background:#333637 url(../../../images/palbBG.jpg) repeat-x center top;
padding:12px 20px;
}

.photoTitle {
display:inline;
color:#d2cabb;
text-transform:none;
font:13px/1.8 Arial, Helvetica, sans-serif;
float:left;
}

.imgCounter {
padding:0 10px;
color:#f6f0e4;
}

.stateWrap {
margin:10px 0px;
padding:0 20px;	
width:630px;
}
.privHomeWrap {
width:615px;
margin-left:35px;
padding-top:55px;
}

.privTop {
	width:615px;
margin-left:35px;
}

.stateWrap table a {
background:url(../../../images/contact.gif) no-repeat left center;
padding-left:10px;
color:#5f472c;
}

.calWrap {
float:left;	
width:340px;
}

.newsWrap {
float:right;
width:240px;	
}

.calWrap h2, .newsWrap h2 {
color:#6f1926;
margin-left:20px;
margin-bottom:20px;	
}

.newsWrap h2 {
margin-bottom:9px;	
}

#sidebar {
float:left;
width:200px;
margin-left:10px;	
}

.vNavWrap {
padding-top:30px;
}

.sideTop {
padding-top:60px;
}

.sideQuote {
padding-top:200px;	
}

.secondary {
padding-top:20px;

}

.stateSocLink {
	color: #000; /*#1f1f1f;*/
	font: 14px/34px Garamond, "Hoefler Text", Times New Roman, Times, serif;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
	border-bottom:1px solid #dbd2b5;
}

.stateSocLink:hover {
font-weight:bold;
	font: 14px/34px Garamond, "Hoefler Text", Times New Roman, Times, serif;
	color:#6f1926;
	text-decoration: none;	
}

/*login page*/
.prop {height:900px; padding-top:40px;}

.loginWrap {
margin:0 auto;
width:290px;
background-color:#f6f0e4;
border:20px solid #fdfdfc;
text-align:center;
padding:35px 0 65px;
}


.loginLogo a {
background:url(../../../images/login_logo.jpg) no-repeat center top;
width:250px;
height:169px;
text-indent:-9999px;
display:block;	
margin:0 auto;
}

.memLog {
font-size:14px;
text-transform:uppercase;
letter-spacing:2px;
color:#6f1926;
margin-top:20px;
}

.loginPlgWrap {
margin:0 auto;
width:180px;
margin-top:15px;
}

.loginPlgWrap .advLogUsername, .loginPlgWrap .advLogPassword {
width:180px;
height:26px;
font:13px/24px Arial, Helvetica, sans-serif;
color:#615341;	
border:0;
background:url(../../../images/fieldBG.gif) no-repeat left center;
padding-left:10px;
}

.login_input {margin-bottom:10px;}

.loginBot {width:180px;}
.loginL {float:left;}
.loginR {float:right;}

.loginExtra {
padding-top:30px;	
}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
margin:0 auto;
}

.pubFooter {
width:990px;
text-align:center;	
padding:20px 0 0;
}

.contentFtr {
	text-align:center;
	padding:12px 0;
	border-bottom:1px solid #dbd1b6;
	width:934px;
}

#footer h6 {
margin:0 10px;	
}

#footer h6 a {
color:#615341;	
}

#footer h6 a:hover {
color:#6f1926;	
}

/*Modules*/

#moduleMain {
	float:right;
	width:710px;
}

.stateLink a {
	color:#5f472c;
	text-decoration:none;
}

.stateLink a:hover {
	color:#5f472c;
	text-decoration:underline;
}

.stateLink strong {
color:#000;	
}