/* for readability */
#mainContent p {
    color: #fff; 
    line-height: 14pt;
    padding: 4px 8px;
}

strong, b {
 letter-spacing: .5px;
}

/* for album image stack */
.galleryImageStack {
width:400px; margin-bottom: 25px;
}

.galleryImageStack .newsReadMoreLink {
padding-bottom: 0px;
}
.galleryImageStack p {
padding: 0px 11px !important;
text-align: left;
}

.galleryImageStackOuter_first:hover, .galleryImageStackOuter_others:hover { 
/* make em appear over all others */
opacity: .99; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=99); /* IE lt 8 */
-ms-filter: "alpha(opacity=99)"; /* IE 8 */
-khtml-opacity: .99; /* Safari 1.x */
-moz-opacity: .99; /* FF lt 1.5, Netscape */
}

.galleryImageStackAlbumTitle {
display: block;
padding: 11px 6px 8px 6px; 
text-align: center;
letter-spacing: .5px; 
font-size: 22px;
font-weight: normal; 
text-transform: none;
*padding-top: 14px;
}

.galleryImageStackOuter_first {
background-color: #fff;
padding: 1px;
border: 1px solid #aaa;
float: right;
display: block;
}

.galleryImageStackOuter_others {
background-color: #fff;
padding: 1px;
border: 1px solid #aaa;
float: right;
margin-right: -264px;
display: block;
}

.galleryImageStack_first {
text-transform: none;
}

.galleryImageStack_others {
text-transform: none;
}

/* for lightbox elements to have the right text color */
#lightbox {
color: #000;
}

/* for GalleryListingHoriz to have correctly colored arrows */
.galleryNextPrevText {
color: #ccc;
}

/* for gallerydisplay.php albumContainers */

.galleryAlbumContainer_first {
padding: 10px 0px;
}

.galleryAlbumContainer {
padding: 10px 0px;
}

.galleryAlbumContainer_alt {
padding: 10px 0px;
}

.galleryAlbumImage, .galleryImageContainer {
padding: 1px;
border: 1px solid #aaa;
background-color: #fff;
margin: 10px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}

.galleryAlbumImage a, .galleryImageContainer a {
display: block
}

.galleryAlbumContainer_alt h3, .galleryAlbumContainer h3, .galleryAlbumContainer_first h3 {
margin: 0px;
}

/* other stuff below */

#galleryContainer, #videoContainer {
	overflow: hidden;
	width: 855px;
	height: 82px;
	border: 1px solid #aaa;
border-bottom: 0px;
border-top: 0px;
	padding: 0px;
}
#gallerySlider, #videoSlider {
	width: 100000px;
	height: 82px;
}
.galleryImage {
	cursor: pointer; cursor: hand;
	text-align: center;
	background-color: #fdfdfd;
	float: left;
	width: 117px;
	height: 78px;
	margin-right: 10px;
	padding-left: 0px;
	border: 1px solid #aaa;
}
.galleryImageInside {
margin: 1px; overflow: hidden; display: block; width: 115px; height: 76px;
}

.galleryNav {
cursor:pointer; cursor: hand;
font-size:26px;
font-weight:bold;
padding:0 4px 3px;
text-decoration:none;
width:20px;
}

#galleryNavRight, .galleryNavRight {
	text-align: right;
	padding: 3px 16px;
}
#galleryNavLeft, .galleryNavleft {
	text-align: left;
	padding: 3px 16px;
	color: #ccc;
}
/* TABLE MENU */
.menuTable {
	background: transparent url(/uploaded/image/menu_bk.gif) repeat-x scroll top center;
	margin-top: 2px;
	height: 30px;
}
.menuCell {
font-family:'Trebuchet MS';
font-size:16px;
font-weight:lighter;
letter-spacing:2px;
padding:0 1px;
}
.menuCell a {
	background: transparent url(/uploaded/image/menu_bk.gif) repeat-x scroll top center;
	display: block;
	padding: 7px 28px;
/* 	border: 1px solid #2f77a0; 
	border-bottom: 0px;  */
}
.menuCell a:link, .menuCell a:visited {
	color: #ddd;
}
.menuCell a:hover {
	background: transparent url(/uploaded/image/menu_bk_over.gif) repeat-x scroll top center;
	color: #c1c1c2;
	text-decoration: none;
}

.menuSeparator {
background-color: #222;
width: 1px;
}

/* *********************** */

#mainVideoTitle h5 {
	text-align: center;
}
#videoPreviews {
	border: 1px solid #aaa;
}
.videotitle {
	font-size: 12px;
	text-align: left;
}
#mainvideo embed {
	margin-right: 10px;
}
#activeVideo {
	padding: 3px;
	background-color: #f0f0f0;
	border: 2px solid #333;
}
.videoPreviewBox {
	padding: 4px;
	/* background: #fdfdfd;
border: 1px solid #aaa; */
cursor: pointer; cursor: hand;
}
.videoPreviewBox:hover {
	background-color: #f1f1f1;
	cursor: pointer; cursor: hand;
}
.newsDate {
	margin-left: 10px;
}
.newsReadMoreLink {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding: 5px;
	color: #fff;
	text-align: right;
}
.newsReadMoreNoPadding {
	padding-bottom: 5px;
}

.progress_bar_container {
	background-image:url(/images/gradient.gif);
	border:1px solid #999999;
	float:left;
	width:100%;
}
.shadow_4_sr {
	border: 2px solid #f9f9f9;
	margin: 2px;
	margin-bottom: 5px;
} /* results shadow 4 */
.shadow_3_sr {
	border: 1px solid #f4f4f4;
} /* results shadow 3 */
.shadow_2_sr {
	border: 1px solid #f0f0f0;
} /* results shadow 2 */
.shadow_1_sr {
	border: 1px solid #d8d8d8;
} /* results shadow 1 */
.menuOption {
	font-size: 12px;
	font-weight: bold;
	background: transparent url(/uploaded/image/menu_bk.jpg) repeat-x scroll top center;
	color: #3366cc;
	padding-bottom: 1px;
}
.menuOption a {
	padding: 13px 25px 14px 25px;
}
.menuOption a:hover {
	text-decoration: none;
	color: #9F001D;
}
#menuOptionDown a:link {
	cursor: pointer;
}
#contentContainer {
}
/* old styles */

#container {
	margin: auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.mediumtext {
	font-size: 14px;
}
.smalltext {
	font-size: 13px;
}
#sidebar1 {
	color: #000;
	padding: 10px;
	background: transparent url(/uploaded/image/column.jpg) scroll no-repeat left bottom;
}
#sidebar1 h5 {
	color: #f9f9f9
}

#sidebar2 h5 {
	color: #f9f9f9
}
.sidebox {
	width: 225px;
}

.sideboxbottom {
	z-index: 100;
	padding-bottom: 6px;
	background: transparent url(/uploaded/image/sidebox2_bk1.gif) no-repeat scroll bottom left;
}
.sidebox3 {
	background: #1A3955 url(/uploaded/image/note_bk.jpg) no-repeat scroll top center;
	width: 230px;
	height: 164px;
	padding: 6px;
	padding-top: 8px;
	margin: 6px;
	color: #fff;
}
.sidebox3 p {
	padding: 5px;
}
.sidebox3 h1, .sidebox3 h2, .sidebox3 h3, .sidebox3 h4, .sidebox3 h5, .sidebox3 h6 {
	color: #fff;
	margin-left: 5px;
}
#sidebar1 a:link, #sidebar1 a:visited, .sidebox3 a:link, .sidebox3 a:visited, .sidebox2 a:link, .sidebox2 a:visited, .contentBoxGrey a:link, .contentBoxGrey a:visited {
	color: #444;
}
#header {
	margin: auto;
	width: 900px;
	padding: 0px;
	text-align: center;
	/*margin-top: 2em; */
}
#footer {
	color: #666;
	font-size: 13px;
	text-align: right;
	padding: 10px;
    width: 975px;
    margin:auto;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 6px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* tame list items */
li {
	margin-bottom: 4px;
}
/*ul, ol {
	margin-top: 3px;
}*/

/* universal page link color and style */
A:link {
	color: #ddd;
	text-decoration: none;
}
A:visited {
	color: #ddd;
	text-decoration: none;
}
A:hover {
	color: #f4f4f4;
	text-decoration: underline;
}
A:active {
	color: #fff;
	text-decoration: none;
}
.sideOptions { /* this class is for a top border, can be used on any element <a> <table> etc. watch out for padding. */
	border-top: 1px dotted #b4b4b4;
	padding: 8px;
	display: block;
}
.mini_list { /* mini_list is the CSS style the CMS will apply to the MiniNewsList blob */
	font-size: 12px;
	padding: 3px;
}
/* a class for very small text */
.smallText {
	font-size: 10px;
}
/* a class for indented content */

.subContent {
	padding:10px;
	padding-bottom: 5px;
}
.homeContent {
	padding: 7px 20px 7px 20px;
}
.smallBlog {
	padding: 2px 20px;
}
i, em {
	margin: 0px;
	padding: 0px;
}
.newsFeature {
	padding: 10px 20px;
}
.newsFeature p {
	padding: 6px 0px 4px 0px;
}
.subContent ul {
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
}
.featuredArticles {
	padding: 0px 0px 0px 0px;
}
.newsPreviews {
	padding: 8px;
	padding-top: 4px;
}
.newsPreviewDate {
	font-size: 10px;
	font-style: italic;
	color:#444444;
}
.newsPreviewPublisher {
	font-size: 11px;
	color:#444444;
}
.newsPreviewBottonmBorder {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
}
.smallFeature {
	padding: 0px 20px 0px 20px;
}
.smallFeature p {
	padding: 0px;
}
.newsPreviewContent p {
	font-size: 11px;
	line-height: 12px;
	padding: 6px;
}
.newsSubPreview {
	padding: 0px 0px 0px 15px;
	margin:   5px;
}
.newsSubPreview h6 {
	padding: 0px;
}
#galleryContainer {
	margin: 10px 0px 10px 0px;
}
h1 {
	font-size: 19px;
	margin: 9px 0px 9px 0px;
        color: #f1f1f1;
}


h2 {
	font-size: 17px;
        color: #fff;
	margin: 7px 0px 4px 0px;
	line-height: 16pt;
}

h3 {
	font-size: 15px;
        color: #fff;
	margin: 10px 0px 5px 0px;
	line-height: 16pt;
}

h3 a:link, h3 a:visited{
   font-size: 13px;
   color: #fff;
   text-decoration: none;
}

h3 A:hover {
   font-size: 15px;
   color: #820010;
   text-decoration: none;
}

h4 {
	font-size: 13px;
	margin: 0px;
	padding: 0 0 0 1px;
	color: #3154ac;
}
h5 {
	font-weight: bold;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 2px 0px;
	padding: 0 0 0 0px;
}
h6 {
	font-size: 11px;
	font-weight: normal;
	color: #3366cc;
	margin: 0px;
	padding: 0px 0px 2px 0px;
}

.greyText {
	padding-left: 2px;
	color:#5e5e5e;
	font-weight: normal;
	font-size: 12px;
}
.menu {
	font-size: 12px;
}
.menu_over {
	font-size: 12px;
	background-color:#fafafa;
	text-decoration: none;
}
a.menu {
	display: block;
	height: 16px;
	padding: 6px;
	text-decoration: none;
}
a.menu:hover {
	text-decoration: underline;
}
/***********************************************************************/
/**************************** end editables ****************************/
/***********************************************************************/

textarea, input { 
font-family: Verdana;
font-size: 14px;
}
textarea { 
padding: 3px;
}
   
/* event css */
.prevnextbutton {
	font-size:20px;
	margin-top: 2px;
	font-weight: bolder;
	vertical-align: middle;
	padding-bottom:3px;
	border-top : 1px solid #dddddd;
	border-left : 1px solid #dddddd;
	border-bottom : 1px solid #224059;
	border-right : 1px solid #224059;
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#dadada;
	width: 32px;
}
.prevnextbuttonpress {
	font-size:20px;
	margin-top: 2px;
	font-weight: bolder;
	vertical-align: middle;
	padding-bottom:3px;
	border-top : 1px #31557f solid;
	border-left : 1px #31557f solid;
	border-bottom : 1px #f8f9fb solid;
	border-right : 1px #f8f9fb solid;
	background-image: url(../images/gradient_ld.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 32px;
}
.prevnextbuttonhighlight {
	font-size:20px;
	margin-top: 2px;
	font-weight: bolder;
	vertical-align: middle;
	padding-bottom:3px;
	border-top : 1px solid #dddddd;
	border-left : 1px solid #dddddd;
	border-bottom : 1px solid #224059;
	border-right : 1px solid #224059;
	background-image: url(../images/gradient_bl.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#dadada;
	width: 32px;
}
#eventframe {
	width:auto;
	padding:0px;
}
#event_time {
	width:200px;
	border: dotted 1px #eeeeee;
	height:20px;
	padding:5px;
}
#selected_day {
	border: dotted 1px #000000;
	background-color: #82D572;
	background-image: none;
}
#scheduled_day {
	border: 1px solid #CEEAFF;
	background-color: #CEEAFF;
}
#unscheduled_day {
	border: 1px solid #fafafa;
	background-color: #fafafa;
}
.scheduled_day {
	border: 1px solid #CEEAFF;
	background-color: #CEEAFF;
}
.selected_day {
	border: dotted 1px #000000;
	background-color: #82D572;
}
.proposed_selected_day {
	border: dotted 1px #000000;
	background-color: #9EDB99;
}
.mouseover_event {
	background-color: #E6F7FF;
}
.unscheduled_day {
	border: 1px solid #fafafa;
	background-color: #fafafa;
}
.mouseover_event_day {
	border: dotted 1px #E6F7FF;
	background-color: #E6F7FF;
}
.mouseover_event_day_date {
	background-color: #9EDB99;
	font-weight: bold;
	float: right;
	height: 16px;
	width: 17px;
	font-size: 12px;
	border-bottom: dotted 1px #888888;
	border-left: dotted 1px #888888;
	margin: 0px;
	text-align:center;
	padding: 2px;
	padding-right: 3px;
	cursor: pointer;
}
.unscheduled_day_date {
	background-color: #f6f6f6;
	font-weight: bold;
	float: right;
	height: 16px;
	width: 17px;
	font-size: 12px;
	border-bottom: dotted 1px #888888;
	border-left: dotted 1px #888888;
	margin: 0px;
	text-align:center;
	padding: 2px;
	padding-right: 3px;
	cursor: pointer;
}
.scheduled_day_date {
	background-color: #E5F4FF;
	font-weight: bold;
	float: right;
	height: 16px;
	width: 17px;
	font-size: 12px;
	border-bottom: dotted 1px #888888;
	border-left: dotted 1px #888888;
	margin: 0px;
	text-align:center;
	padding: 2px;
	padding-right: 3px;
	cursor: pointer;
}
.event_item {
	width:98%;
	padding:0px;
	margin: 4px;
	margin-bottom: 12px;
	background-color:#f2f2f2;
	border:1px solid #cccccc;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* some random fix */
i, em {
	margin: 0px;
	padding: 0px;
}
/* lazd sa styles */
.inserted_blob {
	background-color:#dadada;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #aaaaaa;
	border-right-color: #aaaaaa;
	border-bottom-color: #aaaaaa;
	border-left-color: #aaaaaa;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	padding: 8px;
	width: 150px;
}
/* form styles */
form {
	margin: 0px;
	padding: 0px;
}
.l_button {
background:transparent none repeat scroll 0 0;

border-width:0;
color:#FFFFFF;
font-family:Trebuchet MS;
font-size:18px;
font-weight:bold;
height:24px;
padding:0 2px 2px;
text-align:center;
vertical-align:bottom;
}
.l_buttondisabled {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
background:transparent none repeat scroll 0 0;
border-width:0;
color:#333333;
font-family:trebuchet MS;
font-size:18px;
font-weight:bold;
height:24px;
padding:0 2px 2px;
text-align:center;
vertical-align:bottom;
}
.l_buttonhighlight {
background:transparent none repeat scroll 0 0;
border-width:0;
color:#FFFFFF;
cursor:pointer;
font-family:Trebuchet MS;
font-size:20px;
font-weight:bold;
height:24px;
padding:0 2px 2px;
text-align:center;
vertical-align:bottom;
}
.l_buttonpress {
background:transparent none repeat scroll 0 0;
border-width:0;
color:#333333;
font-family:trebuchet MS;
font-size:18px;
font-weight:bold;
height:24px;
padding:0 2px 2px;
text-align:center;
vertical-align:bottom;
}
.disabled {
	padding:0px;
	color:#aaa;
	filter:alpha(opacity=32);
	-moz-opacity:.32;
	opacity:.32;
}
.borderbox {
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#dadada;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #bfbfbf;
	border-right-color: #bcbcbc;
	border-bottom-color: #bcbcbc;
	border-left-color: #bfbfbf;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.borderbox_dotted {
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#dadada;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #bfbfbf;
	border-right-color: #bcbcbc;
	border-bottom-color: #bcbcbc;
	border-left-color: #bfbfbf;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.box {
	font-family: Verdana;
	font-size: 12px;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	background-image: url(../images/gradient3.gif);
	background-repeat: repeat-x;
	background-color: #e9e9e9;
	padding: 5px;
	margin: 5px;
}
.box_confirm {
	background-color: #FFFFFF;
	border: 1px solid #aaaaaa;
	font-size: 14px;
	font-weight: bold
}
.option {
	font-weight: bold;
	font-family: Verdana;
	font-size: 13px;
	padding: 2px;
	margin: 2px;
	line-height: 110%;
}
.sub_option {
	font-weight: normal;
	font-family: Verdana;
	font-size: 12px;
	padding: 3px;
	margin: 3px;
	line-height: 110%;
}
#mainContent {
width: 975px;
margin: auto;
	padding: 10px 10px 10px 10px;
}

#leftMenu {
padding-right: 25px;
}

#leftMenu {
float: left;
}

.floatRight {
float: right;
}

#leftMenu a {
display: block;
margin: 45px 0;
font-size: 18px;
font-weight: bold;
}

body {
	background: #292929 url(/uploaded/_layout/background.gif) repeat-x scroll center top;
	font-family: 'Lucida Grande',Helvetica; /* Helvetica, Arial, 'Trebuchet MS', Sans-serif; */
	font-size: 14px;
	line-height: 17px;
	margin: 0; /* Don't change */
	padding: 0;
	color: #fff;
}

.content {
	/*	width:504px; remove due to problems with variable width display, use padding/margin on mainContent instead */
	padding:5px 7px 3px 7px;
	background-color:#fff;
	margin-bottom:4px;
	border: 1px solid #97C2DD;
}
.pic {
	/*	width:518px; remove due to problems with variable width display, use padding/margin on mainContent instead */
	padding:0;
}

p {
	margin-top:0;
	padding-top:0;
}



.smallMenu {
	margin: 12px;
}
.smallMenu a:link, .smallMenu a:visited {
	color: #fff;
	text-decoration:underline;
}
.smallMenu a:hover {
	text-decoration:none;
}

#sidebar2 {
	width:255px;
	background: #f2f2f2;
}