


body{  /*main body */
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;


}

h1{
	font-size:140%;
	color:#000000;
	/*line-height:140%; */

}


.textcontent a:link, .textcontent a:visited, .textcontent a:selected, .textcontent a:active{
	color:#0033CC;
	text-decoration:none;

}

.textcontent a:hover{
	color:#AA0000;
	text-decoration:underline;

}


#outsideContainer{ /* is for using highlight effects behind the main table */
	

}

#effectHeader{
	

}

#effectFooter{
	


}
#pageContainer{  /*holds the main table */
	clear: left;
	width: 900px;
	margin: 0px auto;
	height:100%;
	
		border-width:1px;
		border-color:#00546c;
		border-style:solid;
	top:0px;
	position:relative;
font-size:inherit;	
padding:0px;

}

#header{
	height:100px;
	background-image:url(/stylesheets/images/4header.jpg); 

}

#headerText{
	position:relative;
	font-family:Calibri, Verdana, Arial;
	font-size:180%;
	width:px;
	left:px;
	height:px;
	top:160px;
	color:#000000;
	vertical-align:middle;
	text-align:left;
	font-style:;
	font-weight:bold;

}
#topbar{

		height:0px;
		margin:0px;
		
}
 
#mainContainer{ /*holds the sidebar and content */
	clear:both;
	position:relative;
	font-size:inherit;	
	border-color:#000000;
	border-width:0px;
	border-style:solid;
	background-color:#00546C;
		padding-bottom:0px;




	
}

table{
font-size:inherit;
position:relative;

}

#sidebar{
	position:relative;
	height:100%;
	float:left;

	width:140px;
	clear:inherit;
	z-index:1999;  
	FONT-SIZE:80%;
	font-family:Arial, Verdana;
	padding-bottom:45px;
	

}


#content1{  /*HOLDS all the main content except the footer */
	position:relative;
	float:left;
	width:738px;
	size:portrait;
	font-size:inherit;
	over-flow:auto;	
	
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:49px;
		border-left-style:solid;
		border-left-color:#00546c;
		border-left-width:0px;
		background-color:#FFFFFF;
		min-height:450px
	
	
	
}

#contentFullPage{  /*holds all the content when no sidebar is used */
	position:relative;
	float:left;
	width:890px;

	overflow:auto;
	padding-left:5px;
	padding-bottom:30px;
	padding-top:10px;	
	padding-right:5px;
	
	

	
	}

#footer{
	background-color:#ffffff;
	height:auto;
	width:100%;
	position:relative;
	float:right;
	margin-bottom:0px;
	vertical-align:bottom;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	text-align:center;
	padding:0px;
	margin:0px;



}


.breadcrumbs {
	color: #666666;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;	
}
.breadcrumbs a:link, .breadcrumbs a:Active, .breadcrumbs a:visited{
	color: #666666;
	text-decoration:none;

}
.breadcrumbs A:hover{
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	
}
.footer {
	color:#666666;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;	
}
.footer a:link, .footer a:Active, .footer a:visited{
	color:#666666;
	text-decoration:none;

}
.footer a:HOVER{
	color: #666666;
	text-decoration:underline;

}

.textcontent  /*used for standard text */
{
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 85%;
	line-height:1.3;
	color:#000000;
}

#breadCrumbFeatures /*to the right of the page showing login box etc*/
{
	margin-right:0px;
	WIDTH:300px;
	float:right;
	font-size:INHERIT;
	text-align:right;
}

.CollapsiblePanel {  /*holds the login text - non user definable */
	margin: 0px;
	padding: 0px;
	width:200px;
	position:relative;
	float:right;
}

#logintext{  /* holds the login text - non user definable */
	margin: 0px;
	padding: 0px;
	width:80px;
	position:relative;
	float:right;
	right:5px;

}









#contentHeader{ /*contains breadcrumbs and breadcrumb features(ie login)*/
position:relative;
width:100%;
HEIGHT:auto;
min-height:20px;
}

#contentBody{ /* contains the content and sits under the breadcrumbs */
position:relative;
width:100%;
clear:both;
top:4px;
padding-bottom:20px;
}


.table{
	background-color:#FFFFFF;
	color:#000000;
	border-color:#98AD9B;
	border-width:1px;
	border-style:solid;
	padding:3px;
	display:block;
	width:90%;
}
.tableBorder{  /*used for standard tables*/
	border-color:#00546c;
	border-width:1px;
	border-style:solid;


}
	
.tableHeading, .tableHeading a:link,.tableHeading a:visited,.tableHeading a:active,.tableHeading a:hover{
	background-color:#00546c;
	color:#FFFFFF;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}


.tableContent1{
	background-color:#EDEDED;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:inherit;

}

.tableContent2{
	background-color:#DDE3FF;
	font-size:inherit;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;	
}


.button{
	padding:2px;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#F7F727;
	font-size:85%;

}

.input{
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;

font-size:100%;
}




/* CALENDAR */

.calendar {
	border-color:#00546C;
	border-style: solid;
	border-width:1px;
	font-size:inherit;
}


.calendarday {
	background-color:#00546C;
	color:#FFFFFF;
	border-width:thin;
}

.textcalendarday {
	color:#FFFFFF;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: inherit;
}


.textcalendar {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: inherit;
	color: #000000;
}

.textcalendar a:link {
	color: #141414;
	text-decoration: none;
}	

.textcalendar a:visited {
	color: #141414;
	text-decoration: none;	
}	
.textcalendar a:active {
	color: #141414;
		text-decoration: none;
}	
.textcalendar a:hover {
	color: #141414;
		text-decoration: underline;
}	

.calendarothermonth {
	background-color: #F2EDED;
	border-width: 1px;
	border-style: SOLID;
	border-color: #00546C;
}

.calendarothermonthEVENT {
	background-color:#CCCECA;
	border-style:dotted;
	border-color:#000066;
	margin: 5px 0px 0px 0px;
	display: block;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding:2px;
}
.calendarAllDay {  /* BLOCK HIGHLIGHT */
	background-color:#CDC9D3;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	margin: 0px 0px 0px 0px;
	display: block;
}




.calendartoday {
	background-color: #FFFFFF;
	border-width:thin;
	border-color: #00546C;
	border-style: solid;
}

.calendartodayEVENT {
	background-color:#D0ECF4;
	border-style:dotted;
	border-color:#000066;
	margin: 5px 0px 0px 0px;
	display: block;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding:2px;
}

.calendarnormal {
	background-color: #DBD6D9;
	border-width: 1px;
	border-color: #00546C;
	border-style: SOLID;
}
.calendarnormalEVENT {  /* BLOCK HIGHLIGHT */
	background-color:#D0ECF4;
	border-style:dotted;
	border-color:#000066;
	margin: 5px 0px 0px 0px;
	display: block;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding:2px;
}

.calendarweekend {
	background-color: #FAFCCF;
	border-width: 1px;
	border-color: #00546C;
	border-style: SOLID;
}

.calendarweekendEVENT {
	background-color:#D0ECF4;
	border-style:dotted;
	border-color:#000066;
	margin: 5px 0px 0px 0px;
	display: block;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding:2px;
}

.calendarothermonthHeading{
	position:relative;
	display:block;
	background-color:#C2C6C4;
	color:#000000;
}

.calendartodayHeading{
	position:relative;
	display:block;
	background-color:#2D9EB7;
	color:#000000;

}

.calendarnormalHeading{
	position:relative;
	display:block;
	background-color:#2A5D6B;
	color:#FFFFFF;
}

.calendarweekendHeading{
	position:relative;
	display:block;
	background-color:#00546C;
	color:#FFFFFF;
}


/* MENU ITEMS -----------------------------------*/

.MemberMenu {
	float: left;
	width:110px;
	left: 0px;
	top:0px;
	height : 25px;
	background-color:#C9DDCE;
	padding: 0px;
	border: 1px dash #260E00;
	position: relative;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:inherit;
	color: #260E00;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-top-width: thin;
}

.MemberMenuSELECTED {
	float: left;
	width:110px;
	left: 0px;
	top:0px;
	height : 25px;
	background-color:#90B59B;
	padding: 0px;
	border: 1px dash #260E00;
	position: relative;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:inherit;
	color: #260E00;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-top-width: thin;
}

.MemberMenuSELECTED A:link,.MemberMenuSELECTED A:hover,.MemberMenuSELECTED A:active,.MemberMenuSELECTED A:visited {
	background-color:#90B59B;
	color: #260E00;
}

.MemberMenu a {
	width: 100%;
	height: 25px;
	padding: 0px;
	display: block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid;
	background-color:#C9DDCE;
}


.MemberMenu a:link, .MemberMenu a:visited, .MemberMenu a:active   {
	color: #000000;
	background-color: #C9DDCE;
	border: 1px solid;
	text-decoration: none;	
}



.MemberMenu a:hover  {
	background-color: #EFEFEF;
	color: #000000;
	text-decoration: none;
}


.MemberSubMenu /*same BG as tableHeading */
{
	background-color:#90B59B;
	color:#260E00;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:inherit;
}

.MemberSubMenu a:link,.MemberSubMenu a:visited,.MemberSubMenu a:active{
	color:#260E00;
	text-decoration:none;
}
.MemberSubMenu a:hover{
	color:#260E00;
	text-decoration:underline;
}

	
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 140px;
	
}
ul.MenuBarActive
{
	z-index: 1000;
}
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 140px;
	background-color:#00546c;
	color: #FFFFFF;

	
	
}
ul.MenuBarVertical ul
{
	margin: 0 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 140px;
	left: -100em;
	top: 0;
	background-color:#00546c;
	color: #FFFFFF;

	
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
ul.MenuBarVertical ul li
{
	width: 140px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

ul.MenuBarVertical
{

}
ul.MenuBarVertical ul
{
	BORDER-width:1px;
	border-color:#;
	border-style:solid;


}
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	padding: 4px 4px;
	background-color: #00546c;
	color: #FFFFFF;	
	text-decoration: none;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#00546c;
	
}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color:#1798b8;
	color: #000000;	
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#00546c;

}
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color:#1798b8;
	color: #000000;	
}

ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(/images/MenuBarRightWhite.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;

}

ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(/images/MenuBarRightBlack.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}