.menu_highlight {
		background-color:   #316AC5 !important;
        background-image:   none !important;
    }
 
    .menu_highlight a{
		color:              #FFFFFF !important;
    }
    
    /*
    | Level 0 menu styles
    |
    */
    
    #menu_level_0 {
        position:           absolute;
        bottom:             2.2em;
        height:             2.08em;
		width:				60em;
		margin:             0 0;
        padding:            0;
		list-style:			none;
		background-color:   #8BADDD;
	}
    	
	#menu_level_0 li {
        position:           relative;
        float:              left;
		font-weight:		normal;
        margin:             0.4em 0.5em 0 0.5em;
		padding:		    0 0.4em 0 0.4em;
		height:				1.7em;
		background-color:   #B3D6FF;
		border-top-left-radius: 		10px;
		border-top-right-radius: 		10px;
    }
    
    #menu_level_0 li span.menu_top_left {
        position:           absolute;
        top:                0;
        left:               0;
        width:              0.5em;
        height:             0.5em;
        background:         url(../images/top-left-menu.gif) no-repeat left top ;
    }
    
    #menu_level_0 li span.menu_top_right {
        position:           absolute;
        top:                0;
        right:              0;
        width:              0.6em;
        height:             0.6em;
        background:         url(../images/top-right-menu.gif) no-repeat right top ;
    }
    
    #menu_level_0 li.menu_highlight span.menu_top_left {
        width:              0.6em;
        height:             0.6em;
        background:         url(../images/top-left-highlight-menu.gif) no-repeat left top !important;
    }
    
    #menu_level_0 li.menu_highlight span.menu_top_right {
        background:         url(../images/top-right-highlight-menu.gif) no-repeat right top !important;
    }
	
	#menu_level_0 li a, #menu_level_0 li a:visited {
        position:           relative;
        top:                0.1em;
		text-decoration:	none;
		color:				#225494;
		border:				none;
        font-size:          130%;
	}
	
	#menu_level_0 li a:hover {
		text-decoration:	none;
		color:				#FFFFFF;
	}
    
    /*
    | Level 1 menu styles
    |
    */
    
    #menu_level_1 {
        position:           absolute;
        bottom:             0;
		height:				1.75em;
        width:              59em;
		margin:				0 0 0 0.5em;
		padding:			0;
		background-image:   url(../images/level-1-menu-background.jpg);
		background-repeat:  repeat-x;
		background-position:top;
		background-color:   #000000;
		list-style:			none;
	}

	#menu_level_1 li {
        position:           relative;
        height:             1.75em;
		float:				left;
		margin:				0;
		padding:			0;
		background-image:   url(../images/level-1-menu-divider.png);
		background-position:right center;
		background-repeat:  no-repeat;
	}
        
	#menu_level_1 li a, #menu_level_1 li a:visited {
        position:           relative;
		float:				left;
		padding:			0.3em 1em;
		text-decoration:	none;
		color:				#FFFFFF !important;
		border:				none;
	}
    
	#menu_level_1 li a:hover {
		color:				#225494 !important;
	}
    
    /*
    | Level 2 menu styles
    |
    */
    
	#menu_level_2 {
    	position:			relative;
		width:				10em;
		margin:				0.5em 0 1em 0;
		padding:			0;
		background-color:   transparent;
		list-style:			none;
	}

	#menu_level_2 li.menu_level_2 {
		margin:				0.5em 0 0 0;
		padding:			0;
        width:              10em;
	}
    
	#menu_level_2 li a, #menu_level_2 li a:visited {
        position:           relative;
        left:               0.5em;
		padding:			0 0 0 0;
        font-size:          83%;
		text-decoration:	none;
		color:				#225494;
		border:				none;
	}
    
	#menu_level_2 li a:hover {
		color:				#FFFFFF;
	}

    /*
    | Level 3 menu styles
    |
    */
    
	#menu_level_3 {
    	position:			relative;
        top:                0;
        left:               0;
		width:				9em;
		margin:				0 0 0 0;
		padding:			0;
		background-color:   #B3D6FF;
		list-style:			none;
        display:            none;
	}

	#menu_level_3 li {
		margin:				0.3em 0 0 1em;
		padding:			0;
        font-size:          90%;
	}
    
	#menu_level_3 li a, #menu_level_3 li a:visited {
        position:           relative;
        left:               0.5em;
		padding:			0 0 0 0;
		text-decoration:	none;
		color:				#225494;
		border:				none;
	}
    
	#menu_level_3 li.menu_highlight {
		background-color:	#B3D6FF !important;
	}
    
	#menu_level_3 li.menu_highlight a {
		background-color:	#6E95CC !important;
	}
    
	#menu_level_3 li a:hover {
		color:				#FFFFFF;
	}

    .border {
        position:           absolute;
        height:             30px;
        width:              30px;
    }

    /*    WRAPPER BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #wrapper_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    
    #wrapper_top {
        top:                0;
        left:               30px;
    }
    #wrapper_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #wrapper_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    #wrapper_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #wrapper_right {
        top:                0;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #wrapper_bottom_left {
        bottom:             1em;
        left:               0;
        background:         url(../images/borders/bottom_left.gif) no-repeat;
    }
    #wrapper_bottom {
        bottom:             1em;
        left:               30px;
        width:              62em; 
        background:         url(../images/borders/bottom.gif) repeat-x;
    }
    #wrapper_bottom_right {
        bottom:             1em;
        right:              0;
        background:         url(../images/borders/bottom_right.gif) no-repeat;
    }
    /* END WRAPPER BORDERS */
    
    
    
    /*    HEADER BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #header_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    
    #header_top {
        top:                0;
        left:               30px;
    }
    #header_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #header_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    #header_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #header_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #header_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.gif) no-repeat;
    }
    #header_bottom {
        bottom:             0;
        left:               30px;
        width:              59em; 
        background:         url(../images/borders/bottom.gif) repeat-x
    }
    #header_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.gif) no-repeat;
    }
    /* END HEADER BORDERS */
    
    
    /*    LEFT PANEL BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #left_panel_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    
    #left_panel_top {
        top:                0;
        left:               30px;
    }
    #left_panel_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #left_panel_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    #left_panel_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #left_panel_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #left_panel_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.gif) no-repeat;
    }
    #left_panel_bottom {
        bottom:             0;
        left:               30px;
        width:              8.2em; 
        background:         url(../images/borders/bottom.gif) repeat-x
    }
    #left_panel_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.gif) no-repeat;
    }
    /* END LEFT PANEL BORDERS */
    
    
    /*    MAIN BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #main_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    
    #main_top {
        top:                0;
        left:               30px;
    }
    #main_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #main_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.gif) repeat-y;
    }
    #main_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #main_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.gif) repeat-y;
    }
    #main_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.gif) no-repeat;
    }
    #main_bottom {
        bottom:             0;
        left:               30px;
        width:              100%; 
        background:         url(../images/borders/bottom.gif) repeat-x;
    }
    #main_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.gif) no-repeat;
    }
    /* END MAIN BORDERS */	
	html {
		font-family:		helvetica,Arial,Verdana,sans-serif;
		font-size:			16px;
		height:				100%;
        overflow-y:         scroll;
	}
	
	body {
		margin:				0;
        padding:            0;
		height:				100%;
		background-color:	#B3D6FF;
	}
    
    p {
        margin:             0 0 0.7em 0;
        font-size:          80%;
        color:              #405F83;
    }

    h1 {
		margin:				0 0 0.2em 0;
		padding:			0;
		font-size:			115%;
        color:              #BD2E28;
		/* background-image:   url(../images/level-1-menu-background.jpg); */
    }
    
    h2 {
        font-size:          95%;
        font-style:         normal;
        color:              #405F83;
        margin:             0.7em 0 0.4em 0;
    }
	
	img {
		display:			block;
	}
	
	a:link, a:visited {
		color:				#000080;
		text-decoration:	none;
	}

	
	#wrapper {
		position:			relative;
		width:				60em;
 		margin:		        0.5em auto 1em auto;
		padding:			0 0 0 0;
		border-left:		.15em none #D8F1FF;
		border-right:		.15em none #D8F1FF;
        overflow:           hidden;
		background-color:	#FFFFFF;
	}
	
	#header {
        position:           relative;
        width:              60em;
        margin:             0 0 0 0;
        padding:            0 0 0 0;
		height:				13.5em;
        overflow:           hidden;
		background-image:	url('../images/header-background.jpg');
		background-repeat:  no-repeat;
		background-color:	#FFFFFF;
	}
	
	#header p {
		font-size:			90%;
        color:              #780000;
	}

	#header-link {
		position:			absolute;
		top:				1em;
		left:				2em;
		width:				5.4em;
		height:				7.5em;
		background-color:	transparent;
	}
	
	#admin-link {
		position:			absolute;
		top:				5.2em;
		left:				54.45em;
		width:				0.5em;
		height:				0.5em;
		cursor:				crosshair;
		background-color:	transparent;
	}
	
	#left_panel {
		display:			inline; /* needed for double IE6 margin bug. */
        position:           relative;
        float:              left;
		min-height:			20em;
		height:				auto !important;
		width:				10em;
		margin:				0.5em 0.5em 0.5em 0.5em;
		padding:			0;
        overflow:           hidden;
		background-color:	#B3D6FF;
    }
	#left_panel_spacer {
		background-color:	#FFFFFF;
		height:				0.5em;
	}
	
	#news_summary {
		position:			relative;
		width:				8em;
		margin:				0.5em 0.5em 0.5em 0.5em;
		padding:			0.5em 0.5em 0.5em 0.5em;
		background-color:	#8BADDD;
	}
	
	#news_summary h1 {
		font-size:			100%;
		color:				#405F83;
	}
	
	#contact_summary {
		position:			relative;
		width:				9em;
		margin:				0.5em;
	}

	#main {
        position:           relative;
		float:				left;
		min-height:			25em;
		height:				auto !important;
		width:				36em;
        margin:             0.5em 1em 1.5em 1em;
        padding:            0 0 0 0;
		overflow:			hidden;
        color:              #405F83;
		background-color:	#FFFFFF;
	}

	#main p, #main li {
		font-size:			85%;
		line-height:		1.3em;
	}
	
	#main li {
		margin:				0 0 0.5em 0;
	}
		
	#main img {
	}
	
	#main table.general {
		margin:				1em 0 0.5em 0;
        color:              #405F83;
		border:				none;
	}
	
	#main table.general p {
		margin:				0 0 0 0;
		line-height:		1em;
	}

	#main table.general th {
		padding:			0.3em 0.3em 0.3em 0;
		white-space:		nowrap;
	}
	
	#main table.general td {
		padding:			0.3em 0.3em 0.3em 0;
		white-space:		nowrap;
	}
	
	#main table.simple_border {
		margin:				1em 0 0.5em 0;
        border-collapse:    collapse;
        color:              #405F83;
	}
	
	#main table.simple_border th {
        border:             0.1em solid #759DD1;
        padding:            0.2em 0.5em 0.2em 0.5em;
	}
	
	#main table.simple_border td {
        border:             0.1em solid #759DD1;
        padding:            0.2em 0.5em 0.2em 0.5em;
	}
	
	#main table.simple_border p {
		margin:				0 0 0 0;
	}
	
	#main #news_arrows {
		position:			absolute;
		top:				0;
		right:				0;
		width:				10em;
	}
	
	#main #left_news_arrow, #main #left_news_arrow_text {
		position:			relative;
		float:				left;
		font-size:			85%;
	}
	
	#main #right_news_arrow, #main #right_news_arrow_text {
		position:			relative;
		float:				right;
		font-size:			85%;
	}
	
	#main #right_news_arrow, #main #left_news_arrow {
		width:				1.5em;
		border:				none;
	}
	
	#right_panel {
        position:           relative;
        float:              left;
		min-height:			20em;
		height:				auto !important;
		width:				10em;
		margin:				0.5em 0.5em 0.5em 0.5em;
		padding:			0;
        overflow:           hidden;
		background-color:	#B3D6FF;
    }
	
	#hot_links {
		position:			relative;
		width:				8em;
		margin:				0.5em 0.5em 0.5em 0.5em;
		padding:			0.5em 0.5em 0.5em 0.5em;
		background-color:	#F5F5F5;
	}
	
	#hot_links h1 {
		font-size:			100%;
	}
	
	#hot_links h2 {
		margin:				0 0 0 0;
		font-size:			75%;
		color:				#AC0000;
	}
	
	#hot_links p {
		margin:				0 0 0 0;
	}
	
	#hot_links .hot_link {
		padding:			0.25em;
		background-color:	#FFFFFF;
		color:				#ED910D;
		margin:				0.5em 0 0.5em 0;
	}
	
	#hot_links .hot_link_hover {
		background-color:	orange;
	}

	#featured_events {
		position:			relative;
		height:				13.5em;
		width:				8em;
		margin:				0.5em 0.5em 0.5em 0.5em;
		padding:			0.5em 0.5em 0.5em 0.5em;
		color:				#225494 !important;
		background-color:	#F5F5F5;
	}
	
	#featured_events h1 {
		font-size:			100%;
		color:				#405F83;
		text-align:			center;
	}
	
	#featured_events .featured_date {
		font-size:			80%;
		text-align:			center;
	}
	
	#featured_events .featured_title {
		font-size:			80%;
		font-weight:		bold;
		text-align:			center;
	}
	
	#featured_events .featured_event {
		margin:				0 0 1em 0;
	}
	
	#featured_events .featured_image {
		width:				7.69em;
		height:				7.69em;
		margin:				0.2em 0 0 0.18em;
		border:				none;
	}
	
	#featured_events a:hover {
		color:				grey;
	}
	
	#footer {
        position:           relative;
		float:				left;
		height:				1.7em;
        width:              71em;
        margin:             0 0 0 0;
        padding:            0.3em 0 0 0;
		font-size:			85%;
		text-align:			center;
        color:              #405F83;
		background-image:	url('../images/footer-background.jpg');
		background-color:	transparent;
	}
	
	#footer a:link, #footer a:visited {
		color:				#FFFFFF;
	}
	
	#footer a:hover {
		color:				#000000;
	}
	
    #popup_panel {
        position:           absolute;
        left:               50%;
        width:              50em;
		height:				24em;
        min-height:         24em;
		height:				auto !important;
		display:            none;
		border:             .3em solid #000000;
 		margin:		        3em auto 0 -25em;
        z-index:            99;
        overflow:           hidden;
		padding:			0 0.5em 0 0.5em;
		background-color:	#FFFFFF;
    }
	
    #popup_header {
		height:				1.5em;
        text-align:			right;
	}
	
    #popup_header a {
        color:           	#405F83;
	}

	#mask {
		position:			absolute;
		top:				0;
		width:				100%;
        height:             100%;
        display:            none;
 		margin:		        0 0 0 0;
		padding:			0 0 0 0;
        overflow:           hidden;
		background-color:	black;
        opacity:            0.5;
        filter:				alpha(opacity=50); 
        z-index:            99;
	}
    .left_float {
        float:              left;
    }
    
    .right_float {
        float:              right;
    }