/*


Colour Palette
---------------------
Logo Yellow: #f6eb13;
Logo Blue:   #0071bc;

Dark Blue:   #00365b;

---------------------

*/




body
	{
	padding: 0px;
	margin: 0px;
	background: url('bg.png');
	
	color: #00365b;
	text-align: center;
	font: "Arial";
	}



h1,h2,h3,p
	{
	margin: 10px 10px 5px 10px;
	padding: 0px;
	
	font-weight:normal;
	
	}
h1
	{
	font-size: 2em;
	}

h2
	{
	font-size: 1.5em;
	}

h3
	{
	font-size: 1em;
	font-weight: bold;
	}




a
	{
	outline: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

	color: #00365b;

	}

a:hover
	{
	color: #0087c7;
	}
a:visited
	{
	color: #00365b;
	}
a:active
	{
	color: #00365b;
	}

img
	{
	margin: 0px 5px;
	border: 0px;
	}







div.spacer
	{
	width:100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	}



div#container
	{
	width:748px !important;
	width /**/:760px;
	margin: 0 auto;
	padding: 6px;
	text-align:left;
	background:#ffffff;
	}





div#header
	{
	width:748px;
	height: 120px;
	
	background: url('hdr_gradient.png');
	background-repeat: repeat-x;
	background-position: 0px 30px;
	
	}

div#header_logo
	{	
	z-index: 9;
	
	margin: 0px;
	padding: 0px;
	
	height: 120px;
	width: 120px;
	
	float: left;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none src='http://ecjj.co.uk/graphics/smrtj_symbol.png');
	}
div#header_logo[class]
	{
	background: url('graphics/smrtj_symbol.png');
	}

div#header_main
	{
	z-index: 8;
	
	width:604px;
	
	margin: 36px 6px 0px 6px;
	padding: 0px;
	
	float: right;
	
	}

div#header_title
	{
	height: 40px;
	
	font-size: 32px;
	font-weight:bold;
	color: #FFFFFF;
	}


div#header_menu
	{
	clear: both;
	
	height: 20px;
	line-height: 12px;
	
	padding: 6px 0px;
	
	color: #ffffff;
	text-align: right;
	font-size: 12px;
	
	}

div#header_menu a
	{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 6px;
	}
div#header_menu a:hover
	{
	text-decoration: underline;
	}





div#nav
	{
	
	float:left;
	
	width: 138px;
	
	padding: 12px 0px 0px 0px;
	margin: 6px 0px;
	
	background: #0071bc;
	color: #ffffff;
	
	text-align: center;
	
	}


div.navMenu
	{
	
	color: #ffffff;
	text-align: center;
	
	}

div.navMenuBtn
	{
	
	display:block;
	
	height: 24px;
	
	margin: 6px 12px;
	padding: 6px 0;
	
	text-align: center;
	
	}


div.navMenuBtn a
	{
	display:block;
	background: #ccffff;
	width: 100%;
	height: 24px;

	text-decoration: none;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
	color: #00365b;
	
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}


div.navMenuBtn a:hover
	{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #00365b;
	}
div.navMenuBtn a:visited
	{
	color: #00365b;
	}
div.navMenuBtn a:active
	{
	color: #00365b;
	}







div#content
	{
	float:left;
	width:604px;
	
	padding: 12px 0px 0px 0px;
	margin: 6px 0px 6px 6px;
	
	background: #ccffff;
	
	text-align:justify;

	}

div#content div
	{
	padding: 0px 10px;
	}

div#content a
	{
	color: #0087c7;
	}
div#content a:hover
	{
	text-decoration: underline;
	}




a.news
	{
	float:right;
	width:170px;
	padding:10px;
	margin: 6px 6px 6px 24px;
	color: #00365b;
	text-decoration: none;
	background:#99cccc;
	background-repeat: repeat-x;
	background-position: top;
	clear: both;
	}
a.news:hover
	{
	color: #00365b;
	text-decoration: none;
	}

a.news div img
	{
	float:left;
	padding: 0px;
	margin: 0px;
	}
a.news div
	{
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 8pt;
	}



a.event
	{
	float:right;
	width:170px;
	padding:10px;
	margin:5px;
	color: #f6eb13;
	text-decoration: none;
	background: #00365b;
	background-repeat: repeat-x;
	background-position: top;
	clear: both;
	}
a.event:hover
	{
	color: #f6eb13;
	text-decoration: none;
	}

a.event div img
	{
	float:left;
	padding: 0px;
	margin: 0px;
	}
a.event div
	{
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 8pt;
	}






div.pageBtn
	{
	float:left;
	margin: 5px 10px;
	padding: 5px 0;
	width: 125px;
	height: 24px;
	text-align: center;
	}

div.pageBtn a
	{
	display:block;
	background: #28c3f0;
	color: #E2E5C5;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 100%;
	height: 24px;
	line-height: 24px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}

div.pageBtn a:hover
	{
	color: #E2E5C5;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}


div#admin
	{
	margin:0px 6px;
	width:592px;
	background: #99cccc;
	}

table.admin
	{
	width: 580px;
	margin: 6px;
	border:0px;
	background: #99cccc;
	}
table.admin th
	{
	cell-padding: 0px 6px;
	background: #99cccc;
	vertical-align:top;
	}
table.admin td
	{
	cell-padding: 0px 6px;
	background: #ccffff;
	vertical-align:top;
	color: #0071bc;
	}

textarea.admin
	{
	width:460px;
	height:280px;
	color: #00365b;
	background: #ccffff;
	border-style: none;
	}
input.admin
	{
	width:100%;
	color: #00365b;
	background: #ccffff;
	border-style: none;
	}





div.result
	{
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background: #ffcc33;
	background-image: url('yellowGradient.png');
	background-repeat: repeat-x;
	color:#002455;
	border-width: thin;
	border-style: solid;
	border-color: #ffcc33;
		text-align:left;
		clear:both;
	}

div.resultHdr
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	color:#002455;
	}

div.resultBody
	{
	margin: 0px;
	padding: 0px;
	clear: both;
	color:#002455;
	}

div.resultItem
	{
	clear: both;
	margin-bottom: 1px;
	border-width: thin;
	border-bottom-style: solid;
	border-color: #e2e5c5;
	color:#002455;
	height: 16px;
	}

div.label
	{
	float: left;
	clear: both;
	width: 160px;
	color:#002455;
	}


div#footer
	{
	clear:both;
	width:750px;
	background: #000000;
	color: #cccccc;
	padding:5px 0;
	text-align:center
	}

	
img.photo
	{
	display:block;
	float:right;
	margin:12px !important;
	}



			
			div#resultNav
				{
				padding:0px;
				margin:0px;
				float:right;
				}
			div.resultNav
				{
				width:22px !important;
				width /**/:36px;
				color:#FFFFFF;
				text-decoration:none;
				background:#3050d2;
				margin:0px 2px;
				float:left;
				text-align:center;
				}
			div.resultNav span
				{
				display:block;
				border:0px;
				text-decoration:none;
				color:#FFFFFF;
				}
			div.resultNav a
				{
				display:block;
				border:0px;
				text-decoration:none;
				color:#FFFFFF;
				}
			div.resultNav a:hover
				{
				text-decoration:none;
				}
			div.resultNav a:active
				{
				text-decoration:none;
				}
			div.resultNav a:visited
				{
				text-decoration:none;
				}
			.form	{
				width:100%;
				background: transparent;
				border:Silver dotted 1px;
				}