* { margin: 0; padding: 0; }

html { min-height: 100%; margin-bottom: 1px; background: #000 url(../img/bg_html.gif) no-repeat top center; }
	
body {
	font: .9em "Times New Roman", Times, serif;
	color: #777;
	line-height: 1.1em;
	cursor: default;
	margin-left: 40px;
	}


/* global */
	.graphic {
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		text-indent: -11000px;
		}
	/* clear fix */
		.clearfix:after, #content:after, #footer:after, #display .staff:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		* html .clearfix, * html #content, * html #display .staff, * html #footer { height: 1%; }
	/* // clear fix */

	/* forms */
		input {
			font: 11px Tahoma, Sans-Serif;
			padding: 2px;
			color: #777;
			}
	/* // forms */

	a {
		color: #FFF;
		text-decoration: underline;
		}
	
	a:hover {
		color: #FFF;
		}
/* // global */

/* container */

	#container {
		width: 854px;
		margin: 0 auto;
        background: none;
		}
		
/* // container */

/* quick nav */


	#qnav {
		width: 400px;
		height: 39px;
		margin-top: -39px;
		margin-left: 20px;
		}
	
	#qnav li {
		list-style-type: none;
		display: block;
		float: left;
		background: url(../img/bg_qnav.gif) repeat-x;
		}
	
	#qnav a {
		display: block;
		float: left;
		height: 31px;
		line-height: 30px;
		font-size: 1.1em;
		padding: 0 5px 0 5px;
		border-right: solid 2px #0B0E17;
		text-decoration: none;
		}
		
	#qnav .pn a { color: #57708B; }

	
/* // quick nav */

/* header */

	#header {
		position: relative;
		width: 855px;
		height: 183px;
        background: url(../headers/1.gif) no-repeat;
		}
		
	#header h1 {
		position: absolute;
		top: 72px;
		left: 35px;
		width: 169px;
		height: 74px;
		}
		
	#header a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 313px;
		height: 47px;
		background: url(../img/bg_h2.gif) no-repeat;
		}
	
/* // header */

/* nav */

	* html #nav { height: 352px; }
	
	#nav {
		width: 163px;
		min-height: 352px;
		background: url(../img/bg_nav.gif) no-repeat;
		font-family: "Lucida Sans", "Trebuchet MS",Arial, Helvetica, sans-serif;
		}
		
	#nav li {
		list-style-type: none;
		display: block;
		width: 163px;
		margin-bottom: 4px;
		}
		
	#nav li a { 
		display: block; 
		width: 163px; 
		height: 24px; 
		text-indent: 15px;
		color: #57708B;
		text-transform: uppercase;
		line-height: 25px;
		text-decoration: none;
		font-weight: bold;
		font-size: .9em;
		}
		
	#nav li a:hover { color: #252F3E; }
	
	#nav .home a { background: url(../img/menu/bg_home.gif) no-repeat; }
	#nav .about a { background: url(../img/menu/bg_about.gif) no-repeat; }
	#nav .tour a { background: url(../img/menu/bg_tour.gif) no-repeat; }
	#nav .workshop a { background: url(../img/menu/bg_workshop.gif) no-repeat; }
	#nav .vacancies a { background: url(../img/menu/bg_vacancies.gif) no-repeat; }
	#nav .news a { background: url(../img/menu/bg_volunteers.gif) no-repeat; }
	#nav .press a { background: url(../img/menu/bg_press.gif) no-repeat; }
	#nav .contact a { background: url(../img/menu/bg_contact.gif) no-repeat; }
	
	#nav .home a:hover { background: url(../img/menu/bg_home_hover.gif) no-repeat; }
	#nav .about a:hover { background: url(../img/menu/bg_about_hover.gif) no-repeat; }
	#nav .tour a:hover { background: url(../img/menu/bg_tour_hover.gif) no-repeat; }
	#nav .workshop a:hover { background: url(../img/menu/bg_workshop_hover.gif) no-repeat; }
	#nav .vacancies a:hover { background: url(../img/menu/bg_vacancies_hover.gif) no-repeat; }
	#nav .news a:hover { background: url(../img/menu/bg_volunteers_hover.gif) no-repeat; }
	#nav .press a:hover { background: url(../img/menu/bg_press_hover.gif) no-repeat; }
	#nav .contact a:hover { background: url(../img/menu/bg_contact_hover.gif) no-repeat; }
	
	#nav .home_active a { background: url(../img/menu/bg_home_hover.gif) no-repeat; color: #252F3E;  }
	#nav .about_active a { background: url(../img/menu/bg_about_hover.gif) no-repeat; color: #252F3E;  }
	#nav .tour_active a { background: url(../img/menu/bg_tour_hover.gif) no-repeat; color: #252F3E;  }
	#nav .workshop_active a { background: url(../img/menu/bg_workshop_hover.gif) no-repeat; color: #252F3E;  }
	#nav .vacancies_active a  { background: url(../img/menu/bg_vacancies_hover.gif) no-repeat; color: #252F3E;  }
	#nav .news_active a { background: url(../img/menu/bg_volunteers_hover.gif) no-repeat; color: #252F3E;  }
	#nav .press_active  a{ background: url(../img/menu/bg_press_hover.gif) no-repeat; color: #252F3E;  }
	#nav .contact_active a { background: url(../img/menu/bg_contact_hover.gif) no-repeat; color: #252F3E;  }
	
	  
/* // nav */

/* content */

	#content {
		position: relative;
		width: 855px;
		background: #0f1115 url(../img/bg_content.gif) no-repeat bottom;
		padding-bottom: 145px;
		}
		
	#content #ads {
		position: absolute;
		bottom: 60px;
		left: 240px;
		width: 429px;
		height: 48px;
		background: url(../img/bg_ads.gif);
		}
		
	#content #ads li {
		list-style-type: none;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -11000px;
		}
		
	#content #ads .bee a {
		display: block;
		width: 106px;
		height: 48px;
		}
		
	#content #ads .lotto a {
		display: block;
		width: 273px;
		height: 48px;
		}
		
	#content #ads .council a {
		display: block;
		width: 50px;
		height: 48px;
		}
		
	/* display */
	
		* html #display { height: 400px; }
		
		#display {
			position: relative; 
			width: 692px;
			float: left;
			min-height: 400px;
			background: url(../img/bg_display.gif);
			}
			
		#display h2 {
			width: 692px;
			height: 51px;
			color: #556E88;
			font-weight: normal;
			font-size: 1.8em;
			line-height: 53px;
			text-indent: 20px;
			font-family: "Times New Roman", Times, serif;
			margin-bottom: 40px;
			}
			
		#display h3 {
			background: url(../img/bg_h3.gif) no-repeat;
			height: 47px;
			margin: 20px 0 20px 0;
			}
			
		#display h3 span {
			display: block;
			float: left;
			height: 33px;
			background: #242d3c;
			line-height: 33px;
			text-indent: 20px;
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			color: #FFF;
			}
		
		* html #display div { height: 224px; }	
		#display div {
			width: 692px;
			min-height: 224px;
			background: url(../img/bg_display_div.gif) no-repeat;
			}
			
		#display p {
			width: 550px;
			margin: 20px 0 20px 20px;
			color: #FFF;
			font-size: .8em;
			line-height: 20px;
            font-family: "lucida sans", Times, serif; 
			}
			
		#display .idx { width: 370px; }
		
		#display .bcol { 
			background: #0f1014; 
			line-height: 25px; 
			margin: 5px 0 5px 0;
			width: 612px;
			text-indent: 20px;
			}
			
		#display .bcolp { 
			background: #0f1014; 
			line-height: 25px; 
			margin: 40px 0 5px 0;
			width: 612px;
			text-indent: 20px;
			}
			
		#display .featured {
			float: right;
			margin: 5px 120px 0 20px;
			}
			
		#display table {
			width: 612px;
			border-collapse: collapse;
			}
			
			
		#display td {
			border-top: solid 3px #111521;
			border-bottom: solid 3px #111521;
			padding: 5px;
			background: #0f1014;
			color: #FFF;
			text-indent: 20px;
			font-size: .9em;
			text-align: left;
			} 
            
           #display th {
			border-top: solid 3px #111521;
			border-bottom: solid 3px #111521;
			padding: 5px;
			background: #262F3E;
			color: #FFF;
			text-indent: 20px;
			font-size: .9em;
			text-align: left;
            font-weight: normal;
			}
            
            #display .staff {
            	margin: 10px 0 10px 0;
                }
                
             #display .staff li {
             	list-style-type: none;
                display: block;
                float: left;
                text-align: center;
                font-weight: bold;
                color: #FFF;
                }
                
             #display .staff li img { display:block; margin: 0 10px 5px 10px; }
              
			
	/* // display */
	
	/* secondary  */
	
		#secondary {
			width: 163px;
			float: left;
			}
			
	/* // secondary */
	
/* // content */

/* misc */

	
/* misc */

/* footer */


/* // footer */