/* CSS Document */

/* reset CSS styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, img, table, td, th, caption {
	margin:0;
	padding:0;
}

img {
	border:none;
}

ul, ol {
	list-style-type:none;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:400;
}

/* CSS for page regions */

body {
	background: url('images/background-img.jpg') repeat-x;
	font-family: Arial, sans-serif;
	font-size: 1em;
}

#main {
	background-color: #FFF;
	width: 900px; 
	border: 1px solid #dddddd;
	margin: 15px auto;
}

#footer {
	color: #FFF;
	background-color: #565656;
	padding: 1px 0 1px 8px;
	clear:both;
}

/* homepage regions */

#header {
	padding: 5px;
	background-color: #FFF;
}

#headerlogo {
	float: left;
	background-color: #FFF;
}

#headertext {
	padding: 75px 0 0 220px;
	background-color: #FFF;
}

#homecontainer {
	padding-bottom: 10px;
}

#homeleftcontent {
	padding-top: 500px;
	float: left;
	width: 600px;
}

#homerightcontent {
	padding-top: 500px;
	float: right;
	width: 200px;
	margin: 30px 50px 30px 0px;
}

#homebottomcontainer {
	padding: 50px 0px; 
	clear:both;
}

#homebottomright {
	background-color: #fff; 
	width: 250px;
	float:right;
	margin-right: 50px;
	margin-bottom: 30px;
}

#homebottomleft {
	background-color: #fff;
	width: 250px;
	float:left;
	margin-left: 30px;
	margin-bottom: 30px;
}

#homebottomcenter {
	background-color: #fff;
	width: 250px;
	float:right;
	margin-right: 25px;
}

/* top navigation */

#topnavcontainer {
	background: url('images/topnav-img.jpg') no-repeat;
}

#topnavbar {
	padding: 10px;
	margin: 10px 0 0 25px;
}

#topnavbar li {
	list-style: none;
	display: inline;
	margin-left: 2px;
	margin-right: 2px;
}

#topnavbar li a {
	padding: 9px 14px 11px 14px;
	text-decoration: none;
	font-family: Franklin_Gothic;
	font-size:18px;
	color: #FFFFFF;
}

#topnavbar li a:hover {
	color: #FFFFFF;
}

#topnavbar li a.currentgreen {
	background: url('images/topnav-hover-green.jpg') repeat-x;
}

#topnavbar li a.green:hover {
	background: url('images/topnav-hover-green.jpg') repeat-x;
}

#topnavbar li a.yellow:hover {
	background: url('images/topnav-hover-yellow.jpg') repeat-x;
	color: #3c53a4;
}

#topnavbar li a.currentblue {
	background: url('images/topnav-hover-blue.jpg') repeat-x;
}

#topnavbar li a.blue:hover {
	background: url('images/topnav-hover-blue.jpg') repeat-x;
}

#topnavbar li a.currentred {
	background: url('images/topnav-hover-red.jpg') repeat-x;
}

#topnavbar li a.red:hover {
	background: url('images/topnav-hover-red.jpg') repeat-x;
}

#topnavbar li a.currentyellow {
	background: url('images/topnav-hover-yellow.jpg') repeat-x;
	color: #3c53a4;
}


/* homepage carousel */

#wrapper {
	background-color: #fff;
	width: 100%;
	height: 450px;
	margin-top: -190px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
}

#carousel img {
	display: block;
	float: left;
}

#prev, #next {
	background-color: rgba(255, 255, 255, 0.7);
	display: block;
	height: 450px;
	width: 50%;
	top: 0;
	position: absolute;
}

#prev:hover, #next:hover {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
}

#prev {
	left: -495px;
}

#next {
	right: -495px;
}

#pager {
	margin-left: -470px;
	position: absolute;
	left: 50%;
	bottom: 10px;
}

#pager a {
	border: 2px solid #fff;
	border-radius: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
}

#pager a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

#pager a span {
	display: none;
}

#pager a.selected {
	background-color: #fff;
}

/* gallery carousel */
 
#galwrapper {
	width: 890px;
	height: 450px;
	margin: -125px 0 0 -445px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
}

#carousel-left,
#carousel-right {
	width: 450px;
	height: 325px;
	overflow: hidden;
	position: absolute;
	top: 65px;
	z-index: 1;
}

#carousel-left {
	left: 25px;
}

#carousel-right {
	right: 25px;
}

#carousel-center {
	width: 550px;
	height: 400px;
	overflow: hidden;
	position: absolute;
	top: 25px;
	left: 150px;
	z-index: 2;
}

.caroufredsel_wrapper {
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.3 );
}
.caroufredsel_wrapper img {
	display: block;
	float: left;
}

#prev,
#next {
	background: #ccc;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba( 0, 0, 0, 0.6 );
	line-height: 26px;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	z-index: 0;
}

#prev {
	left: 0;
}

#next {
	right: 0;
}

#prev:hover,
#next:hover {
	background: #bbb;
}

/* contentpage regions */

#contentcontainer {
	padding: 30px 30px 100px 30px;
	clear:both;
}

#contentleftcontent {
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 400px;
	clear:both;
}

#contentrightcontent {
	padding-top: 0px;
	float: right;
	width: 400px;
}

#contentcontainerfull {
	padding: 0 0 10px 0;
	clear:both;
}

#contentcontainergallery {
	padding: 30px 30px 600px 30px;
	clear:both;
}

#opleftcolumn {
	padding-left: 60px;
	padding-right: 0px;
	margin: 0px;
	width: 150px;
	float: left;
}

#oprightcolumn {
	padding: 0px 50px 0px 0px;
	margin: 0px;
	width: 575px;
	float: right;
}

/* paragraphs and headings */

p {
	font-family: Arial, sans-serif;
	padding: 10px 30px; 
	font-size: 0.85em;
	color: #49494a;
	line-height: 125%;
}

p.noindent{
	padding: 10px 0 ; 
	font-size: 0.85em;
}	

p.footer{
	padding: 5px 2px; 
	font-size: 0.75em;
	color: #d7d7d7;
}

p.bold {
	font-family: Arial, sans-serif;
	padding: 10px 30px 10px 30px; 
	font-weight: bold;
	font-size: 0.85em;
	color: #49494a;
}

p.boldnoindent {
	font-family: Arial, sans-serif;
	padding: 10px 0 5px 0; 
	font-weight: bold;
	font-size: 0.85em;
	color: #49494a;
}

p.light{
	padding: 5px 30px 10px 30px; 
	font-size: 0.70em;
	font-style: italic;
	color: #979796;
}

p.lightred{
	padding: 10px 30; 
	font-size: 0.70em;
	color: #f00;
}

p.italic{
	padding: 10px 0px 10px 30px; 
	font-size: 0.75em;
	font-style: italic;
}	

p.lightnoindent{
	padding: 10px 0; 
	font-size: 0.70em;
	font-style: italic;
	color: #979796;
}	

p.lightrednoindent{
	padding: 10px 0; 
	font-size: 0.70em;
	color: #f00;
}

p.blue {
	font-family: Arial, sans-serif;
	padding: 10px 30px; 
	font-weight: bold;
	font-size: 0.85em;
	color: #3c53a4;
}

.highlight {
	font-weight: bold;
}

h1 {
	padding: 20px 30px;
	text-decoration: none;
	font-family: Century_Schoolbook;
	font-size:26px;
	color: #3c53a4;
}

h2 {
	padding: 0px 30px;
	font-family: Franklin_Gothic;
	font-size:22px;
	color: #486932;
}

h2.noindent {
	padding: 10px 0 0 0;
	font-family: Franklin_Gothic;
	font-size:22px;
	color: #486932;
}

h2.toppadding {
	padding: 20px 30px 0px 30px;
	font-family: Franklin_Gothic;
	font-size:22px;
	color: #486932;
}

/* op dates */

p.pad1 {
	font-family: Arial, sans-serif;
	padding-bottom: 60px;
	font-size: 0.85em;
	color: #49494a;
}

p.pad2 {
	font-family: Arial, sans-serif;
	padding-bottom: 47px;
	font-size: 0.85em;
	color: #49494a;
}

p.pad3 {
	font-family: Arial, sans-serif;
	padding-bottom: 43px;
	font-size: 0.85em;
	color: #49494a;
}

p.pad4 {
	font-family: Arial, sans-serif;
	padding-bottom: 105px;
	font-size: 0.85em;
	color: #49494a;
}

p {
	font-family: Arial, sans-serif;
	padding: 10px 30px; 
	font-size: 0.85em;
	color: #49494a;
}

/* list */

ul {
	font-family: Arial, sans-serif;
	list-style-type: disc;
	font-size: 0.85em;
	color: #49494a;
	padding-left: 60px;
	padding-bottom: 10px;
	line-height: 140%;
}

ol {
	font-family: Arial, sans-serif;
	list-style-type: decimal;
	font-size: 0.85em;
	color: #49494a;
	padding-left: 60px;
	padding-bottom: 10px;
	line-height: 140%;
}

/* images */

img.padding {
	border:none;
	padding-top: 50px;
}

img.social {
	float:left;
	padding-right: 1em;
}

/* general links */

a:link {
	color: #ea2628;
	text-decoration: underline;
}  

a:hover {
	color: #ea2628;
	text-decoration: underline;
} 

a:visited {
	color: #ea2628;
	text-decoration: underline;
}

a.blue {
	color: #3c53a4;
	text-decoration: underline;
	background-color: none;
}