/* CSS Document */



/* ACCESSIBILITY/SCREEN-READER */

.hide{
	left: -9999px;
	position: absolute;
	top: -9999px;
}



body {

	color: #000;
  background: #FFFFFF url(../images/BG-jun.jpg) no-repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}



/* links - remember to define focus styles! */

	a:link, a:visited {color:#1d47c0; text-decoration:none;}
	
	
	a:hover, a:active {text-decoration:underline;}

	a:focus {text-decoration:underline;}



/* container class for centered elements*/

.container
{
	width:960px;
			margin: 0px auto;

	}

/* Browse Aloud */
.BA {border:medium none;float:right;left:-3px;position:relative;top:-37px;}
.BA a:link, .BA a:visited, .BA a:hover, .BA a:active {color:#FFFFFF;border:none;}
.BA img {border:none;}


/* top navigation of site*/

#top-nav
{
	height:27px;
	padding: 5px 0 4px 0;
	width: 100%;
	float:right;
	background:#1f2023 url(../images/top-nav.jpg) repeat-x top;
	border-bottom: 0.2em solid #1f2023;
} 


#top-nav ul
{
	float: right;
} 

#top-nav li
{

float: left;
margin: 0;
padding: 0 20px 0 5px;
background-attachment:fixed;
background:url(../images/nav-sep.jpg) no-repeat right -20%;
} 

#top-nav li img
{
	border:none;
	}


*HTML #top-nav li 
{
background:url(../images/nav-sep.jpg) no-repeat right bottom;
	
	}


#top-nav li a
{
height: 2em;
line-height: 3em;
display: block;
float: left;
color: #FFF;
font-size: 0.6em;
} 




/* Header*/
#header 
{
		width: 960px;
	margin: 0px auto;
	height: 154px;
	float:left;
	overflow:hidden;

}


/* search*/
#search
{
		width: 320px;
	float:right;
		padding: 4px 0 4px 0;

}

#search label{display:none;}

#searchText
{
	width:260px;
	height:20px;
	padding: 4px 0 0 0;
	position:relative;
	top:-3px;
	}
	
/* positioning of search box different in firefox - not sure why?*/
@-moz-document url-prefix() { #searchText { top:-1px; } }	
	

	
	
#submit
{
	
background: url(../images/searchbutton-jun.jpg) no-repeat bottom left;
border:none;
text-indent:-999px;
width:43px;
height:34px;
cursor:pointer;
	}
	


/* flags*/
#search ul
{
	padding: 15px 0 0 0;
	float: right;

} 

#search li
{
float: left;
margin: 0 0 0 0.15em;
} 


#search li a
{
height: 2em;
line-height: 3em;
display: block;
float: left;
color: #000;
font-size: 0.6em;
		padding: 0.2em 0 0.2em 1.4em;
} 

#search li a img
{
border:1px solid #000000;
} 


/* Header bottom*/
#headerleft
{
	padding:40px 0 0 0;
	width:800px;
	float:left;
}



#headerleft p 
{
	font-size: 0.8em;
	width:800px;
	float:left;
}



/* Header Links, print etc*/

#icons
{
		padding:28px 0 0 0;
	width:160px;
	float:right;

} 

#icons ul
{
	float:right;
} 

#icons li
{
float: left;
margin: 0 0 0 0.10em;
} 


#icons li a
{
line-height: 3em;
display: block;
float: left;
color: #000;
font-size: 0.6em;
padding: 0.2em 0 0.2em 1.2em;
} 

#icons li img
{
border:none;
} 


/*main navigation of site*/


#main-nav
{
		height:34px;
		width: 100%;
	float:left;
		background:#e0161d url(../images/main-nav-jun.jpg) repeat-x top;
			overflow:hidden;
} 


/*

#main-nav ul
{
	float: left;
} 

#main-nav li
{
float: left;
margin: 0 0.15em;
} 


#main-nav li a
{
		padding: 0.2em 1.4em 0.2em 0;
height: 2em;
line-height: 3em;
display: block;
float: left;
color: #FFFFFF;
font-size: 0.75em;

} 
*/


#jsddm
{	margin: 0;
	padding: 0;
	font-size: 0.75em;
		z-index:9999;}
	
	#jsddm li
	{	float: left;
		list-style: none;
		margin: 0px 20px 0px 0px;
		}
		
		#jsddm li.drop
	{	
		padding: 0 33px 0 0;
		background:url(../images/drop.png) no-repeat right 58%;	
		}	
		


	#jsddm li a
	{	display: block;
		background: none;
		padding: 11px 0px 8px 0px;
		text-decoration: none;
		margin: 0px;
		color:#FFFFFF;
		white-space: nowrap;}

	#jsddm li a:hover, #jsddm li a:focus
	{	text-decoration:underline;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid #000000;
			background:#FFFFFF;}
		
		#jsddm li ul li
		{	float: none;
			margin:0;padding:0;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
		 	padding: 11px 20px 10px 20px;
		 	margin:0px;
		 	color:#000000;
			}
		
		#jsddm li ul li a:hover, #jsddm li ul li a:focus
		{background: #cbd7fb;}





#strip
{
			width: 100%;
	float:left;
	height:13px;
		background:#f8b0b3 url(../images/strip-jun.jpg) repeat-x top;
	overflow:hidden;
	}
	
	

/* Main Content*/

#mainContent {
	padding:19px 0px 26px 0px;
	float: left;
	width: 960px;
		margin: 0px auto;
		min-height:450px;
}

#mainContent #bread {
	margin: 0px 0 20px 0;
	font-size: 0.7em;
	width:580px;
	color:#000;
}

/* Main Area homepage - left*/

#mainContent .left {
	width: 615px;
	float: left;
}



#mainContent .left h1 {
	margin: 0 0 13px 0;
	font-size: 1.1em;
}

#mainContent .left h2 {
	margin: 13px 0 13px 0;
	font-size: 0.9em;
	font-style:italic;
}

#mainContent .left p {
	margin: 13px 0 13px 0;
	font-size: 0.7em;
	width:580px;
	color:#333333;
}

#mainContent .left img {
	margin: 13px 0 13px 0;
}


#mainContent .left ul{}

#mainContent .left ul li{}



/*quotemarks - home*/
blockquote 
{
	margin: 15px 0 15px 0;
	font-size: 0.9em;
	font-weight:bold;
	font-style:italic;
  background: transparent url(../images/quoleft.jpg) left top no-repeat;
}
blockquote div {
  padding: 0 28px;
  background: transparent url(../images/quoright.jpg) 80% top no-repeat;
}


/*quote - article*/
#quote
{
   float:left;
	padding: 0 0 0 30px;
	max-width:420px;
	font-size: 0.9em;
	font-weight:bold;
	font-style:italic;
	min-height:30px;
	 background: transparent url(../images/quoleft.jpg) left top no-repeat;
	margin-bottom:-15px;
	position:relative;
	z-index:-1;
}

*HTML #quote 
{
	_width: expression(document.body.clientWidth < 742? "210px" : document.body.clientWidth > 1000? "420px" : "auto");
	height:30px;
	}




.quoteimg {
   background: transparent url(../images/quoright.jpg) right top no-repeat;
   height:30px;
   width:450px;
float:left;
    padding:0;
   position:relative;
   top:-20px;

}


/*news*/
#news{
background:#efefef;
padding:15px;
margin: 13px 0 13px 0;
width:540px;
float:left;
}

#news h1.box {
	background:#1d47c0;
	color:#FFFFFF;
	padding:7px 10px;
	font-size: 0.9em;
	margin: 0 0 5px 0;
}

#news h2.box 
{
	color:#1d47c0;
	font-size: 0.8em;
	padding:0 0 0 10px;
	margin: 8px 0 3px 0;
	font-style:normal;
		float:left;
}

#news p.box{
	margin: 3px 0 3px 0;
	padding:0 0 0 10px;
	font-size: 0.7em;
	width:500px;
	color:#333333;
		float:left;
}

#news p.box img{
float:left;
margin: 0 10px 10px 0;
}

#news p.box a
{
clear:left;

}

/* Main Area article - main*/


#mainContent .main {
width:676px;
	float: right;
}

#mainContent .main #bread {
	margin: 0px 0 20px 0;
	font-size: 0.7em;
	width:580px;
}

#mainContent .main h1 
{
	width:676px;
	padding: 0 0 9px 0;
	margin: 0 0 7px 0;
	font-size: 1.1em;
	color: #1d47c0;
	border-bottom:2px solid #efefef;
}

#mainContent .main h2 {
	margin: 13px 0 13px 0;
	font-size: 0.9em;
	font-style:italic;
}


#mainContent .main p.searchitem 
{
	width:676px;
	padding: 15px 0 15px 0;
	margin: 0;
	font-size: 0.9em;
	color: #1d47c0;
	border-bottom:2px solid #efefef;

}

#mainContent .main .categoryitem 
{
	width:676px;
	padding: 0px 0 25px 0;
	margin: 0;
	color: #1d47c0;
	border-bottom:2px solid #efefef;

}

#mainContent .main .date {
	font-weight:bold;
	color:#1d47c0;
	}


#mainContent .main p {
	margin: 13px 0 13px 0;
	font-size: 0.7em;
	width:580px;
	color:#333333;
	clear:left;
}


#mainContent .main table p {
width: 420px;
}

#mainContent .main ul.list, #mainContent .main ol.list {
	margin: 13px 0 13px 0;
	font-size: 0.7em;
	width:450px;
	color:#333333;
}

#mainContent .main ul.downloads {
	font-size: 0.7em;
}

#mainContent .main ul.downloads li {
	margin: 5px 0 5px 20px;
	padding: 5px 0 5px 0;
	clear:left;
	color:#333333;
}

#mainContent .main ul.downloads li img {
border:none;
}



#mainContent .main img 
{
margin:10px;	
	/*
float:left;
margin: 0 15px 10px 0;
border-color:red;
border-width:4px;*/
}



/* table styles*/
table
{
	width: auto;
	border: 1px solid #1d47c0;
	margin: 13px 0 13px 0;
	color: #333333;
	border-collapse: collapse;
}
       

 
 td, th {width:auto; border: 1px solid #1d47c0; color:#333333; font-size:0.7em; padding:5px;}



/* search results and sitemap*/
#mainContent .main #grey
{
width:644px;
margin: 15px 0 15px 0;
padding: 15px;
border:1px solid #999999;
background:#efefef;
	}


#mainContent .main #grey p
{
margin: 0;
	font-size: 0.9em;
	width:580px;
	color:#000000;
	}

.red
{

color: #1d47c0;
	}
	
.Red
{

color: #1d47c0;
	}


/* sitemap*/
#grey ul.site li {
	padding:7px 10px;
	margin: 0 0 10px 0;
	font-size:0.8em;
}


#grey ul.site li a 
{
		color:#333333;
}

/* doesnt need bigger padding due to bg image*/
ul.site2 li
{
	background:#none;
	padding:7px 10px;
	margin: 0 0 10px 0;
	font-size:0.8em;
}


ul.site2 li a 
{
	padding:0 0 0 30px;
	background:url(../images/side3.png) no-repeat left 35%;
	color:#333333;
}

ul.site2 li img{
float:left;
margin: 0 10px 0 0;
}


ul.site3 li
{
	
	padding:7px 10px 7px 40px;
	margin: 0 0 10px 0;
	font-size:0.8em;
}


ul.site3 li a 
{
	padding:0 0 0 30px;
	background:url(../images/black_side3.png) no-repeat left 35%;
	color:#333333;
}


ul.site3 li img{
float:left;
margin: 0 10px 0 0;
}


/* Forms*/
/*
.main form{
width:400px;
overflow:hidden;
float:left;
}

.main form label {

padding:0;
margin:0;
float:left;
width:auto;
}

.main form input, .main form textarea {
border: 1px solid #1d47c0;
color:#333333;
font-family: arial;
clear:left;
float:left;
width: 300px;
overflow:hidden;
margin-bottom:20px;
}


.main form select {
border: 1px solid #1d47c0;
color:#333333;
font-family: arial;
clear: left;
float:left;
overflow:hidden;
margin-bottom:20px;
font-size:0.8em;
}



.main form input[type="checkbox"]{
border:none;
width:30px;
float:right;
clear:none;
margin:0;
padding:0;
position:relative;
left:-200px;
}


.main form input[type="radio"]
{
clear:left;

				margin-left:5px;

				margin-right:5px;

}

.AutoFormFieldHolder
{
clear:left;
	font-size:0.7em;

	}
		*/
		
		
		
	#form {float:left; overflow:hidden;}




.AutoFormRowName

{	clear: both;

	float: left;

	margin:0px 20px 25px 10px;

	width: 140px;

	text-align: right;
	font-size:0.7em;
}

#formSubmit

{

	float: left;

	margin: 20px 0px 0px 170px;

	font-size:0.7em;

}

#form input 

{



}

#form SELECT

{

    margin: 0px 0px 0px;

    float:left;

}

#form textarea
{
vertical-align:top;
width:300px;	
	float:left;
	margin-bottom:0px;
	clear:none;
		margin-left:170px;
		position:relative;
		top:-35px;
	}
	
	*HTML #form textarea
{
		margin-left:180px;
			}
	
	
@-moz-document url-prefix() { #form textarea { margin-left:0px;	margin-bottom:15px; top:0px;} }		
	
	
	

#form input[type="checkbox"]{
width:30px;
float:left;
clear:none;
margin:0;
padding:0;
margin: 0px 0px 0px 0px;
}

#form input[type="radio"]{
width:30px;

margin:0;
padding:0;

}

.AutoFormField
{
	float:left;
	font-size:0.7em;
	}

#formName, #formEmail, #formMessage, #formPhone, #formAddress, #formPostcode, #formOfficer1, #formOfficer2, #formLocation, #formMessageTitle{ width: 300px; background-color: #F0F0F0;}
	
		
		
	p.FormSummary
	{
			clear:left;
		margin-top:100px;
		
	
		}		

/* 

.main input.submit{
color:#FFFFFF;
background:#1d47c0;
border:1px solid #1d47c0;
}

.main input.submit:hover{
text-decoration:underline;
border:1px solid #000000;
}



/* Main Area homepage - right*/

#mainContent .right 
{
		width: 345px;
	float: right;
}


#mainContent .right img
{
	float: right;
	border:none;
}


/* quick links*/
#links{
background:#efefef;
padding:15px;
margin: 13px 0 13px 0;
width:280px;
float:right;
}

#links h1 {
	background:#1d47c0;
	color:#FFFFFF;
	padding:7px 10px;
	font-size: 0.9em;
	margin: 0 0 10px 0;
}


#links ul.quick li
{
	
	padding:7px 0 7px 10px;
	margin:0;
}

#links ul.quick li a 
{
	color:#333333;
	font-size: 0.8em;
}

#links ul.quick li img{
float:left;
margin: 0 10px 0 0;
border:none;
}


/* adverts on the right*/
.advert_right{
margin: 18px 0 18px 0;
float:right;								
}

.advert_right img{
border:none;
}

.advert_right img.logo{
margin: 0 0 0 53px;
float:right;
}


/* polls on the right*/
.polls_right{
margin: 13px 0 13px 0;
width:314px;
float:right;
color:#FFFFFF;
overflow:hidden;
}


.polls_right .head
{
padding: 20px 20px 10px 20px;
width:274px;
font-size:0.7em;
font-weight:bold;
background:url(../images/polls_header.jpg) no-repeat right top;
}

.polls_right .head h3
{
	margin: 0 0 0px 0;
	width:235px;
	color:#FFFFFF;
}


.polls_right .mainpoll
{
padding: 10px 20px 20px 20px;
width:274px;
background:url(../images/polls_body.jpg) no-repeat right bottom;
font-size:0.8em;
}

.polls_right .mainpoll li
{
height:100%;
float:left;
padding:0px;
margin: 5px 0;
}

.polls_right .mainpoll li input
{
	vertical-align:top;
	float:left;
	margin:0px;
	padding:0px;
	
}

.polls_right .mainpoll li label 
{
	float:left;
	width:224px;
		margin:0px;
	padding:0px;
}

.polls_right .mainpoll span
{
	display:none;
}

.polls_right .mainpoll .submit
{
	margin: 10px 0 0 0;
	float:none;
}

.polls_right .mainpoll .PollResultsTitle
{
	margin: 20px 0 0 0;
	padding:0;
}

.polls_right .mainpoll .PollResults
{
	margin: 0;
	padding:0;
}


.polls_right .mainpollres
{
padding: 10px 20px 40px 20px;
width:274px;
background:url(../images/polls_body.jpg) no-repeat right bottom;
font-size:0.8em;
height:auto;
}

.polls_right .mainpollres li
{
height:100%;
float:left;
padding:0px;
margin: 5px 0;
}

.polls_right .mainpollres li input
{
	vertical-align:top;
	float:left;
	margin:0px;
	padding:0px;
	
}

.polls_right .mainpollres li label 
{
	float:left;
	width:224px;
		margin:0px;
	padding:0px;
}

.polls_right .mainpollres span
{
	display:none;
}

.polls_right .mainpollres .submit
{
	margin: 10px 0 0 0;
	float:none;
}

.polls_right .mainpollres .PollResultsTitle
{
	margin: 20px 0 0 0;
	padding:0;
}

.polls_right .mainpollres .PollResults
{
	margin: 0;
	padding:0;
}


.PollResultsCorrect { background:#EDA7A9; float:left; font-size:80%;}
.PollResultsIncorrect { background:#FBECE9; float:left; font-size:80%; padding:0 0px 0 0; color: #000;}



/* Main Area - left_side*/

#mainContent .left_side 
{
		width: 242px;
		padding: 0 42px 0 0;
	float: left;
}


#mainContent .left_side img
{
	float: left;
	border:none;
}

/* #side_nav*/
#side_nav{
background:#efefef;
padding:15px;
margin: 0 0 26px 0;
width:212px;
float:left;
font-size: 0.8em;
}


#side_nav ul.side li {
	background:#1d47c0;
	color:#FFFFFF;
	padding:7px 10px;
	margin: 0 0 10px 0;
}


#side_nav ul.side li a 
{
	color:#FFFFFF;
}

ul.side2 li
{
	background:#none;
	color:#1d47c0;
	padding:7px 10px;
	font-size: 0.9em;
	margin: 0 0 10px 0;
}


ul.side2 li.current
{

 background:#FFFFFF;
}

ul.side2 li a 
{
	color:#1d47c0;
}

ul.side3 li
{
	
	padding:7px 10px 7px 0px;
	margin: 0 0 10px 0;

}


ul.side3 li a 
{
	padding:0 0 0 30px;
	background:url(../images/side3.png) no-repeat left 35%;
	color:#1d47c0;
}

ul.side3 li.on a 
{
	background:none;
}

ul.side3 li img{
float:left;
margin: 0 10px 0 0;
}


/* adverts on the left*/
.advert_left{
margin: 0 0 18px 0;
float:left;
border:none;
}








/* Footer*/
#base
{
		height:79px;
	width:100%;
float:left;
	background:#010001 url(../images/base.jpg) repeat-x top;
	}
	
#base p
{
	width:960px;
float:left;
color:#FFF;
font-size:0.6em;
	}	
	

#base ul
{
padding: 5px 0 5px 0;
	float: left;

}

#base ul li {	padding: 0 25px 0 15px; background:url(../images/base-sep.jpg) no-repeat right bottom; float: left;}

#base ul li.first {	padding-left:0px;}

#base ul li a
{
	padding: 0.2em 0 0.2em 0;
	color: #FFFFFF;
	font-size: 0.6em;
}