/* SPUC 2 Column Styles */



/* Stuff  _____________________________________________________________________ */


* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../images_body/bckgrnd01.jpg) repeat-x;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1em;
}

p {
	font-size: 0.875em;
	line-height: 1.3em;
	color: #666666;
}

h1 {
	margin: 10px 0px;
	padding: 0px;
	color: #99AA11;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}

h2 {
	margin: 10px 0px;
	padding: 0px;
	color: #99AA11;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
}

	
	.date {    /* ___ For News Page ___ */
	font-size: 0.7em;
	font-weight: normal;
	color: #6688AA;
	margin-bottom: -7px;
	}

h3 {
	margin: 10px 0px;
	padding: 0px;
	color: #FF6600;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
}

h4 {    /* ___ For Sidebar Head ___ */
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #333333;
	text-transform: uppercase;
	padding-left: 28px;
	padding-top: 7px;
}

h5 {    /* ___ For Sidebar Body Header ___ */
	font: bold 0.775em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 5px;
	color: #FFFFFF;
}

			h5.grey {    /* ___ For Sidebar Grey Body Header ___ */
				font: bold 0.76em Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				padding-top: 5px;
				color: #666666;
			}
			
			
hr {
	background: #CCCCCC;
	height: 3px;
	border-style: none;
	margin: 15px 0px 25px;
	clear: both;
}

blockquote {
	margin: 0px auto 20px;
	padding: 10px;
	width: 425px;
	border: 6px double #6688AA;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #6688AA;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	
}


/* Images ____________________________________________________________________ */

img {
	border-style: none;
}

.floatleft {
	float: left;
	margin-right: 15px;
}

.floatright {
	float: right;
	margin-left: 15px;
}

.center {
	margin: 0px auto;
}


/* Thumbnails ____________________________________________________________________ */

.thumbleft {
	margin: 0px 20px 0px 10px;
	padding: 0px;
	float: left;
	border: 3px solid #6688AA;
}


/* Wrappers  _____________________________________________________________________ */

#wrapall {
	margin: 0px auto 0px;
	padding: 0px;
	width: 760px;
}

#wrappernavmain {
	padding: 0px;
	float: left;
	width: 760px;
	height: 51px;
}

#wrapperphoto {
	margin: 6px 0px 0px;
	padding: 0px;
	float: left;
	width: 760px;
	height: 167px;
	background: #AABB33;
}

/* ___ This is to get the background image on the main body ___ */
#wrapall_body {
	background: url(../images_body/body_sides.png) repeat-y;
	float: left;
	width: 760px;
}

#wrappercontent {
	float: left;
	width: 565px;
	text-align: justify;
}

			#wrappercontent p {
				padding-bottom: 25px;
			}

			#wrappercontent a {
				color: #6688AA;
				text-decoration: underline;
			}
			
			#wrappercontent a:hover {
				color: #99AA11;
				text-decoration: none;
			}
			
			#wrappercontent ul {
				font-size: 0.875em;
				line-height: 1.5em;
				color: #666666;
				margin-left: 30px;
				list-style: square;
				margin-bottom: 20px;
			}
			
			#wrappercontent li {
			}
			
			
/* ___ Multi DIV for 2 column pages ___ */
#multi_div {
	margin: 0px auto;
	padding: 0px;
	float: left;
	width: 400px;
}

			.multi_div_33 {
				float: left;
				width: 33%;
			}
			
			.multi_div_50L {
				float: left;
				width: 275px;
				text-align: center;
			}
			
			.multi_div_50R {
				float: right;
				width: 275px;
				text-align: center;
			}
			
			
/* ___ Footer styles ___ */
#wrapperfooter {
	clear: both;
	height: 43px;
	width: 760px;
	background: url(../images_body/footer.png) no-repeat;
}

			#wrapperfooter p {
				font: .6em Arial, Helvetica, sans-serif;
				color: #666666;
				margin: 0px;
				padding: 14px 0px 0px;
				text-align: center;
				letter-spacing: .05em;
			}
			
			
/* Sidebars  _____________________________________________________________________ */

#sidebarleft {
	width: 162px;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
}

#sidebarchunkleftwrap {
	width: 147px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#sidebarchunkhead {
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

			#sidebarchunkhead.blue {
				background: url(../images_body/side_head_blue.jpg) no-repeat;
			}

			#sidebarchunkhead.green {
				background: url(../images_body/side_head_green.jpg) no-repeat;
			}

			#sidebarchunkhead.grey {
				background: url(../images_body/side_head_grey.jpg) no-repeat;
			}
			
			
#sidebarchunkbody {
	padding-left: 9px;
	padding-right: 9px;
}


			#sidebarchunkbody p {
				padding-top: 5px;
				font: .75em/1.2em Verdana, Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				padding-bottom: 5px;
			}
			
			#sidebarchunkbody p.note {
				font: .65em/1.1em Verdana, Arial, Helvetica, sans-serif;
			}

			#sidebarchunkbody.blue {
				background: url(../images_body/side_body_blue.jpg) repeat-y;
			}
			
						#sidebarchunkbody.blue a {
							color: #FFFFFF;
							text-decoration: underline;
						}
						
						#sidebarchunkbody.blue a:hover {
							color: #335566;
							text-decoration: none;
						}
						
			#sidebarchunkbody.green {
				background: url(../images_body/side_body_green.jpg) repeat-y;
			}
			
						#sidebarchunkbody.green a {
							color: #FFFFFF;
							text-decoration: underline;
						}
						
						#sidebarchunkbody.green a:hover {
							color: #666633;
							text-decoration: none;
						}
						
			#sidebarchunkbody.grey {
				background: url(../images_body/side_body_grey.jpg) repeat-y;
			}
			
						#sidebarchunkbody.grey p {
							color: #666666;
						}
						
						#sidebarchunkbody.grey a {
							color: #666666;
							text-decoration: underline;
						}
						
						#sidebarchunkbody.grey a:hover {
							color: #000000;
							text-decoration: none;
						}
						
#sidebarchunkbody ul {
	list-style: url(none) none;
	padding: 5px 0px 0px;
}
			
#sidebarchunkbody li {
	font: bold 0.75em/1.6em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	list-style: url(none) none;
	text-transform: uppercase;
	text-decoration: none;
}
						
#sidebarchunkfooter {
	clear: both;
	height: 8px;
	margin-bottom: 15px;
}

			#sidebarchunkfooter.blue {
				background: url(../images_body/side_foot_blue.jpg) no-repeat;
			}
			
			#sidebarchunkfooter.green {
				background: url(../images_body/side_foot_green.jpg) no-repeat;
			}
			
			#sidebarchunkfooter.grey {
				background: url(../images_body/side_foot_grey.jpg) no-repeat;
			}