/* 
Contents: 
1. Structural elements
2. Text and links
3. Main navigation
4. Tab navigation
5. Forms
6. Lightbox/Lightwindow



 
----- Structural elements ----- */
.TextOnly {
	display: none;
	}
.FullCSS {
	display: inline;
	}
body {
	margin: 0;
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: .825em;
	color: #000000;
	text-align: center; 
	} 
#SmallLink {
	color: #0066CC;
	font-weight: normal;
	text-decoration: underline;
	}  
#DefaultLink {
	color: #990033 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	} 
#MiddleLink {
	color: #0066CC;
	font-weight: normal;
	text-decoration: underline;
	} 
#LargeLink {
	color: #0066CC;
	font-weight: normal;
	text-decoration: underline;
	} 
#Wrapper {  
	margin: 0 auto;  
	padding: 0;  
	width: 770px;
	text-align: left;
	} 
#Header {
	color: #F0C000;
	text-align: right;
	overflow: hidden;
	}
.Admin #Header {
	color: #B36566;
	}
#Skip a, #Skip a:hover, #Skip a:visited, #Skip a:active {
	color: #FFFFFF;
	}
#GlobalNav {
	 width: 622px; 
	 margin: 0 0 8px; 
	 padding: 19px 0 0; 
	 font-size: .825em;
	 float: right;
	 }
.Admin #GlobalNav {
	 padding: 1px 0 0; 
	 }
#MainNav {
	 font-size: 1em; 
	 width: 622px; 
	 padding: 0 18px 0 0;
	 background: url(/images/layout/MainNavBackground.jpg) top right no-repeat;
	 float: right;
	 }
.Admin #MainNav {
	 background: url(/images/layout/MainNavBackground_Admin.jpg) top right no-repeat;
	 }
.Admin #MainNav a {
	color: #FFFFFF;
	}
#MainNav ul {
	 list-style: none !important;
	 margin: -10px 0 0;
	 padding: 0;
	 height: 60px;
	 line-height: 60px;
	 }
#MainNav li {
	display: inline;
	}
#MainNav a {
	font-weight: bold;
	padding: 11px 8px;
	border-right: #FFEB96 solid 1px;
	}
#MainNav a.Active {
	background-color: #FFF6D0;
	border-left: #FFEB96 solid 1px;
	border-right: #FFEB96 solid 1px;
	border-bottom: #FFF6D0 solid 1px;
	padding: 11px 8px 26px;
	margin: 0 0 0 -1px;
	text-decoration: none;
	color: #990033;
	}
a.Active {
	text-decoration: none !important;
	font-weight: bold;
	color: #990033 !important;
	}
#Utilities {
	margin: 0 0 5px;
	}
#SearchSubmit {
	border: none;
	background-color: #FFF6CD; 
	background: url(/images/layout/SearchButton.jpg) top left;
	color: #0066CC; 
	font-size: .9em; 
	font-weight: bold; 
	height: 22px;
	width: 42px;
	}
.Admin #SearchSubmit {
	background-color: #B36566; 
	background: url(/images/layout/SearchButton_Admin.jpg) top left;
	color: #FFFFFF;
	}
#Content {
	margin: 5px 0 15px;
	background: url(/images/layout/BodyTop_Short.gif) top left no-repeat;
	}
.Admin #Content {
	background: url(/images/layout/BodyTop_Admin.gif) top left no-repeat;
	}
#Breadcrumb {
	padding: 17px 0 0 17px;
	color: #F0C000;
	}
.Admin #Breadcrumb {
	color: #B36566;
	}
#Feature { 
	height: 200px;
	}
#BodyCopy {
	padding: 20px 16px 0px;
	border-left: #FFEB96 solid 1px;
	border-right: #FFEB96 solid 1px;
	overflow: hidden;
	height: 1%;
	width: 736px;
	}
.Admin #BodyCopy {
	padding: 20px 15px 0px;
	border-left: #990033 solid 2px;
	border-right: #990033 solid 2px;
	}
.BodyColumnTop {
	width: 484px;
	float: left;
	background: url(/images/layout/BodyColumn_Middle.jpg) repeat-y;
	margin: 0;
	}
.BodyColumnContent {
	background: url(/images/layout/BodyColumn_Top.jpg) no-repeat top;
	padding: 27px 16px 0;
	overflow: hidden;
	}
.BodyColumnBottom {
	background: url(/images/layout/BodyColumn_Bottom.jpg) no-repeat bottom;
	height: 25px;
	}
.RightColumn {
	width: 236px;
	margin: 0;
	padding: 0 0 0 16px;
	float: right;
	}
.AddThis {
	width: 236px; 
	height: 42px;
	margin: 0;
	padding: 14px 0 0 16px;
	background: url(/images/layout/AddThisBackground.jpg) top left no-repeat;
	}
.RightColumnTop {
	background: url(/images/layout/RightColumn_Middle.jpg) repeat-y;
	margin: 0 0 16px;
	}
.RightColumnContent {
	background: url(/images/layout/RightColumn_Top.jpg) no-repeat top;
	padding: 27px 16px 0;
	overflow: hidden;
	height: 1%;
	}
.RightColumnBottom {
	background: url(/images/layout/RightColumn_Bottom.jpg) no-repeat bottom;
	height: 25px;
	}
.RightColumnItems {
	padding: 4px 0;
	}
.ColumnList {
	margin-bottom: 0;
	}
#HomeNav a {
	font-size: 1.10em; 
	display: block;
	margin: 0 0 9px;
	padding: 8px 0;
	background: url(/images/layout/LinkOver.gif) no-repeat top 10px;
	}
#Footer {
	width: 770px;  
	text-align: left;
	background: url(/images/layout/BodyBottom.gif) top left no-repeat;
	padding: 40px 0;
	color: #F0C000;
	font-size: .825em; 
	}
.Admin #Footer {
	background: url(/images/layout/BodyBottom_Admin.gif) top left no-repeat;
	color: #B36566;
	}
form {
	margin: 0;
	padding: 0;
	display: inline;
	}
ul {
	list-style-image: url(/images/layout/bullet.gif);
	margin: 10px 0;
	padding-left: 1.9em;
	text-indent: 0em;
	}
li {
	text-indent: 0;
	margin: 5px 0;
	padding-bottom: 3px;
	}
#HomeNav {
	list-style-image: none;
	list-style: none;
	margin: 0 0 -16px -16px;
	}
#HomeNav li {
	text-indent: 0;
	margin: 1px 0;
	list-style: none;
	}
h1 {
	font-size: 2.1em;
	margin: -5px 0 16px 0;
	padding: 0;
	font-weight: normal;
	background: url(/images/layout/Link.gif) no-repeat 40px 0px;
	}	
h2, .Heading2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 7px;
	margin: 0;
	}
h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 3px;
	margin: 0;
	}
.SubNav {
	width: 770px;
	margin: 0 0 10px 0;
	background: url(/images/layout/SubNav_Middle.jpg) repeat-y;
	padding: 0;
	}
.SubNavContent {
	background: url(/images/layout/SubNav_Top.jpg) no-repeat top;
	padding: 14px 16px 0;
	overflow: hidden;
	height: 1%;
	}
.SubNavBottom {
	background: url(/images/layout/SubNav_Bottom.jpg) no-repeat bottom;
	height: 20px;
	}
.SubNav ul {
	list-style: none;
	list-style-image: none;
	margin: 0 32px -7px 0;
	padding: 0;
	float: left;
	}
.SubNav li {
	text-indent: 0;
	}
#CalendarFrame {
	padding: 0; 
	clear: both;
	}
p {
	padding: 0;
	margin: 0;
	}
a, a:visited {
	color: #3366CC;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #000000;
	}

/* ----- Text and links ----- */

hr {
	color: #F0C000;
	height: 1px;
	width: 100%;
	border: 0;
	background-color: #F0C000;
	}
.titlebar {
	color: #000000;
	background-color: #FFEB96; 
	text-align: left ;
	font-size: 12px;
	font-weight: bold;
	}
.maintble {
	background-color: #F0C000;
	}
.cell {
	background-color: #FFF6D0;
	color: #000000;
	}
.cellToday {
	background-color: #FFFFFF;
	color: #990033;
	font-weight: bold;
	}




/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a {
	position:absolute;
	top: 0;
	border: 0 solid #EAE4DE; /*THEME CHANGE HERE*/
	border-top-width: 0; /*Top border width. Should match height of .ddcolortabsline above*/
	line-height: 18px;
	z-index: 100;
	background-color: #EAE4DE;
	width: 200px;
	visibility: hidden;
	}
.dropmenudiv_a a {
	width: auto;
	display: block;
	text-indent: 9px;
	border-top: 0 solid #EAE4DE;
	border-bottom: 1px solid #000033; /*THEME CHANGE HERE*/
	padding: 4px 0;
	text-decoration: none;
	color: #3366CC;
	}
* html .dropmenudiv_a a { /*IE only hack*/
	width: 100%;
	}
.dropmenudiv_a a:visited {
	color: #3366CC !important;
	text-decoration: none !important;
	}
.dropmenudiv_a a:hover { /*THEME CHANGE HERE*/
	background-color: #F4F0ED;
	color: #3366CC !important;
	text-decoration: underline !important;
	}




/* ----- Forms ----- */
ul.form {
	list-style-type:none;
	margin: 0;
	padding-left: 0em;
	text-indent: 0em;
	}
.form li {
	padding-bottom: 3px;
	background-color: #A18467;
	}
.Required {
	color: #FF6633;
	}
.Error {
	border: #990033 solid 1px; 
	background-color: #CC6666; 
	color: #FFFFFF;
	padding: 5px;
	}
.Complete {
	border: #339933 solid 1px; 
	background-color: #66CC66; 
	color: #FFFFFF;
	padding: 5px;
	}
form {
	margin: 0;
	padding: 0;
	}
fieldset {
	border: none;
	padding: 0;
	position: relative;
	display: block;
	}
legend {
	border: none;
	padding: 0 0 16px;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	position: relative;
	top: -22px;
	}
label.FixedLabel {
	float: left;
	width: 100px;
	}
.Error label {
	width: 94px;
	}
.StandardButton {
	color: #3366CC; 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold;
	background-color: #FFF6D0; 
	border: #FFEB96 solid 1px; 
	margin-left: 5px; 
	margin-top: 5px;
	}
.GreenButton {
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold;
	background-color: #66CC66; 
	border: #339933 solid 1px; 
	margin-left: 5px; 
	margin-top: 5px;
	}
.RedButton {
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold;
	background-color: #CC6666; 
	border: #990033 solid 1px; 
	margin-left: 5px; 
	margin-top: 5px;
	}

	
	
/* ----- Lightbox/Lightwindow ----- */
#overlay {
	/* REQUIRED */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	/* REQUIRED */

}

	/* REQUIRED */
	#overlay[id] {
   		position: fixed;
	}
	/* REQUIRED */

#lightWindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	/* REQUIRED */
}

	/* REQUIRED */
	#lightWindow[id] {
		position: fixed;
	}
	/* REQUIRED */

#lightWindow-contents {
	/* REQUIRED */
	display: none;
	position: absolute;
	overflow: hidden;
	/* REQUIRED */

	background-color: #ffffff;
	/* Of Note - If you specify a padding or border be sure to adjust the 'cushion' option, by default its set to 10 */
	border: 10px solid #FFF6D0;
}
	
#lightWindow-loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999; 
	/* REQUIRED */
	
	background-color: #F4F0ED;
	padding: 10px;
}

	#lightWindow-loading-message {
    	font-size: 14px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightWindow-loading-options {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		border-left: 2px solid #cccccc;
		padding: 0 0 0 10px;
	}	

	#lightWindow-loading-options a,
	#lightWindow-loading-options a:link, 
	#lightWindow-loading-options a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightWindow-loading-options a:hover,
	#lightWindow-loading-options a:active {
		text-decoration: underline;
	}


	#lightWindow-loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightWindow-navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 150;
	/* REQUIRED */

	height: 100%;
	width: 100%;
}

	#lightWindow-navigation a,
	#lightWindow-navigation a:link,
	#lightWindow-navigation a:visited,
	#lightWindow-navigation a:hover,
	#lightWindow-navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightWindow-previous, 
	#lightWindow-next {
		width: 49%;
		height: 100%;
		background: transparent url(/images/layout/spacer.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightWindow-previous { 
		float: left;
		left: 0px;
	}

	#lightWindow-next { 
		float: right;
		right: 0px;
	}

	#lightWindow-previous:hover, 
	#lightWindow-previous:active { 
		background: url(/images/layout/prevlabel.gif) left 15% no-repeat; 
	}

	#lightWindow-next:hover, 
	#lightWindow-next:active { 
		background: url(/images/layout/nextlabel.gif) right 15% no-repeat; 
	}
	 	
#lightWindow-photo-galleries {
	/* REQUIRED */
	height: 20px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999; 
	/* REQUIRED */
}

	#lightWindow-photo-tab-container {
		width: 100%;
		height: 20px;
	}

	a#lightWindow-photo-galleries-tab,		
	a:link#lightWindow-photo-galleries-tab,
	a:visited#lightWindow-photo-galleries-tab {
		display: block;
		height: 20px;
		width: 70px;
		float: right;
		-moz-opacity:  0.70;
		opacity: .70;
		filter: alpha(opacity=70);
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 7px;
		font-size: 11px;
	}

	a:hover#lightWindow-photo-galleries-tab,
	a:active#lightWindow-photo-galleries-tab {
		color: #ffffbe;
	}

	.up	{
		background: url(/images/layout/arrow-up.gif) no-repeat 60px 5px #000000;
	}

	.down {
		background: url(/images/layout/arrow-down.gif) no-repeat 60px 6px #000000;
	}

	#lightWindow-photo-galleries-list {
		background-color: #000000;
		-moz-opacity:  0.70;
		opacity: .70;
		filter: alpha(opacity=70);
		overflow: hidden;
	}

	.lightWindow-photo-gallery-listing {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightWindow-photo-gallery-listing h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		margin: 5px 0 10px 0;
		font-size: 16px;
	}

	.lightWindow-photo-gallery-listing li {
		margin: 0 0 5px 0;
	}

	.lightWindow-photo-gallery-listing a, 
	.lightWindow-photo-gallery-listing a:link, 
	.lightWindow-photo-gallery-listing a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightWindow-photo-gallery-listing a:hover, 
	.lightWindow-photo-gallery-listing a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightWindow-data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
	
	background-color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
}

	#lightWindow-data-slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightWindow-data-title {
		width: 75%;
		padding: 0 0 0 10px;
		font-weight: bold;
		color: #666666;
		line-height: 1.4em;
	}
	
	#lightWindow-data-caption {
		width: 75%;
		padding: 0 0 0 10px;
		color: #666666;
		line-height: 1.4em;
	}
	
	#lightWindow-data-author {
		position: absolute;
		width: 100px;
		top: 0px;
		right: 10px;
		text-align: right;
		color: #666666;
		line-height: 1.4em;
	 	font-style: italic;
		font-size: 9px;
	}
	
	#lightWindow-data-image {
		position: absolute;
		font-size: 9px;
		width: 100px;
		top: 15px;
		right: 10px;
		text-align: right;
		color: #666666;
		line-height: 1.4em;
	}
	
#lightWindow-title-bar {
	/* REQUIRED */
	position: absolute;
	top: 0;
	left: 0;
	/* REQUIRED */
}
	
	#lightWindow-title-bar-title {
		/* REQUIRED */
		z-index: 50;
		/* REQUIRED */
		float: left;
		color: #ffffff;
		font-weight: bold;
		font-size: 14px;
		width: 80%;
		line-height: 25px;
		text-align: left;
	}
	
	#lightWindow-title-bar-close {
		/* REQUIRED */
		z-index: 50;
		/* REQUIRED */
		float: left;
		width: 20%;
		text-align: right;
		line-height: 25px;
	}
	
	a#lightWindow-title-bar-close-link,	
	a:link#lightWindow-title-bar-close-link,
	a:visited#lightWindow-title-bar-close-link {
		cursor: pointer;
		color: #ffffff;
		font-weight: bold;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightWindow-title-bar-close-link,
	a:active#lightWindow-title-bar-close-link {
		color: #3366CC;
	}
	
	
/* ----- Homepage carousel ----- */
#Carousel {width: 770px; height: 200px; visibility: hidden; z-index:96;}
#Carousel .bg, #Carousel .slide, #Carousel .frame {position: absolute; width: 770px; height: 200px;}
#Carousel .slide .text {position: absolute; float: left; width: 390px; margin: 0 0 0 16px; color:#000000;}
#Carousel .slide .text H1 {font-size:1em; height: 72px; background: none;}
#Carousel .slide .text A {color: #3366CC; text-decoration: underline;} 
#Carousel .dark H1 {color: #FFFFFF; background: none;}
#Carousel .dark {color: #FFFFFF;}
#Carousel .dark .text A {color: #FFFFFF;}
#Carousel .slide .image {float: right; width: 200px; text-align: center; margin-top: 10px;}                      
#Carousel .slide .screen{width: 200px; margin-top: 10px;}
#Carousel .slide .album{width: 180px; margin: 19px 0 0 0;}
#Carousel .slide .feature{margin-top: 30px;}
#Carousel #CaroLinks {width: 270px; position: relative; float: right; line-height: 27px; visibility: visible; margin-top: 167px; padding-right: 11px;}
#CaroLinks .bubble .bbg {position: absolute;}
#CaroLinks .bubble {width: 27px; height: 27px; float: right; margin: 0 5px 0 0; background-image:url(images/layout/whiteTransparent.gif);}
#CaroLinks #on.bubble a {text-decoration: underline;}
#CaroLinks .bubble A IMG {float: left; margin-right: 5px;}
#CaroLinks .bubble A {position: absolute; width: 27px; display: block; margin:1px; line-height: 13px; text-decoration: none; color: #06c;}4
#CaroLinks .bubble A:hover {text-decoration: underline;}
.featuretext {float: right; width: 390px; padding: 85px 0 0 16px;}
#Carousel .dark .featuretext {color: #FFFFFF;}
.featuretext a {font-size: 1.25em;}
.controls {color:#000000; margin:214px 0 0 0; visibility:hidden;}
.controls A#PlayPause:hover {text-decoration: underline; background-image:url(/images/layout/tan.gif);}