/*	www.surfpiggie.com 
	Surfpiggie CSS Document 
	last updated: 03-11-06
*/

/* Globals */

BODY {
	background: #FFF url('images/background.jpg') repeat-x top center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0; margin: 0; border: 0px none
	}
#siteContainer {
	margin: 0px auto;
	width: 724px;
	background: #FFF
	}

/* Site Body Elements */
#siteBody {
	margin: 0 22px 0 172px;
	}
#siteBody h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #000000;
	}
.newsBox {
	float: left;
	width: 254px;
	margin-right: 7px;
	}
.eventsBox {
	float: left;
	width: 254px;
	margin-left: 7px;
	}
.calendarBox {
	float: left;
	width: 254px;
	margin-left: 7px
}
.newsBox h3, .eventsBox h3, .calendarBox h3 {
	background: #ccc url('images/ipa_h3bg.gif') top left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #229b62;
	text-transform: uppercase;
	margin: 0; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
	}
.newsItem, .eventItem {
	margin: 0;
	padding: 5px;
	background: #fafafa;
	border-bottom: 2px solid #e7e7e7;
	font-size: 0.9em;
	}
.clearOut {
	clear: both;
	}
	
/* Navigation Elements */
#siteNavigation {
	float: left;
	margin: 5px 0 0 0px;
	width: 150px;
	}
#navList {
	list-style-type: none;
	border-top: 5px solid #C69968;
	border-bottom: 1px solid #5689F4;
	margin: 0; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	}
#navList li {
	background: #eee;
	border-bottom: 1px solid #ffffff;
	}
#navList a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #000000;
	}
#navList a:hover {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #000000;
	background: #888888;
	}
#navList .selected a {
	display: block;
	background: #5689F4;
	color: #FFF;
	}

/* Footer Elements */
#siteFooter {
	margin: 0 0 0 152px;
	text-align: right;
	padding: 4px;
	border-top: 3px solid #5689F4;
	background: #ffffff;
	font-size: 0.8em;
	color: #000000;
	}
#siteFooter a {
	text-decoration: none;
	color: #FFF;
	margin: 0 0 4px 0
	}