/* Content Styles */

/* Tag Styles*/

a:link { /* Anchor Tag - links */
	text-decoration:none
}
a:active { /* Anchor Tag - active links */
	color:#99CCFF;  text-decoration:none;
}
a:visited { /* Anchor Tag - visited links */
	text-decoration:none;
}
a:hover { /* Anchor Tag - links on mouse hover */
	color:#9999CC;  text-decoration:none;
}

abbr { /* abbreviations */
	border-bottom:1px dashed;
	cursor:help
}
acronym { /* acronyms */
	border-bottom:1px dashed;
	cursor:help
}

dfn { /* definitions */
	font-style:normal;
	border-bottom:1px dashed;
	cursor:help
}
code { /* code sections */
	font-family:courier, monospace;
	border:1px solid #cccccc;
	background-color:#ffffcc;
	padding-left:1px;
	padding-right:1px
}

h1 { /* headings - level 1 */
	font-size:1.4em;
	padding:2px;
	margin:.25em 0;
	clear:both;
	color:#000000;
}
h2 { /* headings - level 2 */
	font-size:1.2em;
	padding:2px;
	margin:.25em 0;
	clear:both;
	color:#000000;
}
h3 { /* headings - level 3 */
	font-size:1.1em;
	padding:2px;
	margin:.25em 0;
	clear:both;
	color:#000000;
	font-weight:bold;
}
hr { /* horizontal rules */
	width:90%;
	height:1px;
	color:black;
	color:#000000;
}
img { /* images */
	border:0px
}

.imageleft { /* left aligned images */
	float:left;
	margin:10px 20px;
	border: 2px solid #0BA3D8;
}

img.right { /* right aligned images */
	float:right;
	margin-left:3px
}
input { /* input boxes (forms) */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
}
kbd { /* keyboard */
	padding:0px 1px 0px 1px;
	border-width:1px 2px 2px 1px;
	border-style:solid
}
li { /* list items */
	padding-top:6px;
	font-size:1.1em;
	color:#000000;
}
ol { /* ordered lists */
}
option { /* options (forms) */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
}
p { /* Paragraphs - should be the same as the bodytext style */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
	margin:.5em 0;
	font-size:1.1em;
	color:#000000;
}
samp { /* samples */
	font-family:courier, monospace;
	border:1px solid #cccccc;
	background-color:#ccffcc;
	padding-left:1px;
	padding-right:1px
}
select { /* Select boxes (forms) */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
}
span.underline { /* Spans - underline */
	text-decoration:underline
}
table { /* Tables */
	font-size:1em
}

td { /* Table Cells */
}
textarea { /* textarea boxes (forms) */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
}
ul { /* unordered lists */
}

/* Top Menu Styles */

.topmenu {/* This style identifies the characteristics of the container that holds the top menu in it*/
	background-image:url(/assets/system/menuback.gif);
	backgroundcolour:transparent;
	background-repeat: repeat-x;
  	height: 30px;                   /* Sets height of top menu container */
	margin:0;
	padding:0;
}
    
#menuh{/* This style sets positioning of the top menu (among other things) */
	margin-left:1em;
	margin-top:0em;
	height:191px;                                               /* Sets height of top menu                     
}

#menuh a, #menuh h2{
	display:block;
	white-space:nowrap;
	margin:0;
}

#menuh h2{
	color:#fff;
	background:#000 url(/assets/icons/expand3.gif) no-repeat 100% 100%;
	text-transform:uppercase
}


#menuh ul{ /* This style has a bearing on the top level menu */
	list-style:none;
	margin:0px;
	padding:0;
	/*float:left;*/
	width:191px;             /* Width of first level menu items for the top menu */
}

#menuh li{
	position:relative;
	margin:0;
	padding:0;
	font-size:1.0em;
}

#menuh ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	width:15.0em;            /* Width of sub menu items for the top menu */
}

#menuh ul ul ul{
	top:0.5em;               /* Top offset for sub menu items */
	left:80%;                /* left offset for submenu items */
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menuh h2:hover{
	background:#000 url(/assets/icons/expand3.gif) no-repeat -999px -9999px;
}


div#menuh li:hover{
	cursor:pointer;
	z-index:100;
}

div#menuh li:hover ul ul,div#menuh li li:hover ul ul,div#menuh li li li:hover ul ul,div#menuh li li li li:hover ul ul{ /* Hides relevant menu items - dont touch */
	display:none;
}

div#menuh li:hover ul,div#menuh li li:hover ul,div#menuh li li li:hover ul,div#menuh li li li li:hover ul{ /* Displays relevant menu items - dont touch */
	display:block;
}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menuh a.lv1 {/* This style identifies the characteristics of first level top menu items (with no children) within the site */
	font-size:1.1em;
	text-decoration:none;
	text-align:center;
	padding:6px;
	color:#FFFFFF; 
	border:none;
	background-image: url(/Assets/System/tab.gif);
	background-repeat: norepeat;
}

#menuh a.lv1:hover {/* This style identifies the characteristics of first level top menu items (with no children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	text-align:center;
	padding-left:7px;
	color:#000000;
}

#menuh a.lv1x {/* This style identifies the characteristics of first level top menu items (with children) within the site */
	font-size:1.1em;
	text-decoration:none;
	text-align:center;
	padding:4px;
	color:#FFFFFF; 
	border:none;
	background-image: url(/Assets/System/tab.gif);
	background-repeat: norepeat;
}

#menuh a.lv1x:hover {/* This style identifies the characteristics of first level top menu items (with children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	text-align:center;
	padding-left:7px;
	color:#000000;
}

#menuh a.lvX {/* This style identifies the characteristics of lower level top menu items (with no children) within the site */
	font-size:1.1em;
	text-decoration:none;
	text-align:left;
	padding:4px;
	color:#333333; 
	border:1px solid #666666;
	border-top:none; 
	background:#FFCC33;
}

#menuh a.lvX:hover {/* This style identifies the characteristics of lower level top menu items (with no children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	text-align:left;
	padding:4px;
	color:#FFFFFF;
}

#menuh a.lvXx {/* This style identifies the characteristics of lower level top menu items (with children) within the site */
	font-size:1.1em;
	text-decoration:none;
	text-align:left;
	padding:4px;
	color:#333333; 
	border:1px solid #666666;
	border-top:none; 
	background:#FFCC33 url(/assets/icons/expand3.gif) no-repeat 100% 100%;
}

#menuh a.lvXx:hover {/* This style identifies the characteristics of lower level top menu items (with children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	text-align:left;
	padding:4px;
	color:#FFFFFF;
}

/* End Top Menu Styles */  

/* Side Menu Styles */

.sidemenu {/* This style identifies the characteristics of the container that holds the side menu in it*/
	background-color:#FFCC33;                                   /* background colour of side menu */
	width:180px;                                                /* width of side menu */
	vertical-align:top;
	border-right:1px solid black;
}

#menuv{/* This style sets positioning of the side menu (among other things) */
	margin:0;
	padding-top:20px;       /* Effects top offset of side menu */
	top:0px;               /* Effects top offset of side menu */
	left:0px;              /* Left offset of side menu items */
	z-index:2;
	width:17.0em;          /* Width of menu items */
	padding-bottom:18em;   /* To allow room for bottom dropdown */
}

#menuv a, #menu h2{
display:block;
border-width:1px;
border-style:solid;
white-space:nowrap;
margin:0;
}

#menuv h2{}

#menuv a{}

#menuv a:hover{}

#menuv a:active{}

#menuv ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menuv li, div#menu li:hover {
position:relative;
padding:0px;font-size:1.0em
}

div#menuv li ul{ /* Characteristics of submenu items */
position:absolute;
top:0.5em;         /* Effects top offset of submenu items */
left:80%;          /* Effects left offset of submenu items */
width:25.0em;      /* Effects width of submenu items */
display:none;      /* Hides submenu items - do not touch */
}

div#menuv ul ul,
div#menuv ul ul ul,
div#menuv ul ul ul ul,
div#menuv ul ul ul ul ul,
div#menuv ul li:hover ul ul,
div#menuv ul li:hover ul ul ul,
div#menuv ul li:hover ul ul ul ul,
div#menuv ul li:hover ul ul ul ul ul {/* Hides appropriate menu items - do not change */
	display:none;
}

div#menuv ul li:hover ul,
div#menuv ul ul li:hover ul,
div#menuv ul ul ul li:hover ul,
div#menuv ul ul ul ul li:hover ul,
div#menuv ul ul ul ul ul li:hover ul { /* Displays appropriate menu items - do not change */
	display:block;
}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menuv a.lv1 {/* This style identifies the characteristics of top level side menu items (with no children) within the site */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#FFFFFF;
	border:1px solid #000000;
	border-left:none;
	border-right:none;
	border-top:none;
}

#menuv a.lvX {/* This style identifies the characteristics of lower level side menu items (with no children) within the site */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#333333;
	border:1px solid #666666;
	border-top:none; 
	background:#CCCCCC 
}

#menuv a.lv1x {/* This style identifies the characteristics of top level side menu items (with children) within the site */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#FFFFFF;
	border:1px solid #000000;
	border-left:none;
	border-right:none;
	border-top:none; 
}

#menuv a.lvXx {/* This style identifies the characteristics of lower level side menu items (with children) within the site */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#333333;
	border:1px solid #666666;
	border-top:none; 
	background:#CCCCCC url(/assets/icons/expand3.gif) no-repeat bottom right;
}

#menuv a.lv1x:hover {/* This style identifies the characteristics of top level side menu items (with children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#666666;
}

#menuv a.lvXx:hover {/* This style identifies the characteristics of lower level side menu items (with children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#FFFFFF;
	border:1px solid #333333;
	border-top:none;
	background-color:#666666;
}

#menuv a.lv1:hover {/* This style identifies the characteristics of top level side menu items (with no children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#666666;
}

#menuv a.lvX:hover {/* This style identifies the characteristics of lower level side menu items (with no children) when the mouse is hovering over them */
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#FFFFFF;
	border:1px solid #333333;
	border-top:none;
	background-color:#666666;
}

/* End Side Menu Styles */

/* Panel Styles */

.panelbannerbackground {/* This style identifies the characteristics of the background of headings within the side panel*/
	background-color:#6699CC;
	text-align:center;
	padding:3px;
	border:1px solid black;
}
.panelbannerbackgroundhover {/* This style identifies the characteristics of the background of headings within the side panel when the mouse is hovering over it*/
	background-color:#CCCCCC;
	text-align:center;
	padding:3px;
	border:1px solid black;
}
.panelbannertext {/* This style identifies the characteristics of the text within headings in the side panel*/
	font-size:1.1em;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px;
	text-align:center;
}
.panelbannertexthover {/* This style identifies the characteristics of the text within headings in the side panel when the mouse hovers over them*/
	font-size:1.1em;
	color:#000000;
	text-decoration:none;
	padding-bottom:1px;
	text-align:center;
}
/* End Panel Styles */
  

  /* Article Styles */

.itemdate {/* This style identifies the characteristics of dates within event and news articles */
	font-size:1em;
	text-indent:10pt;
}

.articleteaser {/* This style identifies the characteristics of the article description used in search results and article lists */
	margin:.5em 0;
	font-size:.9em;
	color:#000000;
	vertical-align:top;
}

  /* Banner Styles */
  
.BreadcrumbText {/* This style identifies the characteristics of the breadcrumb text (navigation) */
	font-size:.9em;
	text-decoration:none;
	padding:4px;
	color:#000000;
}

.BreadcrumbBackground {/* This style identifies the characteristics of the background of the breadcrumb */
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding:5px;
	padding-left:0px;
}

.MainBannerText {
	font-size:1.2em;
	text-decoration:none;
	padding:4px;
	color:#FFFFFF;
	font-weight:bold;
}

.MainBannerBackground {
	background-color:#6699CC;
	font-size:1.2em;
	text-decoration:none;
	padding:5px;
	border:1px solid black;
}

.SubBannerBackground {
	background-color:#6699CC;
	text-decoration:none;
	border:none;
	padding:4px;
}

.SubBannerText {
	font-size:1.1em;
	text-decoration:none;
	padding:4px;
	color:#FFFFFF;
}

.configbannertext {/* This style identifies the characteristics of the banner that appears on site configuration screens */
	text-align:left;
	font-size:1.1em;
	padding:4px;
	color:white;
	vertical-align:top;
	white-space:normal;
	font-weight:bold;
}

.configbannerbackground {/* This style identifies the characteristics of the background  of the banner that appears on site configuration screens */
	background-color:#6699CC;
	text-align:left;
	padding-left:9px;
	padding-right:9px;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:top;
	border:1px solid black;
}

.configsubbannertext {/* This style identifies the characteristics of the sub headings that appear on site configuration screens */
	text-align:left;
	font-size:1.1em;
	padding-left:9px;
	padding-right:9px;
	padding-top:3px;
	padding-bottom:3px;
	color:white;
	vertical-align:top;
	white-space:normal;
}

.configsubbannerbackground {/* This style identifies the characteristics of the background  of sub headings that appear on site configuration screens */
	background-color:#6699CC;
	text-align:left;
	padding-left:9px;
	padding-right:9px;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:top;
	border:1px solid black;
}

  /* Download Styles */
  
.downloadtitle {/* This style identifies the characteristics of the title of downloads displayed within the site*/
	font-size:1.1em;
	text-indent: 10pt;
	vertical-align: top;
	text-align:left;
  	text-decoration: none;
}
  
  .downloaddescription {/* This style identifies the characteristics of the description of downloads displayed within the site*/
	font-size:1em;
	text-indent: 10pt;
	vertical-align: top;
	text-align:left;
	padding-top:1px;
  }
  
  .downloadlink {/* This style identifies the characteristics of download links displayed within the site  */
	color: #0000FF;
	text-decoration: none;
  }
  
  
  
  /* Calendar Styles */

  .all {
  	background-color: #000000;
  }

  .calendardays {
	color:#ffffff;
	background-color:#6699CC; 
	text-align:center;
	width:14%;
  }

 
  .day {
	background-color: #FFFFFF;
	color:#000000;
	font-size:1.1em; 
  }
  
  .daynow {
	background-color: #6699CC;
	color:#ffffff;
	font-size:1.1em; 
  }
  
  .dayout {
	background-color: #999999;
	color:#000000;
	font-size:1.1em; 
  }


/* End Content Styles */

/* General Styles */
.bodymain {/* This style identifies the characteristics of the BODY tag within non configuration pages within the site */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
	font-size:75%;
	background-color:#6699CC;
	background-color:#FFFFFF;
	margin:0px;
}
.bodyconfig {/* This style identifies the characteristics of the BODY tag within configuration pages within the site */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
	font-size:75%;
	background-color:#CCCCCC;
}
.bodytext {/* This style identifies the characteristics of all plain text within the site. this value should match that of the P tag  */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
	margin:.5em 0;
	font-size:1.1em;
	color:#000000;
}
.helptext {/* This style identifies the characteristics of the help text */
	font-family:Verdana,Ms Sans Serif,Tahoma,Helvetica;;
	margin:.5em 0; 
	font-size:1.1em; 
	color:#FFFF00; 
	vertical-align:top;
	font-style:italic;
}
.bodytextself {
	font-size:1em;
	color: #000000;
	text-indent: 10pt;
	vertical-align: top;
	text-align:left;
	font-style : italic;
}

.copyright {/* This style identifies the characteristics of the copyright disclaimer used within the site */
	font-size:.9em;
	color:#000000;
	text-indent:10pt;
	padding:3px;
	background-color:#FFCC33;
}
  
  
.editbutton {
	cursor: pointer;
	padding: 3px;
	width: 150px;   	  
}
  
.fakelink {
	cursor: pointer;
}
.formlabel {/* This style identifies the characteristics of labels used within forms */
	font-size:1.1em;
	color:#000000;
	text-align:right;
	vertical-align:top;
	padding-top:4px;
	padding-right:4px;
}

.formsubmit {/* This style identifies the characteristics of the submit button on forms within the site */
	font-size:1.1em;
	color: #000000;
	vertical-align: middle;
	text-align:center;
}

.formvalue {/* This style identifies the characteristics of the values appearing in form fields within the site */
	font-size:1.1em;
	color:#000000;
	text-align:left;
}
  
div#tree span,div#tree div span,div#tree div div span,div#tree div div div span,div#tree div div div div span {
	padding:0px;
}

.headingimage {/* This style identifies the characteristics of images used in headings */
  	vertical-align: middle;
}
  


.hidden {/* This style identifies the characteristics of hidden text used within the site */  
	
}
 
.itemlink {
	font-size:1.1em;
	color: #0000FF;
	text-decoration: none;
}

.prevnext {
	font-size:1.1em;
	color: #000000;
	text-indent: 10pt;
	vertical-align: top;
	text-align:center;
}

.tree {
	text-indent: 10pt;
	background-color: #FFFFFF;
    border: 1px solid black;
	padding: 5px;
}
  
.treelv0 {text-indent: 0px;}
.treelv1 {text-indent: 20px;}
.treelv2 {text-indent: 40px;}
.treelv3 {text-indent: 60px;}
.treelv4 {text-indent: 80px;}
.treelv5 {text-indent: 100px;}

/* End General Styles */

/* Group 3 - Footer*/

.footer {
	border-top:1px solid black;
	border-bottom:1px solid black;
	background-color:#FFCC33;

}

.footermenubackground {
	text-align: right;
}

.footerbackground {/* This style identifies the characteristics of the background of footer text within the site */
	text-align:left;
	width:120px;
	padding:3px;
	background-color:#FFCC33;
}

.footerbackgroundhover {/* This style identifies the characteristics of the footer background when the mouse is hovering over it */
	text-align:left;
	width:120px;
	padding:3px;
}

.footertext {/* This style identifies the characteristics of footer text within the site */
	font-size:0.9em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:6px;
	text-align:left;
}

.footertexthover {/* This style identifies the characteristics of footer text when the mouse is hovering over it */
	font-size:0.9em;
	color:#9999FF;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	padding:6px;
	text-align:left;
}

.calendar {width : 100%;
	padding : 5px;
	margin : 0;
	border-right: 1px solid black;
	vertical-align: top;
}

.main {
	padding:5px;
	margin:0;
	border-right:1px solid black;
	vertical-align:top;
}
  
.secondary {
	padding:5px;
	margin:0;
	width:20%;
}
/* End Page Layout Styles */