/* ------------------------------ BEGIN Global Styles ------------------------------ */

@import url("../../global/CSS/global.css");

/* ------------------------------ END Global Styles ------------------------------ */

/* BE SURE TO COPY YOUR CLIENT STYLES IN THIS MASTER.CSS IN ORDER FOR THE EDITOR TO IMPLEMENT THE CLIENT STYLES-
YOU HAVE TO LOAD THEM UP SEPARATELY AS CLIENT.CSS AS WELL */

/* UNIVERSAL */

body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, form, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}

fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background-color: #2F779B;
	margin: 0px;
	background-image: url(/sitefiles/1259/Images/bk.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
}

hr {
	border: 0;
	width: 100%;
	color: #262626;
	background-color: #262626;
	height: 1px;
	line-height: 1px;
	margin: 10px 0px;
	padding: 0px;
}

ul li {
	padding: 0 0 0 15px;
	margin: 0px;
	background: url(../Images/bullet.gif) no-repeat 0em 0.5em;
	list-style: none;
}

/* TYPE */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696962;
}

.bodyoptional {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 19px;
	color: #696962;
	font-style: italic;
}

.bodyTabs {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 14px;
	color: #455560;
}

a:link, a:visited, a:active {
	color: #DF8000;
	text-decoration: underline;
}

a:hover {
	color: #DF8000;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

h1 {
	font-size: 25px;
	line-height: 35px;
	color: #696962;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	line-height: 35px;
	color: #275B7C;
}

h3 {
	font-size: 22px;
	line-height: 30px;
	color: #939389;
}

h4 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 30px;
	color: #275B7C;
	font-weight: bold;
	text-transform: uppercase;
}

h5 {
	font-size: 22px;
	line-height: 30px;
	color: #DF8000;
}

/* OTHER TYPE */

.swcredit {
	font-size: 9px;
	color: #7b7458;
}

a.swcredit:link, a.swcredit:visited {
	color: #7b7458;
	text-decoration: none;
}

a.swcredit:hover, a.swcredit:active {
	color: #333;
	text-decoration: underline;
}

/* SEARCH */

#search {
	float: left;
	width: 250px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 50px;
	background-image: url(/sitefiles/1259/Images/search.gif);
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 15px;
	background-color: #183D4F;
}

.searchField {
	color: #FFF;
	width: 250px;
	border: 0px;
	margin: 0px;
	background: none;
	float: right;
}

.searchButton {
	visibility: hidden;
	display: none;
	width: 0px;
}

.pageSearchTitle {
	font-size: 14px;
	line-height: 18px;
	color: #455560;
}

a.pageSearchTitle {
	font-size: 14px;
	line-height: 18px;
	color: #455560;
	text-decoration: none;
}

a.pageSearchTitle:hover {
	font-size: 14px;
	line-height: 18px;
	color: #455560;
	text-decoration: underline;
}

/* MAIN NAV */

#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}

#mainnav li ul {
	display: none;
}

#mainnav li {
	padding: 0px;
	margin: 0px;
	height: 40px;
	float: left;
	background: none;
}

#mainnav a {
	line-height: 40px;
	color: #FFF;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #235B78;
}

#mainnav a:hover {
	line-height: 40px;
	color: #FFF;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #183D4F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #235B78;
}

#mainnav a.current {
	line-height: 40px;
	color: #455560;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #235B78;
}

/* SUB NAV */

#subnavWrapper {
	float: left;
	width: 220px;
	padding: 20px;
	background-color: #EEEEE3;
}

*html #subnavWrapper {
	width: 260px;
	w\idth: 220px;
}

#subnavWrapper p {
	display: none;
}

#subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: none;
}

#subnav li {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 220px;
	background: none;
}

#subnav a {
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #939389;
	color: #939389;
}

#subnav a:hover {
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #FFF;
	color: #939389;
	background-color: #FFF;
}

#subnav a.current {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #939389;
	color: #FFF;
	background-color: #939389;
}

/* PARENT STYLE- THIS JUST NEEDS TO BE THE SAME DIV NAME AS THE CONTAINING SUBMENU CONTAING DIV NAVE */

#subnavWrapper h2 {
	font-size: 20px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #939389;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
}

#subnavWrapper h2 a {
	font-size: 20px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #696962;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
}

#contentRightSmall {
	float: left;
	padding: 10px 20px 2px;
	width: 240px;
}

#contentRightSmall h4 {
	margin-bottom: 10px;
}

/* breadcrumb */

#breadcrumb {
	float: left;
	width: 620px;
	text-align: left;
	margin-bottom: 20px;
}

#breadcrumb ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#breadcrumb li {
	margin: 0px;
	float: left;
	background: none;
}

#breadcrumb a {
	padding: 0 0 0 20px;
	font-size: 10px;
	display: inline;
	text-decoration: none;
	color: #939389;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;
}

#breadcrumb a:hover {
	padding: 0 0 0 20px;
	font-size: 10px;
	display: inline;
	text-decoration: none;
	color: #696962;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;
}

#breadcrumb a.first {
	padding: 0px;
	font-size: 10px;
	display: inline;
	text-decoration: none;
	color: #939389;
	background: none;
	margin-left: -15px;
}

#breadcrumb a.first:hover {
	padding: 0px;
	font-size: 10px;
	display: inline;
	text-decoration: none;
	color: #696962;
	background: none;
	margin-left: -15px;
}

#breadcrumb a.current {
	padding: 0 0 0 20px;
	font-size: 10px;
	display: inline;
	text-decoration: none;
	color: #262626;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;
}

/* WRAPPERS */

#topWrapper {
	background: url("/sitefiles/1259/images/top-bg.jpg") repeat-x scroll 0 0 #2D5B7A;
	float: left;
	height: 150px;
	text-align: left;
	width: 100%;
}

#mainnavWrapper {
	border-left: 1px solid #235B78;
	bottom: 0;
	float: right;
	height: 40px;
	left: -1px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
}

#contentWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-image: url(/sitefiles/1259/Images/bk-content.gif);
	background-repeat: repeat-x;
}

#footerWrapper {
	width: 100%;
	float: left;
	text-align: left;
}

/* TOP */

#top {
	height: 150px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 940px;
}

#logo {
	color: #FFFFFF;
	float: left;
	height: 61px;
	padding-left: 15px;
	padding-top: 20px;
	position: absolute;
	width: 247px;
}

/* CONTENT */

.clear {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#content {
	margin: 0px auto;
	width: 940px;
	background-color: #FFFFFF;
	position: relative;
}

#contentLeft {
	float: left;
	width: 620px;
	background-color: #FFFFFF;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

* html #contentLeft {
	width: 640px;
	w\idth: 620px;
}

#contentRight {
	float: right;
	width: 260px;
	padding: 20px;
	background-color: #FFFFFF;
}

* html #contentRight {
	width: 236px;
	w\idth: 179px;
}

#contentTop {
	height: 340px;
	padding: 20px;
	width: 900px;
	background-color: #FFFFFF;
	overflow: hidden;
}

#flash {
	float: left;
	height: 340px;
	margin-bottom: 20px;
	width: 900px;
}

#contentBottom {
	background-color: #FFFFFF;
	height: 220px;
	padding: 0 20px 20px;
	width: 900px;
}

/* FOOTER */

#footer {
	margin: 0px auto;
	width: 940px;
	position: relative;
}

/* DEFAULT CONTENT */

#footerRight {
	float: right;
	width: 260px;
	font-size: 11px;
	color: #9FCDEE;
	margin-right: 20px;
	padding-top: 14px;
}

#footerRight td {
	color: #9FCDEE;
	font-size: 11px;
}

#footerRight a {
	color: #9FCDEE;
	text-decoration: none;
}

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

#footerLeft {
	float: left;
	width: 350px;
	margin-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	color: #9FCDEE;
}

#footerLeft td {
	color: #9FCDEE;
	font-size: 11px;
}

#footerLeft a {
	color: #9FCDEE;
	text-decoration: none;
}

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

* html #footerLeft {
	width: 370px;
	w\idth: 350px;
}

#mission {
	width: 292px;
	position: absolute;
	left: 275px;
	top: 45px;
}

#tagline {
	float: right;
	margin-top: 45px;
}

#utility {
	background-image: url(/sitefiles/1259/Images/bk-utility.gif);
	background-repeat: no-repeat;
	height: 48px;
	padding: 14px 0 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 53px;
	width: 295px;
}

* html #utility {
	width: 300px;
	w\idth: 295px;
}

.utility {
	font-size: 10px;
	color: #FFF;
	padding-right: 10px;
}

a.utility:link, a.utility:visited {
	color: #FFF;
	text-decoration: none;
}

a.utility:hover, a.utility:active {
	color: #9FCDEE;
	text-decoration: none;
}

.utilityB {
	font-size: 10px;
	color: #FFF;
}

a.utilityB:link, a.utilityB:visited {
	color: #FFF;
	text-decoration: none;
}

a.utilityB:hover, a.utilityB:active {
	color: #9FCDEE;
	text-decoration: none;
}

#Homeslider {
	background-image: url(/sitefiles/1259/Images/bk-slider.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 560px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	position: relative;
}

* html #Homeslider {
	width: 620px;
	w\idth: 560px;
}

#footerTop {
	float: left;
	width: 900px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

* html #footerTop {
	width: 940px;
	w\idth: 900px;
}

.footer {
	font-size: 11px;
	color: #9FCDEE;
}

a.footer:link, a.footer:visited {
	color: #9FCDEE;
	text-decoration: none;
}

a.footer:hover, a.footer:active {
	color: #FFF;
	text-decoration: underline;
}

th {
	font-size: 13px;
	color: #FFF;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

th a:link, th a:visited {
	color: #FFF;
	text-decoration: none;
}

th a:hover, th a:active {
	color: #FFF;
	text-decoration: underline;
}

#footerMid {
	float: left;
	width: 250px;
	padding-top: 20px;
}

#footerMid td {
	color: #9FCDEE;
	font-size: 11px;
}

#footerMid a {
	color: #9FCDEE;
	text-decoration: none;
}

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

td {
	text-align: left;
	vertical-align: top;
}

#footerBottom {
	float: left;
	width: 940px;
	margin-bottom: 20px;
}

#footerA {
	float: left;
}

#footerB {
	float: right;
}

#footerB a {
	color: #9FCDEE;
	text-decoration: none;
}

#footerB a:hover {
	color: #FFF;
}

#tab {
	background-color: #EEEEE3;
	float: left;
	height: 340px;
	width: 260px;
}

.tabset {
	width: 260px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

* html .tabset {
	width: 260px;
	overflow: auto;
	margin: 0;
	padding: 0;
}

.tabset li {
	margin: 0;
	display: inline;
	float: left;
	background: none;
	padding: 0;
}

.tabset li a {
	display: block;
	width: 90px;
	height: 20px;
	background: url(/SiteFiles/1259/Images/tabset-item.jpg) no-repeat;
	padding: 10px 20px;
}

.tabset li a span {
	display: block;
	height: 20px;
	overflow: hidden;
	background-repeat: no-repeat !important;
	text-indent: -9999px;
	cursor: pointer;
}

.tabset li a span.new {
	background: url(/SiteFiles/1259/Images/tabset-link-1.png);
}

.tabset li a span.attenders {
	background: url(/SiteFiles/1259/Images/tabset-link-2.png);
}

.tabset li a.active, .tabset li a:hover {
	background-position: 0 100%;
}

* html .tabset li a span.new {
	background: url(/SiteFiles/1259/Images/tabset-link-1.gif);
}

* html .tabset li a span.attenders {
	background: url(/SiteFiles/1259/Images/tabset-link-2.gif);
}

.tabsetbox {
	width: 220px;
	height: 270px;
	overflow: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

* html .tabsetbox {
	width: 260px;
	w\idth: 220px;
}

.browse {
	font-size: 17px;
	color: #455560;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

/* events */

p.upcoming-events-date {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #404040;
	color: #FFFFFF;
	float: left;
	font-size: xx-small;
	margin: 0;
	padding: 4px 7px;
}

.upcoming-events-name {
	float: left;
	margin: 8px 0 0 10px;
	padding-bottom: 5px;
}

span.upcoming-events-month {
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 9px;
	text-align: center;
	text-transform: uppercase;
}

span.upcoming-events-date {
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	margin: 0;
	padding: 0;
	text-align: center;
}

span.upcoming-events-weekday, span.upcoming-events-date-separator, span.upcoming-events-time {
	display: none;
}

.upcoming-events-wrapper ul li {
	background: none repeat scroll 0 0 transparent;
	height: 28px;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 20px;
}

.weekend {
	background-color: #EEEEE6;
}

#footerContainer {
	float: left;
	width: 900px;
}

#footerContainer td {
	color: #9FCDEE;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

#footerContainer a {
	color: #9FCDEE;
	text-decoration: none;
}

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

.footerHeader {
	font-size: 13px;
	color: #FFF;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

a.footerHeader:link, a.footerHeader:visited {
	color: #FFF;
	text-decoration: none;
}

a.footerHeader:hover, a.footerHeader:active {
	color: #FFF;
	text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------------------------------- Work Styles */

#workWrapper {
	background: url("/sitefiles/1259/Images/bk-slider.jpg") repeat-x scroll 0 0 transparent;
	float: left;
	padding: 10px 20px;
	position: relative;
	width: 580px;
}

* html #workWrapper {
	width: 620px;
	w\idth: 560px;
}

#workWrapper h4 {
	margin-bottom: 8px;
}

#work-slider {
	width: 560px;
}

#work-slider img {
	border: 5px solid #F2F2E9;
	margin: 0 5px;
}

#work-slider img:hover {
	border-color: #D1D1C4;
}

a#work-nav-prev:link,
a#work-nav-prev:visited,
a#work-nav-prev:active {
	background: url(/SiteFiles/1259/Images/work-nav-prev.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	line-height: 0px;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 460px;
	left: 5px;
}

a#work-nav-prev:hover {
	background: url(/SiteFiles/1259/Images/work-nav-prev.gif) no-repeat bottom;
}

* html a#work-nav-prev:link,
* html a#work-nav-prev:visited,
* html a#work-nav-prev:active
* html a#work-nav-prev:hover {
	left: 5px;
}

a#work-nav-next:link,
a#work-nav-next:visited,
a#work-nav-next:active {
	background: url(/SiteFiles/1259/Images/work-nav-next.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	line-height: 0px;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 460px;
	right: 285px;
}

a#work-nav-next:hover {
	background: url(/SiteFiles/1259/Images/work-nav-next.gif) no-repeat bottom;
}

* html a#work-nav-next:link,
* html a#work-nav-next:visited,
* html a#work-nav-next:active
* html a#work-nav-next:hover {
	right: 285px;
}

a.site-credit-link {
	margin-right: 40px;
}