@import url(global_v1-1.css);


@import url(CMAAWiscBadg_css/modules.css);
@import url(CMAAWiscBadg_css/plugins.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: #284E36;
	font-size:20px;
}
h2,h3 {
	color: #847D54;
	font-size:20px;
}
h4 {
	color: #AF7A1F;
	font-style:italic;
	font-size:16px;
	line-height:1.3;
}

h5 {
	font-size:11px;
	color: #2b3B24;
	display: inline;
}

h6 {
	color: #423317;
	font-size:11px;
	font-weight:bold;
}
p { color: #1A1816;}
a,a.small,a.anchor,a.visited {
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;
}
a:hover { text-decoration: underline;}

.page { 

	text-align: center;
	color:#333;
	font:12px "Times New Roman", Times, serif;
	margin:0;
	background:#71000f url(../../../Images/holder.jpg) no-repeat 50% 0;

}
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
.siteWrapper {
	color:#252525;
	width:987px;
	margin:58px auto 0;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
ul { margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6 { margin:0;}
li { list-style:none; margin:0;}

h1 {
	font: 18px/35px "Times New Roman", Times, serif;
	color: #000;
	text-transform: uppercase;
	background: url(../../../Images/img-dotted-border.gif) repeat-x 0 100%;
	margin-bottom: 10px;
}
h2 {
	font: bold 12px "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 12px;
}
p {
	font: 12px/18px "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 17px;
}

	table {
	font: 12px/18px "Times New Roman", Times, serif;
	color: #333;
	}

.hideText {

	display: none;

}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding {
	height:102px;
	width: 100%;
	display: table;
}
.logo {
	background:url(../../../Images/logo.jpg) no-repeat;
	width:632px;
	height:67px;
	float:left;
}
.logo a {
	display:block;
	height:100%;
	text-indent:-5600px;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav {
	clear:both;
	background:url(../../../Images/menu.jpg) no-repeat;
	height:35px;
	font:10px Arial, Helvetica, sans-serif;
}
a.part-logo {
	float:left;
	width:140px;
	height:30px;
}
a.part-logo:hover {text-decoration:none;}

/*top-menu*/
.top-menu {
	float: right;
	padding: 50px 40px 0 0;
}
.top-menu li {
	display: inline;
	padding-left: 15px;
}
.top-menu li a {
	padding-right: 7px;
	background: url(../../../Images/img-black-arrow.gif) no-repeat 100% 50%;
	font: 11px "Times New Roman", Times, serif !important;
	color: #fff;
	text-transform: uppercase;
}
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {
	margin:0 auto;
	text-align: center;
	display:table;
	background:url(../../../Images/bg-container.gif) repeat-y;
	width: 918px;
}
.content {
	display:table;
	width:100%;
	background:url(../../../Images/bg-main1.jpg) no-repeat 0 100%;
	padding-bottom: 170px;
	text-align: left;
}
/*sidebar*/
#sidebar {
	float:left;
	width:244px;
	background: url(../../../Images/img-logo-part3.gif) no-repeat 28px 0;
	padding-top: 50px;
}

#homePage #sidebar {

	background-image: none;

}


.sidebox {width: 200px; padding: 0 6px 0 30px;} 
.weather {
	font-size: 10px;
	color: #fff;
	text-decoration: underline;
}
.weather:hover {text-decoration: none;}
/*member-form*/
.member-form {
	margin-top: 40px;
}
.member-form strong {
	font-size: 14px;
	color: #eddc97;
	display: block;
	font-weight: normal;
}
.member-form label {
	display: block;
	color: #fff;
	width: 100%;
	clear: both;
	font: bold 10px/14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.member-form input {float: left;}
.member-form .i-text {
	width: 127px;
	height: 17px;
	background: #fff;
	padding: 0;
	border: 1px solid #8d9082;
	margin-right: 6px;
}
.form-row {
	width: 100%;
	display: table;
}
.forgot {
	clear: both;
	display: block;
	width: 100%;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
}
.forgot:hover {text-decoration: none;}
/*content text*/
/*.content-text {
	width: 570px;
	padding: 9px 0 0 42px;
	float: left;
}*/
/*info-box*/
.info-box {
	width: 500px;
	background: url(../../../Images/img-dotted-border.gif) repeat-x;
	padding-top: 15px;
}
/*event-list*/
.event-list h3 {
	color: #c88b11;
	font: 12px "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-bottom: 7px;
}
/*boxes*/
.boxes {
	width: 100%;
	display: table;
}
.white-box {
	background: url(../../../Images/boxBg.gif) no-repeat;
	width: 220px;
	float: left;
	color: #333;
	margin-right: 11px;
	height: 208px;
        
}

	.white-box table img {
		display:block;
		width: 218px;
		height: 206px;
		margin: 1px 0 0 1px;
		}
		
		/*.white-box div a img {
			display: inline;
			width: 90px;
			height: 22px;
	
		}*/
		
		.white-box div {
			
	
		}

#leftBox {
	
}

#leftBox table {
	margin: 6px 8px 0;
	width: 200px;
	
}
.white-box strong, .white-box p {font: italic 11px/16px "Times New Roman", Times, serif;}
.white-box strong {
	
	
}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
/*footer area*/
#footer {
	clear:both;
	height: 80px;
	text-align: left;
}
.address {padding-left: 50px;}
.address li {
	display: inline;
	padding-left: 10px;
	background: url(../../../Images/img-footer-separator.gif) no-repeat 4px 50%;
	color: #fff;
	font: 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.address li.first {
	padding: 0;
	background: none;
}
/*visual2*/
.inner-page #sidebar {
	background: none;
	padding-top: 20px;
}
.inner-page .content-text {width: 600px !important;}
.visual2 {margin-left: 34px;}
/*white-border*/
.white-border {
	color: #fff;
	font-size: 14px;
	background: url(../../../Images/img-dotted-border-white.gif) repeat-x 0 100%;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 5px;
}

.sidebox h2.white-border {
	width: 180px;
	margin-right: 10px;
}
.signed {
	color: #fff;
	font: 9px "Times New Roman", Times, serif;
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
}
/*white-title*/
.white-title {
	font-size: 13px;
	line-height: 36px;
	font-weight: normal;
	text-transform: uppercase;
	color: #9f0218;
	margin: 0;
	background: #eff0f1;
	padding-left: 42px;
}
/*quick-links*/
.quick-links {padding: 14px 0 37px; width: 194px;
	margin-right: 10px;}
.quick-links li {
	width: 100%;
	vertical-align: top;
}
.quick-links a {
	display: block;
	font: 12px/26px "Times New Roman", Times, serif;
	color: #fff;
	text-transform: uppercase;
	padding-left: 29px;
	background: url(../../../Images/img-links-bullet.gif) no-repeat 0 50%;
}
/*archives*/
.archives {padding: 4px 0; width: 180px;
	margin-right: 10px;}
.archives li {margin-bottom: 6px;}
.archives a {
	color: #fff;
	font: 11px/14px "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-decoration: underline;
}
.archives a:hover {text-decoration: none;}
/*red-title*/
.red-title {color: #9f0218;}
/*main-column*/
.main-column {
	float: left;
	width: 360px;
	padding-bottom: 30px;
}
.main-column .event-list h3 {
	color: #333;
	margin-bottom: 3px;
}
/*explore-box*/
.explore-box {padding-top: 10px;}
.explore-box h3 {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
.day {
	font: 12px/20px "Times New Roman", Times, serif;
	color: #333;
	display: block;
	margin-bottom: 5px;
}
/*buttons*/
.buttons {
	width: 100%;
	display: table;
}
.buttons li {
	float: left;
	margin-right: 20px;
}
.buttons a {
	width: 126px;
	line-height: 20px;
	background: #cf8a15;
	color: #fff;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}
/*sub-column*/
.sub-column {
	float: right;
	width: 195px;
}
.sub-column .event-list {padding: 12px 0 0 2px;}
.sub-column .event-list h3 {
	color: #9f0218;
	margin-bottom: 2px;
}
.sub-column .event-list p {
	font-size: 11px;
	line-height: 16px;
	color: #333;
}
/*fotoer-logo*/
.fotoer-logo {
	width: 335px;
	float: left;
	background: url(../../../Images/img-footer-logo.gif) no-repeat;
	padding: 20px 0 22px 61px;
	color: #fff;
	font: 8px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 4px 0 0 15px;
	display: inline;
}
/*footer-columns*/
.footer-columns {
	margin-top: 10px;
	margin-left:410px;
	height:80px;
}

.footer-columns strong {
	color: #fff;
	line-height: 45px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	border-right: 1px solid #fff;
	float: left;
	padding-right: 17px;
	margin-right: 19px;
}
.footer-columns ul {
	float: left;
	margin-right: 19px;
	padding: 7px 0;
}
.footer-columns li {color: #fff;}
.footer-columns a {
	font-size: 12px;
	color: #fff;
}

	.footer-columnspriv {
	margin-top: 10px;
	margin-left:470px;
	height:80px;
	}
	
	.footer-columnspriv strong {
	color: #fff;
	line-height: 45px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	border-right: 1px solid #fff;
	float: left;
	padding-right: 17px;
	margin-right: 19px;
	}
	
	.footer-columnspriv ul {
	float: left;
	margin-right: 19px;
	padding: 7px 0;
	}
	
	.footer-columnspriv li {color: #fff;
	}
	
	.footer-columnspriv a {
	font-size: 12px;
	color: #fff;
	}	

/*member-form*/
#branding .member-form {
	float: right;
	margin: 0;
	width: 293px;
	padding-right: 33px;
}
#branding .member-form label {width: auto;}
#branding .member-form .form-row {
	float: left;
	width: auto;
	padding-right: 0;
}
#branding .member-form .btn-go {float: none;}
/*publick page*/
.publick .content {padding-bottom: 30px;}
.publick .quick-links {padding-bottom: 20px;}
.sub-column .red-title {
	font-size: 14px;
	line-height: 35px;
	text-transform: uppercase;
	color: #9f0218;
	background: url(../../../Images/img-dotted-border.gif) repeat-x 0 100%;
	font-weight: normal;
	margin: 0 0 7px;
}
.publick .content {background: url(../../../Images/bg-main3.jpg) no-repeat 244px 100%;}







#contentPage #contentWrapper {

	width: 674px;
	padding-bottom: 52px;
	float: right;

}

	#contentPage #contentWrapper .inside {

		width: 570px;
		margin: 0 52px;

	}
	
	#contentPage #mediaWindow {
		
		margin: 8px;
		text-align: center;
		width: 658px;
	
	}
	
		#mediaWindow img {
		
			display: block;
	
		}
		
	#nav .inside {
	
		margin:5px 0 0 28px;
		width:785px;
		height:30px;
		float:left;
		background:#000;
	
	}

	
	#homePage #mediaWindow,
	#pubHomePage #mediaWindow {
		
		margin: 0 auto;
		text-align: center;
		width: 918px;
	
	}
	
	
	#homePage #contentWrapper {
	
		width: 918px;
		margin: 0 auto;
		
		
	}
	
		
		
			#homePage #contentWrapper #columnWrap {
		
				width: 674px;
				float: right;
				padding: 20px 0;
				
			}
			
				#homePage #contentWrapper #columnWrap .main-column {
	
					width: 444px;
					float: left;
	
				}
				
					#homePage #contentWrapper #columnWrap .main-column {
	
					width: 360px;
					margin: 0 42px;
	
					}
				
				#homePage #contentWrapper #columnWrap .sub-column {
	
					width: 230px;
					float: right;
	
				}
				
					#homePage #contentWrapper #columnWrap .sub-column .inside{
		
						width: 188px;
		
					}

/*WEATHER SPECIAL STYLES----------*/
					
#weather {
padding-left:4px;
padding-top:7px;
width:235px;
}

#weather img {
width:40px
}
