/*** Uncle Boise CSS ****/

/*** Color Specs ***/
/*** Dark Blue		#000099		***/
/*** Dark Gray		#333333		***/
/*** Medium Gray	#666666		***/
/*** Light Gray		#999999		***/
/*** Orange				#FF6600		***/
/*** Green				#009900		***/

/*** Base Selectors - Universal properties ***/

	* {
		margin:0;
		font-family:verdana, geneva, arial, helvetica, sans-serif;
		padding:0;
	}

	body { 
		background:url(../images/skins/side-bg.png) repeat-x;
		background-color:#F0E68C;
	}	

	a {
    font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;	
		text-decoration:underline;
		color:#000099;
		cursor:pointer;
		border:0;
	}

	/*** Sets the text properties for all links when hovered over ***/
	a:hover { 
		text-decoration:underline;
		color:#0033FF; 
	}
	
	a:visited {
		color:#0033FF;
	}
	
	a.titleLink {
	  font-size:14px;
	}
	
	a.titleLink:hover {
	  font-size:14px;
	}

	/*** Default heading attributes set here ***/ 
	h2 {
		color:#000000;
		font-weight:bold;
		font-size:22px;
		margin-bottom:4px;
	}

	h3 {
		color:#000000;
		font-weight:bold;
		font-size:16px;
		margin-bottom:4px;
	}


	h4 {
		font-size:14px;
		font-weight:bold;
		color:#000000;
		margin:10px 0 0 0;
	}

/*** The font size and line height properties for the 
main text for all pages is set here ***/
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	margin-bottom:10px;
	padding:0 8px 15px 0;
}

del {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	margin-bottom:10px;
	padding:0 8px 15px 0;
}

em {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}

	/*** Shared Classes ***/
	.left { 
		float:left; 
	}
	.right { 
		float:right;
	}

/*** End Base Selectors ***/

/*** Body Structure ***/
/*** Wrapper -- This surounds the entire body content, including the navbar and the Header. Background color for the content area is set here as well as the appearance of the side borders. Margin attributes center the content on the page ***/
div#wrapper {
	width:1020px;
	margin:0 auto;
	background-color:#FFFFFF;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
}

/*** Nav bar -- refer to navbar.css in the CSS folder for the stylesheet for the top nav ***/


/*** Header -- The Header is taller than the header image by 20px to create the separator between
the Header and the body content ***/
div#header {
	background-color:#000000;
	height:auto;
	width:1020px;
	margin:0 auto;
	margin-bottom:2px;
}

div.headerImage {
	width:1020px;
	height:150px;
	margin:0 auto;
}

/*** This is the field that reports back the member name once the user is logged in ***/
.welcome {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	width:1018px;
	height:30px;
	padding:10px;
	margin:0;
}

/*** This is the username field ***/
.memberName {
	padding:0 28px 0 4px;
}

	/*** Member login stylesheet ***/
	.memberText {
		padding:2px 0 2px 0;
	}
	
	.memberCell {
		padding:2px 8px 2px 0;
	}

	.memberGo {
		padding:2px 0 2px 0; 
	}

	/*** This is the "forgot password" link ***/
	.memberLink {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:#FFFFFF;
	}
	/*** End Member login stylesheet ***/
/*** End Header ***/


/*** Container -- This is where the main body content is located, just below the Header. Includes all 3 columns. Background is set to transparent to show the wrapper  ***/
div#container {
	width:1020px;
	margin:0 auto;
	position:relative;
	background-color:transparent;
}

/*** Left Column -- This sets the width, float, alignment, and margins of the left column. The actual content classes set the individual 	padding for each element ***/ 
div#left-col {
	width:160px;
	text-align:left;
	float:left;
	background:#FFFFFF;
	margin:10px 10px 0 10px;
	height:auto;
	}

/*** Left column navigation panels - size and spacing set here ***/
div.nav-menu {
	width:160px;
	margin-bottom:10px;
}

/*** This sets the text floated over the top cap graphic on top of each menu pod ***/
div.nav-menu h2 {
	background:transparent url(../images/skins/menu-top.gif) no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:15px 0 0 10px;
	margin-bottom:-5px;
	height:17px;
}

/*** Top image on nav pods ***/
div.nav-menu .top {
	background:transparent url(../images/skins/nav_cap.gif) no-repeat;
	height:25px;
}

/*** Bottom image on nav pods ***/
div.nav-menu .bottom {
	background:transparent url(../images/skins/nav-btm.gif) no-repeat;
	height:20px;
	margin-bottom:0;
}

div.nav-menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

/*** The nav pod background is set here for the default state ***/
div.nav-menu li {
	overflow:hidden;
	width:160px;
	height:20px;
	margin:0;
	margin-bottom:-1px;
	background:transparent url(../images/skins/menu-item.png) no-repeat;
}

/*** The nav pod background is set here when the menu item is a link ***/ 
div.nav-menu li a {
	display:block;
	width:160px;
	height:20px;
	color:#000000;
	padding:3px 0 0 5px;
	overflow:hidden;
	font-size:10px;
	font-weight:bold;
	background:transparent url(../images/skins/menu-item.png) no-repeat;
	text-decoration:none;
}

/*** This is where the nav pod background is set to shift when hovered over - this is accomplished by moving the entire image -160 px. The amount shifted MUST match the image container size and the image size (160 px) ***/
div.nav-menu li a:hover {
	background:transparent url(../images/skins/menu-item.png) -160px 0 no-repeat;
	text-decoration:none;
	color:#000099;
}

li.menuTitle {
  text-align:left;
  font-size:14px;
	font-weight:bold;
	color:#000000;
	padding:5px 0 -2px 8px;
	overflow:hidden;
	width:160px;
	height:14px;
	margin:0 0 -2px 4px;
	border-bottom:3px solid #000000;
	background:transparent url(../images/skins/menu-item.png) no-repeat;
}

/*** End Left Column ***/


/*** Start Center Column -- This sets the size, spacing, and margins of the center content column ***/
div#content {
	width:488px;
	margin:0;
	padding-bottom:10px; 
	float:left;
	background-color:#FFFFFF;
	display:inline;
}

div#centerColumn {
	width:488px;
	margin:0;
	padding-bottom:10px; 
	float:left;
	background-color:#FFFFFF;
	display:inline;
}

/*** This is the main content area on the doubleColumn.jsp template ***/
div#mainColumn {
	width:850px;
	margin:0;
	padding-bottom:10px; 
	float:left;
	background-color:#FFFFFF;
	display:inline;
}

/*** This is the container for the other content areas in the center column. This provides the size and borders for the center column. 18 pixels narrower than the top and bottom cap graphics to allow a clean edge ***/
div.content-box {
	width:478px;
	margin:0;
	background-color:#FFFFFF;
	padding:4px;
}

/*** This is the div that actually holds the content ***/
.content-area {
	margin:10px 10px 10px 6px;
	width:468px;
}

/*** This sets the headings on each page, including the bottom border ***/
.heading{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	border-bottom:1px solid #000099;
	padding-bottom:2px;
	margin:6px 0 20px 0;
}

.content-area .byline {
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
}

/*** Start "More" - These are the configurables for the links at the bottom of the 
article teasers to take users to the rest of the article ***/
.more {
	text-align:right;
	padding-bottom:5px;
}

.more a {
	color:#000099;
	font-size:12px;
	border:0;
	font-weight:bold;
	padding-bottom:5px;
}

/***End "More" ***/
/*** End Main Content Area - Center column ***/


/*** Right Column ***/
/*** This is the wrapper for the right column. Size is set here. Spacing is set on the individual elements ***/
div#right-side {
	width:340px;
	float:right;
	margin:0 10px 0 0;
	padding:0;
} 

/*** End Right Column ***/


/*** Footer ***/
div#footer {
	width:1020px;
	height:27px;
	background-color:#000;
	font-size:11px;
	color:#999999;
	clear:both;
	padding-top:5px;
	margin:10px 0 0 0;
}

/*** This is the text located over the bottom bar graphic ***/
div#footer .copyright {
	float:left;
	padding:2px 0 0 10px;
	color:#FFFFFF;
}

a.footerLink {
	color:#FFFFFF
}	
/*** End Footer ***/


/*** Date Maker -- These are the properties for the actual text generated by the date maker ***/
#zipMessage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18pt;
	text-align:left;
}

.dateText {
	width:280px;
}

div.headerBannerBox {
	width:1020px;
	height:93px;
	margin-top:5px;
	padding:4px 0 4px 0;
	background-color:#FFFFFF;
}

div.headerBanner {
	width:495px;
	height:auto;
	margin:0 0 0 10px;
	float:left;
}

div.bigBanner {
	width:999px;
	height:auto;
	margin:0 10px 0 10px;
}

div.articleBanner {
	width:460px;
	height:auto;
	margin:10px 0 10px 4px;
	clear:both;
}

div#flashcontent {
  margin:10px 0 0 4px;
}

div#weatherman {
  margin:10px 0 10px 8px;
  width:321px;
  height:220px;
  border:1px solid #000000;
  padding:4px;
}

div.newswire-img {
  width:80px;
  height:80px;
  border:0;
}