@charset "UTF-8";
/* CSS Document */

html { 
	overflow-y: scroll;
}

body {
	padding: 0;
	margin: 0; /*background-color: #FFFFFF;*/
	background-image: url(../images/bg_vig8.gif);
	background-position:center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #646464;
	background-repeat: repeat-y;
}

h1 { /* Heading styles */
	font-size: 1.5em;
	color: #4E4145;
	padding: 0 0 5px 0;
	margin: 0;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 { /*Sub  Heading styles */
	font-size: 1.1em;
	font-weight: bold;
	color: #432879;
	padding: 0px;
	line-height: 135%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

p { /* Paragraph general styles */
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 135%;
	vertical-align: top;
	font-size: 0.8em;
}

a:link { /* Link general styles */
	color: #432879;
}

a:hover { /* Hover general styles */
	color: #8566AF;
}

fieldset {
	margin: 0 auto 0 auto;
	padding: 30px;
	width: 400px;
}

legend {
	color: #57288F;
	padding-left: 10px;
	padding-right: 10px;
}

#content li { /* The next 3 are bullet point styles */
	font-size: 0.8em;
	margin: 0 0 0 5px;
	padding: 0 0 5px 0;
	line-height: 135%;
}

#content ul {
	padding: 0;
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 20px;
}

#content ol {
	margin: 0 0 15px 20px;
	padding: 0;
	list-style-position: outside;
	list-style-type: decimal;
}

#formpage {
	margin: 0 auto 0 auto;
	width: 400px;
}


/*Structure*/


#container {
	width: 960px; /*Width of website*/
	margin: 0 auto; /*Positions the website in the middle of the page*/
	padding: 0 0 50px 0; /*The next 4 below set purple panel at bottom of page*/
	background-color: #FFF;
	background-image: url(../images/bottom-panel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}



/*Container for Top Nav, Logo and Secondary Nav*/

#header {
	background-color: #432879; /*Background colour for Top Navigation and Login Panel*/
	clear: both;
	font-size: 0.7em; /*Text size for everything within the header*/
	background-image: url(../images/top-curve.gif); /*The next 3 below set the curve above the logo*/
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 165%;	/*Aligns text to middle*/
}

/*-------------------Top Navigation Styles-------------------*/
#nav {
	width: 950px; /*Sets position of the links within the panel*/
	margin: 0;
	padding: 4px 10px 4px 0px;
	clear: both;
	vertical-align: middle;
	text-align: right;
}

#nav ul {/*Links are set up as an unordered list*/ 
	padding: 0; 
	margin: 0;
  	list-style: none; /*Sets style to none so for example no bullet points*/
}

#nav ul li {
  	list-style: none;
  	display: inline; /*Displays the links inline*/ 
}

#nav ul li a { /*This styles sets the look of the link itself*/
	text-decoration: none;
	color: #fff;
	padding: 0;
	margin: 0px 10px 0px 0px;
	font-weight: bold;
	vertical-align: middle;
}

#nav ul li a:hover {  /*Style of the link hover*/
	color: #CFB3E6;
}

#login {
	background-color: #8566AF;
}

/*-------------------Login Box Styles and positioning-------------------*/
#search {
	width: 440px; /*Width of search bar*/
	float: right; /*Floats Panel to the right*/
	padding: 10px 10px 10px 0px; /*Sets position of the items within the panel*/
	margin: 0px;
	color: #fff;
	text-align: right; /*Aligns items to the right*/
	
}

.login {
	font-weight: bold;
	margin: 0px 10px 0px 0px;
		vertical-align: middle;

}
.password {
	vertical-align: middle;


}

.loginbox {
	padding: 0px;
	margin: 0 10px 0 0; /*Space around the text field boxes*/
	vertical-align: middle;
		
}

/*-------------------logo-------------------*/
#logo {
	padding: 0px;
	margin: 0px;
	background-color: #57288F;
	clear:both;
}


/*-------------------Secondary Nav-------------------*/

#navbar {
	background-color: #8566AF;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	clear: both;
	background-image: url(../images/bottom-curve.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#navposition {
	float: right;
	padding: 0;
	margin: 0 10px 0 0;
}

#snav, #snav ul {
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 10;
}

#snav a {
	display: block;
	padding: 7px;
	margin: 0;
	color: #FFF;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	width: 180px;
}


#snav li { /* all list items */
	float: left;
	width: 180px;
}

#snav li ul { /* secondary-level lists */
	position: absolute;
	background-color: #8566AF;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#snav li:hover ul, #snav li.mnHover ul { /* lists nested under hovered list items */
	left: auto;
}

#snav li:hover,  #snav li.mnHover { /* mn relates to some java so that it works in IE6 */
	background-color: #8566AF;

}

#snav li a:hover {
	color: #432879;

}


/*-------------------Content Container-------------------*/

#content {
	width: 100%;
	clear: both;
	border-color: #000000;
	outline-color: #000000;
	background-repeat: no-repeat;
}

#fullwidth {
	width: 85%;
	margin: 80px auto 50px auto;
	text-align: left;
}

#newsbody {
	width: 90%;
	margin: 15px auto 10px auto;
	text-align: left;
}

/*-------------------Footer-------------------*/	

#footer {
	padding: 5px 10px 5px 0px;
	margin: 0px;
	clear: both;
	background-color: #582890;

}

#footer ul {
	text-align: right; /*Aligns links to the right*/
	padding: 0; 
	margin: 0;
  	list-style: none;
}

#footer ul li {
  	list-style: none;
  	display: inline;  
}

#footer ul li a {
	text-decoration: none;
	color: #fff;
	padding: 0px 10px 0px 0px;
	margin: 0;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 165%;
 	vertical-align: middle;
}

#footer ul li a:hover {
	color: #CFB3E6;
}

.footerimage {
/*	background: url(../images/bullets-footer.gif) no-repeat right;*/
}
/*-------------------Home Page buttons-------------------*/	


#homenavbox {
	position: relative;
	top: -69px; /*Position underneath lady picture, negative margin then moves it up */
	z-index: 3; /*This is a layer position */
}

/* Home Page curve buttons */

#homenav {
	position: absolute;
	top: 0px;
	left: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 69px;
	display: inline;
	overflow: hidden; /*This is hidden as there are some text links on the page which we don't want to see (as we want to see the buttons) but we want screen readers to read it. */
	}
#homenav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
#homenav a {
	float: left;
	padding: 69px 20px 0 0; /*This postions the text links on the page so we don't see them but screen readers can read it. */
	overflow: hidden; /*This is hidden as there are some text links on page which we don't want to see but we want screen readers to read it. */
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
#homenav a:hover {
	background-position: 0 -69px; /*The buttons are one image each with both the up and down button saved on top of each other, this says to move the position to -101 so the bottom button is seen */
	}

#findnearest a  { 
	width: 160px;/*The next 3 styles specify the width and which image to use for the button*/
	background:   url(../images/find-button.gif) no-repeat left top;
	}
#benefits a  {
	width: 160px;
	background:url(../images/benefits-button.gif) top left no-repeat;
	}
#latestnews a  {
	width: 160px;
	background:   url(../images/latestnews-button.gif) top left no-repeat;
	}

/*-------------------Home Page Columns-------------------*/	

#homeContainer { /*Positions the 3 colums*/
	float: left;
	width: 940px;
	margin: 0;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#homeCol1 { /*Specifies width of 1st column and to float left*/
	float: left;
	width: 370px;
	padding: 0;
	margin: 0;
	right: auto;
}

#homeCol2, #homeCol3 { /*Specifies width of 2nd and 3rd column and to float left*/
	float: left;
	width: 260px;
	padding: 0;
	margin: 0;
	right: auto;
}

#homeCol1, #homeCol2 { /*Specifies margin for 1st 2 columns*/
	padding: 0;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
}

/*-------------------Why Register Page Columns-------------------*/	


#wrleft {
	width: 570px; /*Width of left panel*/
	padding: 40px 10px 10px 40px; /*Sets position of the items within the panel*/
	margin: 0;
	float: left;
}

#wrright {
	width: 330px; /*Width of right panel*/
	padding: 0;
	margin: 0;
	float: right;
}

.floatright {
	float: right;
}


/*-------------------Site credits-------------------*/	

#producer { 
width: 960px; 
height: 16px; 
margin: 0 auto; 
color: White; 
font-size: 10px;
text-align: center;
}
#producer a {
color: white; 
font-size: 11px;
text-decoration: none;
font-weight: bold;
}
#producer a:hover {
color: #432879; 
}

/*-------------------Accordion for FAQ pages-------------------*/

.accordion {
	width: 800px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 80%/70% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	text-align: left;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	text-align: left;
	font-family: inherit; /*font-family: Arial, Helvetica, sans-serif;*/
}

/*------------------- Misc font classes -------------------*/

.warning {
	color: #B22222;
}
.smaller {
	font-size: 0.8em;
}