@import url(global.css);
@import url(adminLogin.css);
@import url(Tippecanoe_css/modules.css);
@import url(Tippecanoe_css/plugins.css);


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

/////////////////////////////////////////////////////*/
body {
	background:#fff;
	color:#000;
}

h1 {
	color:#0d1b3c;
	font:400 30px "Times New Roman", Georgia, Times, serif;
	margin: 0 0 15px;
}

h2 {
	color:#222;
	font:400 14px "Times New Roman", Georgia, Times, serif;
	margin: 9px 0 5px;
	text-transform: uppercase;
	border-bottom: 1px dotted #222;
}

h3 {
	color:#555;
	font:400 17px "Times New Roman", Georgia, Times, serif;
	margin: 7px 0 4px;
}

h4 {
	color:#4A493D;
	font:400 15px "Times New Roman", Georgia, Times, serif;
	margin: 5px 0 3px;
}

h5 {
	color:#333;
	display:inline;
	font:400 12px "Times New Roman", Georgia, Times, serif;
}

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

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

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

a:hover {
	color:#263965;
	font:inherit;
	text-decoration:underline;
}

.page {
	background: #071536 url(../../../Images/site_bg.gif) center top repeat-y;
	font:400 12px Arial, Verdana, sans-serif;
}

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

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

.hide-text { display: none; }

.site_wrapper {

	margin: 15px auto 0;
	width: 800px;
	background: url(../../../Images/page_bg.gif) center top repeat-y;
	text-align: left;

}

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

#header {

	background: url(../../../Images/header_bg.jpg) left top no-repeat;
	height: 131px;
	position: relative;

}

#util_nav {

	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 230px;
	top: 25px;

}

	#util_nav li {
	
		display: inline;
		list-style: none;
		padding: 2px 0 2px 15px;
		margin: 0 0 0 5px;
	}
	
	#util_nav #home {
	
		background: url(../../../Images/util_home.gif) left 50% no-repeat;
		
	
	}
	
	#util_nav #contact {
	
		background: url(../../../Images/util_contact.gif) left 50% no-repeat;
	
	}
	
	#util_nav #employment {
	
		background: url(../../../Images/util_employ.gif) left 50% no-repeat;
	
	}
	
	#util_nav li a {
	
		font: 400 10px "Times New Roman", Times, serif;
		color: #263965;
		text-transform: uppercase;
	
	}
	#util_nav li a:hover { text-decoration: none; }


#login_wrapper {

	position: absolute;
	right: 25px;
	top: 25px;
	padding-top:25px;
}

#nav {

	position: absolute;
	left: 230px;
	top: 96px;
	height: 35px;

}

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

#sidebar {

	float: left;
	width: 230px;

}

#side_nav {

	background: url(../../../Images/sideBar_top.jpg) left top no-repeat;
	min-height:348px;
  	height:auto !important;
  	height:348px;
}

	#side_nav .inside {
		
		padding: 95px 20px 20px 30px;
		width: 180px;
		
	}
	
.side_callOut {

	padding: 15px 20px 10px 30px;

}


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

#contentArea {

	float: right;
	width: 570px;

}

.contentWrapper {
	color:#4A493D;
}


#weather_wrapper {

	padding: 0 40px 0 0;

}

#contentMain {
}

#pub-content {
	
}

#pub-content #contentMain {
	padding-left: 45px;
}

	#pub-content #contentMain .inside {
		
		padding: 30px 0 20px 0;
		width: 490px;

	}

#contentSecondary {

}

	#contentSecondary .inside {
	
		padding: 35px 40px 20px 45px;
	
	}


/***************************************************************************
= FOOTER 
****************************************************************************/

#footer,
#priv-footer {

	background: url(../../../Images/pageBot_bg.gif) center top no-repeat;
	padding: 20px 0 15px;
	margin: 0 auto;
	width: 800px;
	text-align: center;
	font-size: 10px;
	color: #fff;

}

	#footer p,
	#priv-footer p {
	
		color: #fff;
		line-height: normal;
	
	}
	
#footer_links {

	margin: 10px 0;
	padding: 0;
	list-style: none;

}

	#footer_links li {
	
		display: inline;
	
	}
	
		#footer_links li a {
		
			color: #efc000;
			text-transform: uppercase;
		
		}


/***************************************************************************
= PRIVATE 
****************************************************************************/

/* change bg repeating bg to remove left column */
#mp-priv, #mp-mod{

	background: url(../../../Images/priv-page_bg.gif) center top repeat-y;

}

/* move logo to top left and not overlap sidebar */
#mp-priv #header,  #mp-mod #header {

	background: url(../../../Images/priv-header_bg.jpg) left top no-repeat;

}

/* extend content area across screen */
#mp-priv #contentArea{
	background: url(../../../images/fyiSidebar.gif) repeat-y;
	float: none;
	width: 800px;
}

.side_callout .inside {
	width: 180px;
}

#mp-mod #contentArea {
	float: none;
	width: 760px;
} 

#mp-mod #contentArea .inside {
	padding: 0 0 0 20px;
}

/* move top links to the right */
#mp-priv #util_nav, #mp-mod #util_nav { 

	left: 635px;
	top: 25px;

}

/* move main nav to the left closer to logo */
#mp-priv #nav, #mp-mod #nav {

	left: 131px;

}



/* change bg image to remove left column */
#priv-footer {

	background: url(../../../Images/priv-pageBot_bg.gif) center top no-repeat;

}

#priv-footer.contentPage {
	background: url(../../../Images/privContent-pageBot_bg.gif) center top no-repeat;
}

span.hideText {
	diaply:none;}

#loginWrap {
	margin:0 auto;}
	
#loginLogo {
	background:url(../../../Images/login-v4.jpg) top center no-repeat;
	margin:0 auto;
	min-height:764px;
	height:auto !important;
	height:764px;}
	
	#loginLogo .inside {
		padding-top:460px;}
		
.advLogUsername, .advLogPassword {
	width:170px;
	background:url(../../../Images/bg_login.jpg) #fff top center repeat-x;
	border:1px solid #C98E0F;
	height:19px;
	font-size:10px;
	}
	
#username, #password, #login_cookieMessage {
	font: 10px Arial, Helvetica, sans-serif;
	color:#e2e2e2;}
	
#login_forgotPassword {
	display:inline;}

#login_forgotPassword a {
	color:#c18308;
	}
	
	#login_forgotPassword a:hover {
		color: #e3b626;}
	
#loginWrap #loginLogo #login_link {
	float:right;
	padding-top:2px;}
	
#loginWrap #loginLogo #login_cookieMessage {
	float:left;}
	
.links {
	padding-top:10px;}
	
#loginWrap #loginLogo .inside .links {
	color:#c18308;}
	
	#loginWrap #loginLogo .inside .links a {
		color:#c3860a;}
		
		#loginWrap #loginLogo .inside .links a:hover {
			color:#e3b626;}
			
			#loginWrap #loginLogo .details td {
				color:#fff;}
				
				#loginWrap #loginLogo .details  a {
					color:#c3860a;}
					
					#loginWrap #loginLogo .details a:hover {
						color:#e3b626;}
						
#loggedIn td {
	color:#fff;}
	
	#loggedIn a {
		color:#c3860a;}
		
		#loggedIn a:hover {
			color:#e3b626;}
/*************************************************************************
= PRIVATE CONTENT
*************************************************************************/

#priv-home #contentMain,
#priv-content #contentMain {

	float: right;
	width: 570px;

}

	#priv-home #contentMain .inside,
	#priv-content #contentMain .inside {
	
		padding: 20px 0;
		margin: 0 30px;
		width: 510px;
	
	}

#priv-contentArea #priv-home #contentMain {
	float: none;
	width: 800px;
}

#priv-contentArea #priv-home #pub-content #contentMain {
	padding: 0;
}

#priv-contentArea #priv-home #contentMain .inside {
	width: 690px;
	margin: 0 0 0 60px; 
}

#priv-home #sidebarWrapper {
	background: #f8d94b url(../../../images/privSidebar_top.gif) repeat-x bottom left;
	margin-left: 20px;
}

#priv-home #sidebarWrapper .side_callOut {
	margin-left: -20px;
}

#banner_homeTable {
	display: none;
	visibility: hidden;
}