/*
	Description	:	Core Css
	Author		:	Ryan Roberts
	Client		:	
	
	Structure:		GENERAL
					MAIN STRUCTURE
					SUB STRUCTURE
					NAVIGATION
					MISC - float clearing & other stuff
*/
    
/*
	GENERAL
________________________________________________________________________________________ */

body {
	color: #424242;
	background: #f9f9f6 url(/images/style/images/interface/body.jpg) repeat-x center top;
	}

h1, h2, h3,
h4, h5, h6 {
	font: 18px Helvetica, Arial, Verdana, sans-serif;
    }

h4, h5, h6 {
	font-size: 14px;
    }

#content h1, 
#content h2 {
	font-size: 27px;
	color: #477788;
	padding-bottom: 4px;
	margin-bottom: 18px;
	border-bottom: 1px solid #d0d0d0;
	}

a,
a:link,
a:active,
a:visited {
    
    }
    
a:hover,
a:focus {
	
    }
    
/*
	MAIN STRUCTURE
	The main (first level) grid structure.
________________________________________________________________________________________ */

#header {
	position: relative;
	width: 960px;
	height: 163px;
	margin: 0 auto;
	background: transparent url(/images/style/images/interface/header-large-pub.jpg) no-repeat;
	}


#content {
	width: 702px;
	padding: 36px 27px 0 231px;
	margin: 1px auto 0;
	background: #fff;
	border-top: 1px solid #eaeaea;
	}


#utilities {
	float: left;
	font-size: 90%;
	width: 176px;
	margin: 0 0 0 -204px;
																	_margin: 0 0 0 -102px;
	}


#primary-content {
	width: 462px;
	float: left;
	}


#featured {
	width: 702px;
	float: right;
	margin: 36px 0 0;
	}


#footer {
	width: 906px;
	padding: 0 27px 45px;
	margin: 0 auto 36px;
	background: #fff url(/images/style/images/interface/footer.jpg) no-repeat center bottom;
	}
	
	
/*
	SUB STRUCTURE
	All content held "within" the first level grid structure.
________________________________________________________________________________________ */


/*	HEADER
------------------------------------- */

#header .logo  {
	text-indent: -9999px;
	}

#headerSearch {
	width: 250px;
	position: absolute;
	right: 0;
	bottom: 1px;
	}


	#headerSearch fieldset {
		padding: 7px 7px 6px;
		margin: 0;
		}

	#headerSearch legend {
		display: none;
		}


/*	PRIMARY CONTENT
------------------------------------- */

.splitContentOne,
.splitContentTwo {
	float: left;
	width: 333px;
	}

.splitContentTwo {
	float: right;
	}

#headerImage img {
	display: block;
	margin: 0 0 18px;
	}

#supportingContent {
	width: 222px;
	float: right;
	font-size: 11px;
	}

#newsletterSignup {
	width: 222px;
	float: right;
	font-size: 11px;
	background: #fff7c4 url(/images/style/images/interface/orangeGrad.jpg) no-repeat center bottom;
	/*-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;*/
	}

	#newsletterSignup h3 {
		color: #d5741d;
		font-size: 20px;
		padding: 18px 18px 0;
		margin: 0 0 9px;
		background: url(/images/style/images/interface/corners-top-mainsignup.png) no-repeat center top;
		}
	
	#newsletterSignup p {
		line-height: 1.3;
		padding: 0 18px;
		margin: 0 0 9px;
		}
	
	#newsletterSignup form {
		padding: 0 18px;
		}
	
	#newsletterSignup label,
	#newsletterSignup input {
		display: block;
		width: 96%;
		margin: 0 0 4px;
		}
		
		#newsletterSignup input.formButton {
			width: auto;
			}

	#newsletterSignup fieldset legend {
		display: none; /* hiding with absolute positioning doesn't work, need to find another way */
		}


#utilities #newsletterSignup {
	width: 180px;
	float: right;
	font-size: 11px;
	background: #ffdb9b url(/images/style/images/interface/greySmallGrad.jpg) repeat-x center bottom;
	}

	#utilities #newsletterSignup h3 {
		background-image: url(/images/style/images/interface/corners-top-SmallSignup.gif) ;
		}

#utilities h2,
#utilities h3,
#utilities h4,
#utilities h5,
#utilities h6 {
	font-size: 140%;
	margin-bottom: 4px;
	}



/*	FEATURED BOX
------------------------------------- */

#featured .item1,
#featured .item2,
#featured .item3 {
	width: 222px;
	float: left;
	padding: 7px 0 0;
	margin: 0 0 0 18px;
	border-top: 3px solid #ddd;
	}

#featured .item1 {
	margin: 0;
	}

#featured h1,#featured h2,
#featured h3,#featured h4,
#featured h5,#featured h6, #supportingContent h4 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px;
	border: none;
	}


/*	FOOTER
------------------------------------- */

#footerContent {
	padding: 18px 18px 0;
	background: #fbfbfb;
	border: 1px solid #d5d5d5;
	}

/* 
	NAVIGATION
	Main and sub navigation styling 
________________________________________________________________________________________ */

#main-navigation ul {
	margin: 0 0 36px;
	}

#main-navigation li a {
																	_width: 158px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	padding: 9px;
	border-bottom: 1px solid #d0d0d0;
	}

.nav li a {
	color: #888;
	}

.nav a:hover,
.nav .currentPage {
	font-weight: bold;
	color: #446e87;
	}

#main-navigation .currentPage {
	background: #fbfbfb;
	}




#header .breadcrumbs {
	position: absolute;
	top: 127px;
	left: 27px;
	list-style: none;
	font-size: 11px;
	line-height: 1;
	}

	#header .breadcrumbs li {
		float: left;
		color: #666;
		margin: 0;
		}

	#header .breadcrumbs li a {
		display: block;
		padding: 12px 9px 12px 18px;
		background: url(/images/style/images/interface/breadcrumb-arrow.gif) no-repeat left center;
		}

	#header .breadcrumbs li a:hover {
		font-weight: normal;
		}

	#header .breadcrumbs li a.currentPage:hover {
		font-weight: bold;
		}
	
	#header .breadcrumbs li.firstNavItem {
		padding: 12px 9px 12px;
		}

/*	SM ADDITIONS - to be reviewed */

.entry {

	padding:5px;
	margin:5px;
	border-bottom:1px solid #c0c0c0;

}

.entry p{
	margin:0;
}
div.posted {
	color:#808080;
	margin-bottom:5px;
}


/*	END SM ADDITIONS   */


/*	MISC - KEEP THIS STUFF AT THE BOTTOM!
	Clearfix class sucks, overflow hidden is only trustworthy in dev not on a live site.
________________________________________________________________________________________ */


/*	REMOVE FROM PAGE */

.accessLinks {
	position: absolute!important;
	top: -9999em!important;
	left: -9999em!important;
	}


/*	FLOAT CLEARING */

#header:after,
#content:after,
#primary-content:after,
#secondary-content:after,
#footer:after,
.nav:after,
fieldset:after,
form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* FLOAT CLEARING FOR INTERNET EXPLODER */
#header,
#content,
#primary-content,
#secondary-content,
#footer,
.nav,
fieldset,
form {
	zoom: 1;
	}


/* Like what you see here? Or maybe you hate it?