* {
		padding: 0;
		margin: 0;
		font-size: 11px;
		border: none;
	}
	
	body {
		color: #000;
		font-family: Helvetica, "Lucida Grande", "Trebuchet MS",Georgia,Arial,helvetica,sans-serif;
		font-size: 1.1em;
		line-height: 1.9em;
		background: #e6e6e6 url(../img/bg.gif) 0 0 repeat-x;
		text-align: center;
	}
	
	form {	margin: 0; padding: 0; display: inline;	}
	
	p {font-size: 1em;}
	a, strong, em, b, li, p { font-size: 1em; }
	
	
	#header {
		width: 774px;
		height: 151px;
		margin-left: 16px;
		background: white url(../img/header_r.jpg) top left no-repeat;
	}	
	body.region #header {
		background: white url(../img/header_b.jpg) top left no-repeat;
	}
	
	#header h1 a {
		position: absolute;
		display: block;
		top: 50px;
		left: 35px;
		height: 70px;
		width: 230px;
		text-indent: -9999px;
		text-decoration: none;

	}
	
	#nebpn h2 a {
		position: absolute;
		display: block;
		top: 45px;
		right: 30px;
		height: 65px;
		width: 130px;
		text-indent: -9999px;
	}	
	
	#topNav {
		background: #000;
		width: 774px;
		margin: 0 16px;
		border-bottom: 2px solid #777;
		
	}
		#topNav ul  {margin-left: 20px;}
		#topNav ul li {
			display: inline;
			margin-right: 10px;
		}
		#topNav ul li a {
			color: #fff;
			font-weight: bold;
		}
		#topNav ul li a:hover {
			color: #999
		}
		body#index.admin #topNav ul li a {
			color: #fff;
			font-weight: bold;
		}
		
	#secondNav {
		width: 774px;
		margin: 0 16px;
		padding-top: 4px;
		background: #000 url(../img/secondNavBg.gif) top left repeat-x;		
	}

	
	#secondNav ul  {
		list-style-type: none;
		padding-right: 0;
		padding: 0 2px;
		text-align: right;
		margin-left: 3px;

		overflow: auto;
		width: 300px;
	}
	
		#secondNav ul li {
		display: inline;
		color: #000;
		padding: 0px;
		margin: 0;
	}
		#secondNav ul li a {	
			float: left;
			margin-left: 4px;
			padding: 0 0 0 4px;
			color: #fff;
			background: url(../img/tab_lw.gif) left top no-repeat;
			color: #000;
		}
		
		#secondNav ul li a span {		
			float: left;
			display: block;
			padding: 0px 8px 0px 4px;
			background: url(../img/tab_rw.gif) right top no-repeat;
			cursor: hand;
	}	
	
	#secondNav hr {	clear: both;	margin: 0; padding: 0;	color: #fff; height: 0;	}

	#thirdNav	{
		float: left;
		padding-top: 2px;
		background:	#dedede;
		width: 612px;
		margin: 0 16px;
		display: inline;
	}
	
	#thirdNav strong	{	
		margin-left: 15px;
		color: #1c69af;
		}	
		
		#thirdNav a {	color: #000;	}
	
	#container {
		position: relative;
		width: 808px;
		margin: 0 auto;
		background: #444;
		text-align: left;
		background: transparent url(../img/wrapBack.png) top left repeat-y !important;
		background: transparent url(../img/wrapBack.gif) top left repeat-y;
		display: block;
		height: 100%;
	}
	
	#headliner {
		float: left;
		width: 580px;
		margin-left: 30px;
		display: inline;
	}
	
	#headliner h1 {
		color: #1B3670;
		padding: 20px 0 0 0;
		font-size: 1.8em;
		letter-spacing: -0.05em;
		line-height: 1.4em;	
	}
	#headliner h2 {
		color: #000;
		padding: 0 0 20px 0;
		font-size: 1.3em;
		letter-spacing: -0.05em;
		line-height: 1.4em;	
	}
	
	#side_nav {
		float: left;
		width: 180px;
		padding-bottom: 10px;
		margin-left: 30px;
		clear: left;
		display: inline;
	}
	#index #side_nav,	
	#register #side_nav,		
	#whygetinvolved #side_nav,
	#bitesized #side_nav,
	#about #side_nav,
	#localcontacts #side_nav,
	#calendar #side_nav,
	#faqs #side_nav,
	#guide #side_nav {
		padding-top: 10px;
	}
	
	#sideColumn {
		position: relative;
		width: 267px;
		margin-top: 20px;
		margin-right: 37px;
		float: right;
		display: inline;
	}
	#sideColumn h2,
	body#calendar #sideColumn h2,
	body#localcontacts #sideColumn h2,
	#logo_column h2,
	body#calendar #logo_column h2,
	body#localcontacts #logo_column h2{
		background: url(../img/h2Back.gif) left bottom repeat-x;
		color: #fff;
		padding-left: 5px;
		font-style: italic;
	}

	#logo_column {
		float: right;
		right: 37px;
		width: 120px;
		margin-top: 20px;
		margin-right: 37px;
		padding: 0 0 10px 0;
		display: inline;
		/*border: 1px solid #444;*/
		clear: none;
	}
	#logo_column ul li {
		padding: 10px 0 0 0;
		width: 120px;
		text-align: center;
		list-style-type: none;		
		display: inline-block;
		border: 1px dotted #cfcfcf;
		border-width: 0 0 1px 0;
	}
	
	.sponsorLogos ul {
		margin: 12px 0 0 12px;	
	}	
	.sponsorLogos ul li {
		float: left;
		height: 140px;
		width: 120px;
		text-align: center;
		list-style-type: none;		
		display: inline-block;
		border: 1px dotted #cfcfcf;
		border-width: 0 1px 1px 0;
	}
	.sponsorLogos ul li.col2	{
		border-right: 0; 
	}
	.sponsorLogos a  {
		display: block; 
		height: 120px;
		width: 120px;
	}
	
	#inner_container { 
		float: left;
		margin-top: 20px;
		width: 454px;
		margin-left: 37px;
		padding: 0;
		padding-bottom: 20px;
		display: inline;
	}
	
	
	#index #inner_container { 
		width: 454px;
		display: inline;
	}
	body.region #inner_container { 
		width: 580px;
		display: inline;
	}

	body#index.admin #inner_container { 
		width: 725px;
		display: inline;
	}

	
	#footer {
		clear: both;
		width: 774px;
		margin: 0 16px;
		border-top: 9px solid #000;
		background:#900;
		height: 30px;
		padding-top: 8px;
	}
	body.region	#footer {			background:#1c69af;	}
	
/* +++++ SIDE NAVIGATION ELEMENTS +++++ */
		#side_nav h2 {
			font-size: 1.2em;
		 	line-height: 1.1em;
			color: #1B3670;
			padding: 0 10px 5px 10px;
			font-weight: bold;
		 }
		#side_nav p {
			font-size: 1em;
			color: #666;
			line-height: 1.5em;
			padding: 0 10px 10px 10px;
		 }
		 
		#side_nav dl {
			padding-top: 10px;
			border-top: 1px dotted #777;
		}
		 
		#side_nav dt {
			font-size: 1.2em;
		 	line-height: 1.1em;
			color: #1B3670;
			padding: 0 10px 5px 10px;
			font-weight: bold;
		 }
		#side_nav dd {
			font-size: 1em;
			color: #666;
			line-height: 1.5em;
			padding: 0 10px 10px 10px;
		 }
		 
		 #side_nav #library {
		 	margin-top: 3px;
		 	background: #efefef;
			border-top: 5px solid #777;
			border-bottom: 2px solid #777;
		 }

		 #side_nav #library h1 {
		 	padding: 5px 0;
		 	text-align: center;
		 	font-size: 1.2em;
		 }
		 
		 #side_nav #library dl {
		 	border: 0;
		 }
		 
		 #side_nav #library dt  {
			font-size: 1.2em;
		 	line-height: 1.1em;
			color: #1B3670;
			padding: 0 10px 5px 10px;
			font-weight: bold;
		 }
		 #side_nav #library dd {
		 	padding: 0 15px 5px 15px;
			font-size: 1em;
			color: #666;
			line-height: 1.5em;
			font-weight: normal;
		 }
		 
		  #side_nav a {
		  	text-decoration: none;
		  	color: #1B3670;
		  }
		 #side_nav ul {
			padding: 10px;	
		 }
		  
		 #side_nav li  {
		 	margin: 5px 0;
			font-size: 1.1em;
			line-height: 1em;
			color: #1B3670;
			font-weight: bold;
			list-style-type: none;
		 }
		 
		 #side_nav ul#main_sections {
			padding: 10px;	
		 }

		 #side_nav ul#main_sections li {
		 	margin: 1px 0;
		 	padding: 0;
		 	letter-spacing: -0.04em;
		 }

		 #side_nav ul#main_sections li a {
		 	padding: 4px;
		 	background: #d7d4c5;
		 	display: block;
		 }
		 #side_nav ul#main_sections li a:hover {
		 	background: #f50;
		 }
		  
/* +++++ INNER CONTAINER ELEMENTS +++++ */

			#inner_container h1 {
				padding-top: 0px;
				font-size: 1.7em;
				color: #900;
			}
				#inner_container h1 a {
					color: #900;
					text-decoration: none;
				}
			body.region #inner_container h1 {
				color: #333;
			}
				
			body.region #inner_container h1 a {
				color: #1c69af;
			}
			
			#index #inner_container h1 {
				padding-top: 13px;
			}
			
			#inner_container h2 {
				padding-top: 15px;
				font-size: 1.4em;
				color: #606253;
			}

			
			#index #inner_container hr { clear: both; padding-top: 10px; border: 0; border-bottom: 1px solid #606253; width: 100%; }


			#inner_container p {
				padding: 0;
				font-size: 1.2em;
				line-height: 1.15em;
				padding: 6px 0;
				color: #333;
			}
			
				#inner_container p.introPara	{
					padding-top: 10px;
					font-size: 1.3em;
					line-height: 1.4em;
					color: #555;
					font-style: italic;
				}
				
			#inner_container div,
			#inner_container p div,
			#inner_container li div,			
			#inner_container div div {
				font-size: 1em;
			}
			
			#inner_container ul {
				padding: 5px 10px 10px 10px;
				margin: 0;
			}
			
			#inner_container li {
				margin-left: 30px;
				font-size: 1.2em;
				line-height: 1.6em;
				color: #333;
			}
			
			#inner_container dt {
				float: left;
				padding-right: 5px;
				font-size: 1.6em;
				color: #f50;
				padding-left: 30px;
				font-weight: bold;
			}
			#inner_container dd {
				font-size: 1.2em;
				color: #606253;
				padding-left: 30px;
			}
			
			#inner_container hr {
				
				border: 0; border-bottom: 1px solid #606253; 
			}
			
				#highlighted_box {
					background: none;
				}
				
			#inner_container img.thumb {
				float: left;
				margin-top: 12px;
				margin-right: 10px;
				margin-bottom: 0;
			}
				
	/* ++++ CALENDAR PAGE +++++ */
			body#calendar #inner_container p {
				padding: 8px 0;
				font-size: 1.2em;
				line-height: 1.6em;
				color: #333;
			}
			
			body#calendar #inner_container .event_date h4 {
				font-size: 1.2em;
				font-weight: bold;

			}
			body#calendar #inner_container .event_date p {
				font-size: 1.0em;
				font-weight: bold;			
				line-height: 1em;
				padding: 0 0 8px 0;
				border-bottom: 1px solid #cfcfcf;
			}

			body#calendar h2 {
				color: #000;
			}
			
			body#calendar #inner_container h2,
			body#localcontacts #inner_container h2 {
				color: #1c69af;
				font-size: 1.55em
			}
			
			body#calendar #inner_container p.location {
				background: #555;
				padding: 5px;
				font-size: 1.3em;
				color: #fff;
			}
			body#calendar #inner_container p.notes {
				background: #BEBEBE;
				padding: 5px;
			}
			body#calendar .more_details {
				background: #DCDCDC;
				padding: 5px;
			}
			body#calendar .more_details h3 {
				font-size: 1.3em;
				padding: 0;
				margin: 0;
			}
			body#calendar #inner_container .more_details p {
				padding: 4px 8px;
			}			
			
/* +++++ OTHER CONTAINER ELEMENTS +++++ */
			
			body#localcontacts h2 {
				color: #f90;
			}
			
/* +++++ FOOTER CONTAINER ELEMENTS +++++ */

			#footer p {
				text-align: center;
				color: #fff;
				font-size: 0.9em;
			}
			#footer p a {
				color: #fff;
				font-weight: bold;
			}
			
/* +++++ FORM ELEMENTS +++++ */

input, select { 
	font-family: Helvetica, "Lucida Grande", "Trebuchet MS",Georgia,Arial,helvetica,sans-serif;
	border: 1px solid #555; padding: 2px;}
input#submit { width: 90px;}

.register_form {
	margin-top: 10px;
	margin-left: 0px;
	width: 450px;
}



.register_form th,
.register_form td {
	padding: 3px;
	background: #d7d4c5;
}
.register_form th {	text-align: right; padding-right: 5px;	}
.input_element {
	width: 200px;
}

/*	PLACEMENT SEARCHING	*/
.findPlacements	{
	border: 1px solid #999;
	padding: 3px;
	overflow: auto;
}
.findPlacements .inner	{
	padding: 3px;
	text-align: center;
	background: #2073bc;
	margin-top: 5px;
	line-height: 1.8em;
	margin-right: 153px;
	color: #fff;

}
.findPlacements h3 {
	font-size: 1.3em;
	line-height: 1em;
	background: #559dd5;
	background: #559dd5 url(../img/secondNavBg.gif) top left repeat-x;		
	padding: 5px;
	color: #fff;

}

.findPlacements .inner form {	margin-top: 5px; display: block;	}
.findPlacements input#submit { width: 150px;}
.findPlacements input#submit.normalWidth { width: 100px;}

.findPlacements .calendar {	float: right;	margin-top: 5px; margin-left: 10px;}

	body#calendar #inner_container h2.placement_region {
	margin-top: 17px;
	padding: 3px;
	color:#900;
	border-top: 2px solid #900;
	background: #efefef;
}


#ukMap {

 width: 267px;
 height: 400px;
 background: url(../img/ukmap.gif) no-repeat;
 margin: 10px auto; padding: 0;
 position: relative;
}


#ukMap li {position: relative; margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#ukMap a {position: relative; display: block; text-indent: -9999px; text-decoration: none; border: 0px solid #444;}


#one {position: relative; left: 128px; top: 198px; width: 35px; height: 74px;}
#two {position: relative; left:148px; top: 173px; width: 36px; height: 47px;}
#three {position: relative;   left: 151px; top: 220px; width: 55px; height: 45px;}
#four {position: relative;   left: 132px; top: 268px; width: 46px; height: 43px;}
#five {position: relative;   left: 160px; top: 256px; width: 51px; height: 53px;}
#six {position: relative;   left: 191px; top: 273px; width: 52px; height: 55px;}
#seven {position: relative;   left: 167px; top: 310px; width: 70px; height: 55px;}
#eight {position: relative;   left: 75px; top: 310px; width: 95px; height: 79px;}
#nine {position: relative;   left: 191px; top: 319px; width: 22px; height: 18px; z-index: 50;}


#one a {position: relative;   height: 74px;}
#two a {position: relative;   height: 47px;}
#three a {position: relative;   height: 45px;}
#four a {position: relative;   height: 46px;}
#five a {position: relative;   height: 53px;}
#six a {position: relative;   height: 55px;}
#seven a {position: relative;   height: 55px;}
#eight a {position: relative;   height: 79px;}
#nine a {position: relative;   height: 18px;}



#one a:hover {background: url(../img/ukmap_on1.gif) -128px -198px no-repeat;}
#two a:hover {background: url(../img/ukmap_on2.gif) -148px -173px no-repeat;}
#three a:hover {background: url(../img/ukmap_on3.gif) -151px -220px no-repeat;}
#four a:hover {background: url(../img/ukmap_on5.gif) -132px -268px no-repeat;}
#five a:hover {background: url(../img/ukmap_on4.gif) -160px -256px no-repeat;}
#six a:hover {background: url(../img/ukmap_on6.gif) -191px -273px no-repeat;}
#seven a:hover {background: url(../img/ukmap_on7.gif) -167px -310px no-repeat;}
#eight a:hover {background: url(../img/ukmap_on8.gif) -75px -310px no-repeat;}
#nine a:hover {background: url(../img/ukmap_on9.gif) -191px -319px no-repeat;}

#tooltip {
    padding: 3px;
    background: #000;
    border: 1px solid #eee;
    text-align: center;
    font-size: 0.9em;
    line-height: 0.9em;    
	color: #fff;
	border: 1px solid #fff;
}

span.tip {
    border-bottom: 1px solid #eee;
    color: #fff;
}

a.tipOLD {
	position: relative;
}

a.tipOLD span {
	text-indent: 0;
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100px;
	padding: 4px;
	z-index: 80;
	background: #000;
	color: #fff;
	border: 1px solid #fff;
	line-height: 1em;
/*	border-radius: 4px;*/
/*	border-radius: 4px;*/
/*	-moz-border-radius: 4px; *//* this works only in camino/firefox */
/*	-webkit-border-radius: 4px;*/ /* this is just for Safari */
}

a:hover.tipOLD {
	font-size: 99%; /* this is just for IE */
	color: #fff;
}

a:hover.tipOLD span {
	display: block;
	color: #fff;
}

ul.regionList  {

}
ul.regionList li {
	list-style-type: square;
	line-height: 1.4em;
	margin-left: 20px;	
}
ul.regionList li a {

	font-size: 1.1em;
	color: #900;
	font-weight: bold;
}

#calendarTable {
	border: 1px solid #444;
	border-width: 1px 1px 0 1px;		
}
#calendarTable th {
	background: #fff;
	border-bottom: 1px solid #444;
	text-align: center;	
}

.innerTable {	border: 0; background: #afafaf	}
.innerTable td {	vertical-align: center; border: 1px solid #444;	}

#calendarTable td {
	border: 1px solid #444;
	border-width: 0 0 1px 1px;	
}
#calendarTable td.colOne,
#calendarTable .inner td.colOne {		
	border-left: 0;
}

#calendarTable .innerTable td {	 border: 0;	}

#calendarTable td a,
#calendarTable td strong {	
	display: block;
	background: #efefef;	
	width: 20px;
	height: 20px;
	text-align: center;
	color: #000;
	text-decoration: none;
	
	font-weight: normal
}

#calendarTable td strongx {
	background: #000;
	color: #fff;
}

#calendarTable td span.clear {	display: block;
	background: #fff;	
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #000;
	text-decoration: none;
	
	font-weight: normal	}
#calendarTable td span.eventExists {	font-size: 11px; font-weight: bold;	color: #f00;}
#calendarTable td strong span.eventExists{	font-size: 11px; border: 1px solid #fff; color: #f00;	}

#calendarTable .innerTable td a {	font-weight: bold; background: transparent;	}

#main_table {
	width: 640px;
	border: 0px solid #444;
	margin-left: 45px;

}
#main_table td {
	font-size: 1.1em;
	padding: 0 5px;
	text-align: left;

	}
#main_table td.center,
td.center {
	text-align: center;

}

#main_table td a {
		color: #000;
		font-weight: bold;
	}
#main_table td a:hover {
		color: #600;
	}
#main_table tr.header td,
#main_table tr td .formTable tr.header td {
	background: #600;
	color:#fff;
}
#main_table tr.header td a { color:#fff;	}

#main_table tr.secondHeader td {
	background: #efefef;
	color: #000;
	}
	
#main_table tr td .formTable tr td {
	background: #efefef;
		padding: 5px;
		font-size: 1.1em; line-height: 1.35em;
}

#main_table td p {
	font-size: 1em;
	padding: 10px;
}

.cellLines td {
	border-bottom: 1px solid #999;
}

#loginTable {
	width: 500px;
	margin: 0 0 0 110px;
	background: #efefef;

		border: 1px solid #444;

}
#loginTable th {	text-align: center;	}
#loginTable th.right {	text-align: right;	}

#loginTable .warning {
	color: #f00;
	font-weight: bold;
	display: block;
	margin: 5px 0;
}

.logout {
	float: right;
	margin-right: 10px;
	display: inline;
}
.logout a {
	color: #fff;
}
.comment {	font-size: 1em; line-height: 1.35em;	}
.tickButton, .button {
	background:#900; color:#fff; margin-top: 3px;
}


.noBorder {
	border: none;
}

/* add new user popup */
body#addNewUser {	background: none;	}
body#addNewUser .comment {	color: #900;	}
body#addNewUser	#container {
		position: relative;
		width: 100%;
		margin: 0 auto;
		background: #fff !important;
		background: #fff;
		text-align: left;
		margin: 0;
	}
body#addNewUser	#inner_container {
		background: none !important;
		margin: 20px;
	}
	
table.newUser td {
	background: #efefef;
	padding: 5px;
	font-size: 1.1em; line-height: 1.35em;
}

#main_table tr td.text_center {	text-align: center;	}