/* ------------------------------ 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 */

html, body, div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, 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: #7e7a6c;
	margin: 0px;
}

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, p, div, li, td {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #262626;}
	
a:link, a:visited, a:active {
	color: #C4811B; 
	text-decoration: underline;}
	
a:hover {
	color: #C4811B; 
	text-decoration: none;}
	
strong, b { font-weight:bold; }

h1 {
	font-size: 25px;
	line-height: 30px;
	color: #211D17;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

h2 {
	font-size: 15px;
	line-height: 20px;
	color: #211D17;
	font-style: italic;
	font-weight: normal;
}
	
h3 {
	font-size: 18px;
	line-height: 25px;
	color: #678714;
	text-transform: uppercase;
}
	
h4 {
	font-size: 18px;
	line-height: 20px;
	color: #2F7E8C;
	text-transform: uppercase;
}
	
h5 {
	font-size: 15px;
	line-height: 20px;
	color: #2F7E8C;
	font-style: italic;
	font-weight: normal;
}
.optionalheadding {
	font-size: 15px;
	line-height: 20px;
	color: #6E6B5E;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}
.browse {
	font-size: 18px;
	color: #C4811B;
	text-transform: uppercase;
}

/* 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: 150px;
	margin-top: 15px;
	padding-bottom: 15px;
	padding-left:50px;
	background-image: url(/sitefiles/1252/Images/searchfield.png);
	background-repeat: no-repeat;
}
img, #search { behavior: url(/SiteFiles/1252/Scripts/iepngfix.htc); }

.searchField {
	font-size: 10px;
	color: #FFF;
	width: 168px;
	border: 0px;
	background-color:none;
	margin:0px;
	background: transparent;
	float: right;font-size: 12px;font-style:italic;
}
.searchButton {
	visibility: hidden;
	display: none;
	width: 0px;}
	
.pageSearchTitle {
font-size: 14px;
line-height: 18px;
color: #211D17;}

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

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

/* MAIN NAV */
/* 
The first selector sets the top-level ul and applies to all the dropdown ULs as well.
We set padding and margin to zero to eliminate all indentation, turn bullets off,
If desired, we could set a font-family different from the global font-family declared for the
body element. 
*/
#mainnav, #mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
#mainnav a {
	font-size: 12px;
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 12px 18px;
	text-align:center;
	background-image: url(/sitefiles/1252/Images/bk-navOff.jpg);
	background-repeat: repeat-x;
	background-position: left;font-style: italic;
}

#mainnav a:hover {
	font-size: 12px;
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 12px 18px;
	text-align:center;
	background-image: url(/sitefiles/1252/Images/bk-navOn.jpg);
	background-repeat: repeat-x;
	background-position: left;
	font-style: italic;
}
	
/*
Sets the properties of the top-level link that is currently loaded. OPTIONAL!
*/
#mainnav a.current  {
	font-size: 12px;
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 12px 18px;
	text-align:center;
	background-image: url(/sitefiles/1252/Images/bk-navOn.jpg);
	background-repeat: repeat-x;
	background-position: left;font-style: italic;

}
#mainnav a.trigger {
	padding: 5px 12px;}

#mainnav li {
	float: left;
	padding: 0px;
	margin: 0px;
	background: none;
	width: 9em;
}
#mainnav ul li a  {
	color: #FFF; 
	text-align:left;
	padding: 5px 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
#mainnav ul li a.current  {
	color: #FFF; 
	text-decoration: none;
	padding: 5px 12px;
	
}
#mainnav li ul, #mainnav ul li  {
	width: 16em;
}
#mainnav li ul {
	position: absolute;
	display: none;
	z-index:1000;
	color: #FFF; 
}
#mainnav li:hover a, #mainnav a:focus, #mainnav a:active, #mainnav li.p7hvr a {
	color: #FFF; background-color:#1D5059;text-align:left;
}
#mainnav li:hover ul, #mainnav li.p7hvr ul {
	display: block;
}

#mainnav li:hover ul a, #mainnav li.p7hvr ul a {
	color: #FFF; background-image:none;
	background-color: #1D5059;text-align:left;
}
#mainnav ul a:hover {
	text-decoration:none;text-align:left;
	background-color: #23626E!important;
	color: #FFF!important;padding: 5px 12px;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#mainnav li {
	width: auto;
}
#mainnav ul li li {display:none;}
/* SUB NAV */
#subnavWrapper {
	float: left;
	width: 180px;
	padding: 0px;}
	
#subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: none;}
	
#subnav li {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 180px;
	background: none;}
	
#subnav a {
	font-size: 11px;
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px dotted #6E6B5E;
	color: #6E6B5E;
	font-style: italic;
	text-transform: none;
}
	
#subnav a:hover {
	font-size: 11px;
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px dotted #6E6B5E;
	color: #6E6B5E;
	font-style: italic;
	background-color: #F5F1E9;text-transform: none;
}

#subnav a.current {
	font-size: 11px;
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px dotted #6E6B5E;
	color: #6E6B5E;
	font-style: italic;
	background-color: #F5F1E9;text-transform: none;}

/* PARENT STYLE- THIS JUST NEEDS TO BE THE SAME DIV NAME AS THE CONTAINING SUBMENU CONTAING DIV NAVE */	
#subnavWrapper h2 {
	font:normal 12px Georgia, "Times New Roman", Times, serif;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #211D17;
	text-transform: none;
}

#subnavWrapper h2 a {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #211D17;font-style: normal;text-transform: none;}
	
/* breadcrumb */

#breadcrumb {
	float: left;
	width: 639px;
	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: #6E6B5E;
	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: #262626;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;}
	
#breadcrumb a.first  {
	padding: 0px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #6E6B5E;
	background: none;
	margin-left: -15px;}
	
#breadcrumb a.first:hover  {
	padding: 0px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #262626;
	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 */
#indexWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-color: #C5AF2F;}
	
#topWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-color: #E8E4DC;
	height: 175px;
}
	
#mainnavWrapper {
	margin: 0px auto;
	padding: 0px;
	height: 45px;
	width: 700px;
	position: absolute;
	left: 50px;
	float: right;
	z-index: 500;
	top: 5px;
}


#contentWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(/sitefiles/1252/Images/shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	
#footerWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-image: url(/sitefiles/1252/Images/bk-footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #7e7a6c;
}

/* TOP */
#top {
	margin: 0px auto;
	padding: 0px;
	width: 940px;
	height: 175px;
	position: relative;
}
	
#logo {
	width: 350px;
	height: 57px;
	position: absolute;
	top: 35px;
	left: 0px;
	z-index: 80;
}


/* 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: 449px;
	background-color:#FFFFFF;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
	
* html #contentLeft {
	width: 510px;
	w\idth: 449px; }

#contentRight{
	float: right;
	width: 370px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
* html #contentRight {
	width: 430px;
	w\idth: 370px; }


	
/* FOOTER */
#footer {
	margin: 0px auto;
	padding: 0px;
	width: 940px;
	height: 300px;
}

/* DEFAULT CONTENT */
#contentLeftDEF {
	float: left;
	width: 639px;
	background-color:#FFFFFF;
	padding: 10px 30px 30px;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	margin-top: 20px;
	margin-bottom: 20px;
}
	
* html #contentLeftDEF {
	width: 700px;
	w\idth: 639px; }

#contentRightDEF{
	float: right;
	width: 180px;
	padding: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
* html #contentRightDEF {
	width: 270px;
	w\idth: 180px; }
	

#footerRight {
	float: right;
	width: 330px;
	font-family: "Trebuchet MS", "Lucida Grande CY", sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	padding-left: 20px;
	padding-top: 5px;}
	
* html #footerRight {
	width: 379px;
	w\idth: 349px; }

#footerRight a {
	font-family: "Trebuchet MS", "Lucida Grande CY", sans-serif;
	font-size: 11px;
	color: #C5AF2F;}
	
#footerRight a:hover {
	font-family: "Trebuchet MS", "Lucida Grande CY", sans-serif;
	font-size: 11px;
	color: #C5AF2F;}
	
#footerLeft {
	float: left;
	width: 500px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	padding: 0px 30px 0px 0px;}
	
* html #footerLeft {
	width: 530px;
	w\idth: 500px; }
	
#toppic {
	position:absolute;
	height: 175px;
	width: 940px;
}
#mission {
	position: absolute;
	height: 30px;
	width: 350px;
	left: 35px;
	top: 115px;
	z-index: 80;
}

#navWrapper {
	float: left;
	height: 50px;
	width: 100%;
	background-color: #1D5059;
}
#navHolder {
	height: 50px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(/sitefiles/1252/Images/bk-navrepeater.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 80;
}

* html #navHolder {
	height: 50px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(/sitefiles/1252/Images/bk-navrepeater.jpg);
	background-repeat: repeat-x;
	background-position: center;
	z-index: 800;
}
	
#utilitiesLeft {
	font-size: 10px;
	color: #C7C4BC;
	float: left;
	width: 500px;
	padding-left: 30px;
}
#utilitiesLeft a{
	font-size: 10px;
	color: #C7C4BC;
	text-decoration: none;
}
#utilitiesLeft a:hover{
	font-size: 10px;
	color: #FFF;text-decoration: none;
}

#utilitiesRight {
	font-size: 10px;
	color: #C7C4BC;
	float: right;
	width: 300px;
	text-align: right;
	padding-right: 30px;
}
#utilitiesRight a{
	font-size: 10px;
	color: #C7C4BC;
	text-decoration: none;
}
#utilitiesRight a:hover{
	font-size: 10px;
	color: #FFF;text-decoration: none;
}
#footerTop {
	width: 880px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #211D17;
	float: left;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-right: 30px;
	margin-left: 30px;
}
* html #footerTop {
	width: 880px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #211D17;
	float: left;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-right: 30px;
	margin-left: 15px;}
	
.footerTopA {
	font-style: italic;
	float: left;
	width: 155px;
}
.footerTopB {
	font-style: italic;
	color: #FFFFFF;
	float: left;
}
#footerMidWrapper {
	width: 880px;
	float: left;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 30px;
	padding-left: 30px;
}
* html #footerMidWrapper {
	width: 940px;
	w\idth: 880px; }
	
#footerMidA {
	float: left;
	width: 155px;
	padding-top: 5px;
	font-size: 10px;
	line-height: 15px;
	margin-right: 5px;
}
	
#footerMidA a {
	font-size: 11px;
	line-height: 15px;
	color: #262626;
}
#footerMidA a:hover {
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
}
#footerMidB {
	float: right;
	width: 720px;
	color:#C7C4BC;
	padding-bottom: 45px;
}

.links {
	font-size: 10px;
	color: #C7C4BC;
	width: 130px;
	float: left;
	padding-right: 13px;
	line-height: 15px;
}
.connect {
	float: left;
	height: 48px;
	width: 175px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 20px;
}
* html .connect {
	width: 195px;
	w\idth: 175px; }
	
.connectB {
	float: left;
	height: 48px;
	width: 175px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#welcome {
	float: left;
	width: 370px;
	padding-top: 10px;
}
.welcome {
	float: left;
	height: 48px;
	width: 175px;
	padding-right: 20px;
}
* html .welcome {
	width: 195px;
	w\idth: 175px; }
	
.welcomeB {
	float: left;
	height: 48px;
	width: 175px;
}
#flash-wrapper {
	position: relative;
	z-index: 0;
}
#flash {
	float: left;
	height: 150px;
	width: 370px;
	padding-top: 20px;
	overflow: hidden;
}
#events {
	float: left;
	width: 370px;
	padding-top: 20px;
	overflow: hidden;
}
#rightDEF {
	float: left;
	width: 180px;
	padding-top: 20px;
	overflow: hidden;
}
#topContain {
	height: 175px;
	width: 940px;
	position: relative;
}
#searchWrapper {
	height: 45px;
	width: 190px;
	position: absolute;
	top: 5px;
	right: 0px;
	background-image: url(/sitefiles/1252/Images/bk-navOff.jpg);
	background-repeat: no-repeat;
	background-position: left;
}