/* --vvv-- REDEFINED TAGS --vvv-- */
* { font-size: 10px; }
html {
	height: 100%;
	}
body {
	height: 100%;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	background-color: #fff;	
}

H1 {
	font-size:160%;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#000000;
}
H2 {
	font-size:140%;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#000000;
}
H3 {
	font-size:120%;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#000000;
}
H4 {
	font-size:110%;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#000000;
}
H5 {
	font-size:90%;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#000000;
}
H6 {
	font-size:80%;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#000000;
}


a { font-weight: bold; color: #999; text-decoration: none; }
a:hover { font-weight: bold; color: #AA1224; text-decoration: none; }


/* Set size of text in editor */
.whiteBackground 	{ background-color:#FFFFFF;}
.darkBackground 	{ background-color:#F4AB27;}
.medBackground 		{ background-color:#F4AB27;}
.lightBackground 	{ background-color:#F9D592;}
.whiteText 	{ color:#FFFFFF;}
.darkText 	{ color:#F4AB27;}
.medText 		{ color:#F4AB27;}
.lightText 	{ color:#F9D592;}

/* Set size of text in editor */
.1 {font-size: 8px;}
.2 {font-size: 10px;}
.3 {font-size: 12px;}
.4 {font-size: 14px;}
.5 {font-size: 18px;}
.6 {font-size: 24px;}
.7 {font-size: 36px;}
/* --^^^-- REDEFINED TAGS --^^^-- */
/* --------------------------------------------------------------------------*/
/* --vvv-- LAYOUT STYLES --vvv-- */

#outerTable { width: 100%; height: 100%;}
#adminTopBar { 
	width:100%; height:20px; text-align:right; float:left; position: absolute; padding-top: 70px; left: 0px; top: 0px;
	font-size: 120%; font-weight: bold;
}
#logoDiv { width: 260px; height:87px; float:left; position: absolute; left: 0px; top: 0px; text-align:left; }
#topShadowBar { width: 100%; height:12px; background-image:url(../images/shadows/topShadow.jpg); background-repeat: repeat-x; float:left; position: absolute; left: 0px; top: 90px; z-index: 1;}
#mainContent { width: 100%; float:left; position: absolute; left: 0px; top: 90px;  text-align: left;}

#topJoin { width: 40px; height:24px; float:left; position: absolute; left: 150px; top: 0px; background-image:url(../images/shadows/top-join.jpg); 
background-repeat: no-repeat; z-index: 3; }

#sideMenu { font-size: 10px; width: 190px; height: 100%; float:left; position: absolute; left: 0px; top:12px; text-align: left; }
#sideBar { width: 13px; float:left; position: absolute; left: 163px; top: 24px; background-image:url(../images/shadows/sideBar.jpg); background-repeat: repeat-y; z-index: 2; }
#iframDiv { float:left; position: absolute; left: 190px; top:12px; }

#bottomBar { width: 100%; height: 15px; float:left; position: absolute; left: 0px; background-image:url(../images/shadows/bottomShadow.jpg); background-repeat: repeat-x; padding-top: 15px; text-align: right;}

#bottomJoin { width: 40px; height:24px; float:left; position: absolute; left: 150px; background-image:url(../images/shadows/bottom-join.jpg); 
background-repeat: no-repeat; z-index: 3; }

#mainAdminMenu { float:left; position: absolute; left: 0px; top:15px; text-align:left; width: 154px; margin-left: 5px;  }
#mainAdminMenu ul { list-style: none; margin:0px; padding:0px; margin-bottom: 16px;}
#mainAdminMenu ul li a { display: block; border: 1px solid #ccc; height: 18px; line-height: 18px; margin:2px; padding-left:4px; padding-right:4px; }
#mainAdminMenu ul li a:hover { background-color: #AA1224; color:#fff; }
#mainAdminMenu div { display: block; border: 1px solid #ccc; height: 16px; background-color: #AA1224; color:#fff; text-align:center; line-height: 16px; font-weight: bold; }

.toggle1, .toggle2, .toggle3, .toggle4 { display: none; }



/* --^^^-- LAYOUT STYLES --^^^-- */
/* --------------------------------------------------------------------------*/
/* --vvv-- TEXT STYLES --vvv-- */

.size14 { font-size: 14px !important;  }
.size12 { font-size: 12px !important; }
.size11 { font-size: 11px !important; }
.size9 { font-size: 9px !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.darkgrey {	color: #444444 !important; }
.white { color: #999 !important; } /* CHANGED TO GREY FOR NEW BRANDING */
.errortext { color:#FF0000 !important;}

/* --^^^-- TEXT STYLES --^^^-- */
/* --------------------------------------------------------------------------*/

.background2 {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}


/* --------------------------------------------------------------------------*/
/* --vvv-- FORM STYLES --vvv-- */
.formfield{
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	
}
.formfield_focus {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}
.formButton {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #D4D0C8;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.pageBody{
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	color: #999999;

	
}
.pageBody_focus{
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}

.formSelect {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	width:165px;
	}


/* --^^^-- FORM STYLES --^^^-- */

.subsectionURL {
	margin-top : 1px;
	margin: 1px;
	padding: 1px;
	float: left;
	height: 16px;
	width: 90%;
	border: 1px solid #DDDDDD;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 5px;
	background-color: #FFFFFF;
	color: #999999;
	outline: none;
	vertical-align: middle;
	cursor: hand 
}
.subsectionURL:hover {
	background-color: #AA1224;
	color: #FFFFFF;
}
.subsectionURLinactive {
	margin-top: 1px;
	margin: 1px;
	padding: 1px;
	float: left;
	height: 16px;
	width: 90%;
	border: 1px solid #DDDDDD;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 5px;
	background-color: #FFFFFF;
	color: #CCCCCC;
	outline: none;
	vertical-align: middle;
	cursor: hand;
	font-weight: normal;
}
.subsectionURLinactive:hover {
	background-color: #AA1224;
	color: #FFFFFF;
}
.subURL {
	margin-top : 1px;
	margin: 1px;
	margin-left: 10px;
	padding: 1px;
	float: left;
	height: 16px;
	width: 85%;
	border: 1px solid #DDDDDD;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 5px;
	background-color: #EEEEEE;
	color: #999999;
	outline: none;
	vertical-align: middle;
	cursor: hand 
}
.subURL:hover {
	background-color: #AA1224;
	color: #FFFFFF;
}
.subURLinactive {
	margin-top: 1px;
	margin: 1px;
	margin-left: 10px;
	padding: 1px;
	float: left;
	height: 16px;
	width: 85%;
	border: 1px solid #DDDDDD;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 5px;
	background-color: #EEEEEE;
	color: #CCCCCC;
	outline: none;
	vertical-align: middle;
	cursor: hand;
	font-weight: normal;
}
.subURLinactive:hover {
	background-color: #AA1224;
	color: #FFFFFF;
}
.button, button a {
	margin-top : 1px;
	margin: 1px;
	padding: 1px;
	float: center;
	height: 16px;
	width: 80px;
	border: 1px solid #DDDDDD;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 5px;
	background-color: #FFFFFF;
	color: #CCCCCC;
	outline: none;
	vertical-align: middle;
	cursor: hand;
	display: inline;
	font-weight: normal;
	text-align: center;
}
.button:hover, button a:hover {
	background-color: #AA1224;
	color: #FFFFFF;
}
.inactiveButton {
	margin-top : 1px;
	margin: 1px;
	padding: 1px;
	float: center;
	height: 16px;
	width: 80px;
	border: 1px solid #DDDDDD;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 5px;
	background-color: #FFFFFF;
	color: #999999;
	outline: none;
	vertical-align: middle;
	cursor: default;
	display: inline;
	font-weight: bold;
	text-align: center;
}
.singleButton { 
	display:block; 
	margin: 1px;
	padding: 4px;
	height: 18px;
	line-height: 18px;
	width: 200px;
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #FFFFFF;
	color: #999;
	vertical-align: middle;
	cursor: hand;
	display: block;
	font-weight: bold;
}
.singleButton:hover { 
	background-color: #AA1224;
	color: #FFF;
}
.imageButton { 
	float:left; 
	margin: 2px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	height: 18px;
	line-height: 18px;
	width: 155px;
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #FFFFFF;
	color: #999;
	vertical-align: middle;
	cursor: hand;
	font-weight: bold;
}
.imageButton:hover { 
	background-color: #AA1224;
	color: #FFF;
}
.title { margin-top:15px; display:block; width: 564px; border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; line-height: 18px; font-weight: bold; font-size: 13px; margin-left: 15px;}

.submitBox {display:block; border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; line-height: 18px; font-weight: bold; font-size: 120%;}
.submitBox input { border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; font-weight: bold; }

.adminButton { width: 564px; display: block; margin: 0px; margin-top: 4px; border: 1px solid #999; padding: 6px; background-color: #fff;}
.adminButton:hover { background-color: #AA1224; color: #fff;}

.adminButtonInv { width: 564px; display: block; margin: 0px; margin-top: 4px; border: 1px solid #999; padding: 6px; background-color: #AA1224; color: #fff;}
.adminButtonInv:hover {  background-color: #fff; color: #AA1224;}

.smallButton { width: 144px; display: block; margin: 0px; margin-left: 12px; margin-top: 4px; border: 1px solid #999; padding: 4px; background-color: #fff; text-align: center;}
.smallButton:hover { background-color: #AA1224; color: #fff;}

.listBreak { margin:20px 0px 0px 0px;  }

.loginButton { width: 106px; display: block; margin: 15px 0px 15px 12px; border: 1px solid #999; padding: 2px; background-color: #AA1224; color:#fff; text-align: center;}
.loginButton:hover { background-color: #fff; color: #AA1224;}


#adminMenu {
	width: 564px; font-size: 10px; }
#adminMenu ul { list-style: none; margin: 0px; padding: 0px; }
#adminMenu ul li { 
	margin: 0px; margin-bottom: 10px; padding: 14px; display: block; background-color: #fff; border: 1px solid #999;
}
#adminMenu ul li div { display:block; border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; line-height: 18px; font-weight: bold; font-size: 120%; margin-left: 10px; margin-right: 19px;}
#adminMenu ul li ul { margin: 0px; margin-left: 10px; }
#adminMenu ul li ul li { margin: 0px; border: none; padding: 0px; }
#adminMenu ul li ul li a { display: inline-block; margin: 0px; margin-top: 4px; border: 1px solid #ccc;; padding: 6px; width:360px; }
#adminMenu ul li ul li ul a { width: 350px; }
#adminMenu ul li ul li ul li ul a { width: 340px; }
#adminMenu ul li ul li a.inactive {  border: 1px solid #ddd;; color:#CCC; font-weight: normal; }
#adminMenu ul li ul li a:hover { background-color: #AA1224; color: #fff;  }
#adminMenu img {display: inline-block; border: none; top: 2px; position: relative; border: 1px solid #ccc;}
#adminMenu a.img {display: inline-block; border: none; padding: 0px; margin:0px; width: 23px; height: 25px; }

#newsList {
	width: 564px; font-size: 10px; }
#newsList ul { list-style: none; margin: 0px; padding: 0px; }
#newsList ul li { 
	margin: 0px; margin-bottom: 10px; padding: 14px; display: block; background-color: #fff; border: 1px solid #999;
	font-size: 110%; font-weight: bold; }
#newsList ul li div { display:block; border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; line-height: 18px; font-weight: bold; font-size: 110%; margin-left: 10px; margin-right: 19px;}	
#newsList ul li ul { margin: 0px; margin-left: 10px; }
#newsList ul li ul li { margin: 0px; border: none; padding: 0px; }
#newsList ul li ul li a { display: inline-block; margin: 0px; margin-top: 4px; border: 1px solid #ccc;; padding: 6px; width:360px; }
#newsList ul li ul li ul a { width: 350px; }
#newsList ul li ul li ul li ul a { width: 340px; }
#newsList ul li ul li a.inactive {  border: 1px solid #ddd;; color:#CCC; font-weight: normal; }
#newsList ul li ul li a:hover { background-color: #AA1224; color: #fff;  }
#newsList img {display: inline-block; border: none; top: 2px; position: relative; border: 1px solid #ccc;}
#newsList a.img {display: inline-block; border: none; padding: 0px; margin:0px; width: 23px; height: 25px; }
.yearList { width: 564px; margin: 0px; margin-bottom: 10px; padding: 14px; display: block; background-color: #fff; border: 1px solid #666;
	font-size: 130%;  }


#dlList {
	width: 564px; font-size: 10px; }
#dlList ul { list-style: none; margin: 0px; padding: 0px; }
#dlList ul li { 
	margin: 0px; margin-bottom: 10px; padding: 14px; display: block; background-color: #fff; border: 1px solid #999;
	font-size: 110%; font-weight: bold; }
#dlList ul li div { display:block; border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; line-height: 18px; font-weight: bold; font-size: 110%; margin-left: 10px; margin-right: 19px;}	
#dlList ul li div.edit { display:inline; float:right; position:relative; height: 18px; background-color: #FFFFFF; font-weight: bold; font-size: 110%; margin-top:-20px;}
#dlList ul li div.edit a { float:left; color:#AA1224; text-align:center; line-height: 18px;  height: 18px; padding:0px 5px 0px 5px; }	
#dlList ul li div.edit a:hover { color:#FFFFFF; background-color: #AA1224; }	
#dlList ul li ul { margin: 0px; margin-left: 10px; }
#dlList ul li ul li { margin: 0px; border: none; padding: 0px; }
#dlList ul li ul li a { display: inline-block; margin: 0px; margin-top: 4px; border: 1px solid #ccc;; padding: 6px; width:360px; }
#dlList ul li ul li ul a { width: 350px; }
#dlList ul li ul li ul li ul a { width: 340px; }
#dlList ul li ul li a.inactive {  border: 1px solid #ddd;; color:#CCC; font-weight: normal; }
#dlList ul li ul li a:hover { background-color: #AA1224; color: #fff;  }
#dlList img {display: inline-block; border: none; top: 2px; position: relative; border: 1px solid #ccc;}
#dlList a.img {display: inline-block; border: none; padding: 0px; margin:0px; width: 23px; height: 25px; }


#diaryMenu {
	width: 564px; font-size: 10px; }
#diaryMenu ul { list-style: none; margin: 0px; padding: 0px; }
#diaryMenu ul li { 
	margin: 0px; margin-bottom: 10px; padding: 14px; display: block; background-color: #fff; border: 1px solid #999;
	font-size: 110%; font-weight: bold; }
#diaryMenu ul li div { display:block; border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; line-height: 18px; font-weight: bold; font-size: 110%; margin-left: 10px; margin-right: 19px;}
#diaryMenu ul li ul { margin: 0px; margin-left: 10px; }
#diaryMenu ul li ul li { margin: 0px; border: none; padding: 0px; }
#diaryMenu ul li ul li a { display: inline-block; margin: 0px; margin-top: 4px; border: 1px solid #ccc;; padding: 6px; width:360px; }
#diaryMenu ul li ul li ul a { width: 350px; }
#diaryMenu ul li ul li ul li ul a { width: 340px; }
#diaryMenu ul li ul li a.inactive {  border: 1px solid #ddd;; color:#CCC; font-weight: normal; }
#diaryMenu ul li ul li a:hover { background-color: #AA1224; color: #fff;  }
#diaryMenu img {display: inline-block; border: none; top: 2px; position: relative; border: 1px solid #ccc;}
#diaryMenu a.img {display: inline-block; border: none; padding: 0px; margin:0px; width: 23px; height: 25px; }


#eventsMenu {
	width: 564px; font-size: 10px; }
#eventsMenu ul { list-style: none; margin: 0px; padding: 0px; }
#eventsMenu ul li { 
	margin: 0px; margin-bottom: 10px; padding: 14px; display: block; background-color: #fff; border: 1px solid #999;
	font-size: 110%; font-weight: bold; }
#eventsMenu ul li div { display:block; border: 1px solid #ccc; height: 18px; background-color: #AA1224; color:#fff; text-align:center; line-height: 18px; font-weight: bold; font-size: 110%; margin-left: 10px; margin-right: 19px;}

#eventsMenu ul li { margin: 0px; border: none; padding: 0px; }
#eventsMenu ul li a { display: inline-block; margin: 0px; margin-top: 4px; border: 1px solid #ccc;; padding: 6px; width:418px; }
#eventsMenu ul li a:hover { background-color: #AA1224; color: #fff;  }
#eventsMenu a.inactive {  border: 1px solid #ddd;; color:#CCC; font-weight: normal; }
#eventsMenu img {display: inline-block; border: none; top: 2px; position: relative; border: 1px solid #ccc;}
#eventsMenu a.img {display: inline-block; border: none; padding: 0px; margin:0px; width: 23px; height: 25px; }



.galleryClass { background-color:#EEEEEE; }
.pastEnddate { background-color:#EEEEEE; }
#padlock { padding-left:50px;}