/* TEXT STYLES   */


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #dddddd;
}
a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	color: #FF9900;
	text-decoration: none;
}
a:hover {
	color: #dddddd;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}


.Headings {
	font-family:  'Franklin Gothic Book', Sans-Serif;, sans-serif;
	font-size: large; font-weight:normal;
	color: #33ccff;
}
.smallwhiteHeadings {
	font-family:  'Franklin Gothic Book', Sans-Serif;;
	font-size: large; font-weight:normal;
	color: #ffffff;
}

.DatesNoLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF9900;
	padding-left: 10px;
}


.MainText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #dddddd;
	padding-left: 10px;
}
.MainText:link {
	color: #FF9900;
	text-decoration: none;
}
.MainText:visited {
	color: #FF9900;
	text-decoration: none;
}
.MainText:hover {
	text-decoration:none;
	color: #dddddd;
}
.MainText:active {
	text-decoration: none;
}



.PlainText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #dddddd;
}
.PlainText:link {
	color: #FF9900;
	text-decoration: none;
}
.PlainText:visited {
	color: #FF9900;
	text-decoration: none;
}
.PlainText:hover {
	text-decoration:none;
	color: #dddddd;
}
.PlainText:active {
	text-decoration: none;
}




.HeaderNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #33ccff;
}
.HeaderNav:link {
	color: #FF9900;
	text-decoration: none;
}
.HeaderNav:visited {
	color: #FF9900;
	text-decoration: none;
}
.HeaderNav:hover {
	text-decoration:none;
	color: #dddddd;
}
.HeaderNav:active {
	text-decoration: none;
}


.PictureHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #33ccff;
}


.HeaderFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #33ccff;
}

.HeaderFooter:link {
	color: #ff9900;
	text-decoration:none;
}



/* BORDER STYLES  */
.Borders {
	border-width:1px; border-style:solid; cell-padding:6px; border-color:#33CCFF; background-color:#000000
}
.BordersTrans {
	border-width:1px; border-style:solid; border-color:#33CCFF;
	
}


/* DIV TAGS   */


#divHeaderFooter {
	 WIDTH: 720px; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #333 0px solid;
}
#divLogo {
	 WIDTH: 720px; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #33CCFF 1px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid;BORDER-BOTTOM: #33CCFF 1px solid;
}
#divNavigation {
	WIDTH: 720px; HEIGHT: 23px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px;  BACKGROUND: #333333; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 1px solid
}
#divMain {
	WIDTH: 720px; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 1px solid; background-image:url(../images/background/BWbackground.jpg); background-repeat: no-repeat;
}

#divFrontPageMainPanel {
	WIDTH: 720px; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 0px solid; background-image:url(../images/background/colourbackground.jpg); background-repeat: no-repeat;
}


#divContentPanelHalfLeft {
	WIDTH: 48%; FLOAT:left; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 0px solid;
}
#divContentPanelHalfRight {
	WIDTH: 48%; FLOAT:right; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 0px solid;
}

#divContentPanelThirdLeft {
	WIDTH: 32%; FLOAT:left; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 0px solid;
}
#divContentPanelThirdRight {
	WIDTH: 32%; FLOAT:right; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 0px solid;
}
#divContentPanelThirdCenter{
	WIDTH: 32%; FLOAT:center;  BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 0px solid;
}
#divContentPanelTwoThirdsLeft {
	WIDTH: 64%; FLOAT:left;  BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #33CCFF 0px solid;
}

/* NAVIGATION DROP DOWN MENUS   */


.NavText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #333333;
}
.NavText:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #333333;
}
.NavText:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	background-color: #333333;
}
.NavText:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #333333;
}






#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #333333; 
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 6px; 
	TEXT-DECORATION: none

}

#nav A:hover {
	COLOR: #FF9900;
	BACKGROUND-COLOR: #333333; 
	TEXT-DECORATION: none
}

#nav li { /* all list items */
	float: left;
	 /* width needed or else Opera goes nuts */
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	Z-INDEX: 100; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	TEXT-DECORATION: none
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	Z-INDEX: 100; 

	BACKGROUND: #333333; 
	BORDER-LEFT: #33ccff 1px solid; 
	BORDER-RIGHT: #33ccff 1px solid;  
	BORDER-BOTTOM: #33ccff 1px solid;
	TEXT-DECORATION: none
}

#nav LI UL A {
	WIDTH: 10em
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}








#nav li ul ul {     margin: -1em 0 0 10em; } 

#nav li:hover ul ul, #nav li.sfhover ul ul {     left: -999em; } 

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {     left: auto; }