@import url(global_v1-2.css);
@import url(norfolk_css/modules.css);
@import url(norfolk_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 {
	
	font:24px Arial, Helvetica, sans-serif;
	color:#fff;

}


h2 {
	
	color: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #1263a8;
	font:700 14px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #468bc1;
	font:18px Arial, Helvetica, sans-serif;

}

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

}

h6 {
	
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;

}

p {
	
	color: #100901;
	font:12px/1.6 Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #100901;
	font:12px/1.6 Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color:#478ac4;
	font:700 12px Arial, Helvetica, sans-serif;
	text-decoration:none;

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background:#1363a8 url(../../../Images/site_bg.jpg) repeat-x;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/*---------------------------------
OVERRIDES ADMIN LOGIN CSS
----------------------------------*/

div#login_siteName {

	background:#4586bb url(../../../Images/adminLogin_bg.gif) top no-repeat;
	width: 390px;
	padding: 70px 0;
	text-align: center;
	float: left;
    border-right: 1px solid #1465a9;

}

/* SITE NAME */
div#login_siteName h1 {
	text-align: center;
	color: #000;
	font: 24px normal Georgia, "Times New Roman", Times, serif;
	border: none;
	margin: 5px 0 15px;
	padding: 0px;
	background: transparent none;
	text-decoration: none;
	
}

/* WEB ADMIN LOGIN */
div#login_siteName h2 {
	
	text-align: center;
	color: #fff;
	font: 20px normal Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	background: transparent none;
	text-decoration: none;
	
}

div#login_sideColumn a {

	color: #1263a8;
	font-size: 10px;
	text-decoration: none;

}
div#login_sideColumn a:hover {

	color: #0b497e;
	text-decoration: none;
	font-size: 10px;
}



/* 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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

#siteWrapper {

	width:960px;
	margin:0 auto;
	text-align:center;

}

#brandingWrapper {

	width:100%;
	margin:0 auto;
	text-align:center;
	background:url(../../../Images/nav_bg.gif) repeat-x;
	height:94px;
	
}

	#branding {
	
		width:960px;
		margin:0 auto;
		padding-top:10px;
	
	}
		
		#logo {
		
			float:left;
			width:320px;
			padding-top:13px;
		
		}
		
		#brandingInside {
		
			float:right;
			width:620px;
			
		}
		
			#login {
			
				text-align:right;
				width:620px;
				height:27px;
			
			}
			
				#login a,a.small,a.anchor,a.visited {
				
					color:#75a7d2;
					font:700 11px Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					
				}
				
				#login a:hover {
				
					color:#fff;
					font:700 11px Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					text-decoration:none;
					
				}
			
			#nav {
			
				width:620px;
				padding-top:10px;
			
			}
		
	#contentBorder {
	
		border:10px solid #1263a8;
		margin:0px 0px 30px;
		
	}
	
#contentArea {

	background:#fff;
	padding:20px;

}

#bottomBorder {

	background:url(../../../Images/bottom_border.gif) no-repeat;
	width:940px;
	height:7px;
	
}


/* -------------------------------------------------------------
= PUBLIC HOME
------------------------------------------------------------- */

#pubHome {

	width:940px;

}

#contentAreaPub {

	width:940px;
	text-align:center;
	background:#fff;

}


		#pubHome p {
		
			color:#1263a8;
			font:12px/1.6 Arial, Helvetica, sans-serif;
			
		}
		
		#pubHome a,a.small,a.anchor,a.visited {
		
			color:#478ac4;
			font:700 12px Arial, Helvetica, sans-serif;
			
		}

	#flash {
	
		width:940px;
	
	}
	
		#flash img {
		
			display:block;
			
		}
	
	#recentNews {
	
		background:#0b497e;
		text-align:left;
		height:70px;
		
	}
	
		#recentNews .inside {
		
			padding:15px 20px;
		
		}
		
			#recentNews h3 {
			
				color:#84b0d3;
				font:700 14px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				
			}
			
			#recentNews h5 {
			
				color:#84b0d3;
				font:14px Arial, Helvetica, sans-serif;
				display:inline;
				
			}
			
			#recentNews p {
			
				color:#fff;
				font:14px Arial, Helvetica, sans-serif;
				display:inline;
				
			}
			
			#recentNews a,a.small,a.anchor,a.visited {
			
				color:#87b3d5;
				font:14px Arial, Helvetica, sans-serif;
				text-transform:lowercase;
				text-decoration:underline;
				
			}
				
	
	#pubHomeLeft {
	
		float:left;
		text-align:left;
		width:310px;
	
	}
	
		#pubHomeLeft .inside {
		
			padding:35px 20px;
		
		}
		
	#pubHomeRight {
	
		float:right;
	
	}
	
		#pubHomeRight .inside {
		
			padding:35px 20px;
		
		}
	
/* -------------------------------------------------------------
= CONTENT PAGES
------------------------------------------------------------- */

#imgHeader {

	width:900px;
	background:#1263a8;

}

	#pageTitle {
	
		float:left;
		width:224px;
	
	}
	
		#pageTitle .inside {
		
			padding:120px 10px 10px 20px;
		
		}
		
	#imgArea {
	
		float:left;
		text-align:right;
		width:676px;
	
	}
	
		#imgArea img {
		
			display:block;
			
		}


	#contentSection {
	
		width:700px;
		
	}
	
		#contentSection .inside {
		
			padding-left:25px;
		
		}
		
	#crossMarketing {
	
		background:#dae8f2;
		width:675px;
		margin-top:25px;
		margin-left:25px;
	
	}
	
		#crossMarketing .inside {
		
			padding:20px;
		
		}
		
	#thumbnails {
	
		width:676px;
		margin-top:15px;
	
	}
	
		#thumbnails .inside {
		
			padding:20px 0px 20px 25px;
		
		}

/* -------------------------------------------------------------
= PRIVATE HOME 
------------------------------------------------------------- */

#pgHeader {

	width:900px;
	text-align:left;
	height:100px;
	background:#1263a8;
	
}

	#pgHeader .inside {
	
		padding:50px 20px 10px 35px;

	}
		
		#pgHeader table {
		
			color:#a0c3de;
			font:700 12px Arial, Helvetica, sans-serif;
			
		}
		
		#pgHeader h5 {
		
			color:#fff;
			font:700 12px Arial, Helvetica, sans-serif;
			display:inline;
			
		}
		
#contentAreaWrapper {

	text-align:left;
	width:900px;
	padding-top:30px;
	
}
	
#sideBar {

	float:left;
	width:200px;

}

	#sideBar .inside {
	
		padding-left:0px;
		padding-bottom:20px;
		
	}
	
	#sideBar .lower {
	
		padding-left:30px;
	
	}
	
#contentWrapper {

	float:right;
	width:700px;

}
	
	#contentMain {
	
		float:left;
		width:350px;
	
	}
	
		#contentMain .inside {
		
			padding-right:20px;
		
		}
		
	#contentSecondary {
	
		float:right;
		width:300px;
	
	}
	
		#contentSecondary .inside {
		
			padding:0px 20px;
		
		}
		
		#contentSecondary hr {
		
			border:4px solid #87b3d5;
			
		}
	


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

#footerWrapper {

	width:100%;
	margin:0 auto;
	background:url(../../../Images/footer_bg.gif) repeat-x;
	height:35px;

}

	#footer {
	
		width:940px;
		margin:0 auto;
		text-align:left;
		height:100px;
		
	}
	
		#footer .inside {
		
			padding:9px 0px;
		
		}
		
		#footer p {
		
			color:#99bfdc;
			font:10px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			
		}