@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: #DDDEF1;*/
	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;
}

fieldset {
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	width: 400px;
}

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

p { /* Paragraph general styles */
	padding: 0 0 10px 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;

}
#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;
}


/*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: #DDDEF1;
	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;
}

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



/*-------------------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;
}

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


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

#snav li ul { /* secondary-level lists */
	position: absolute;
	background-color: #8566AF;
	width: 184px;
	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;
	font-size: 0.9em;
}

#intro {
	width: 90%;
	margin-left: 40px;
}


/*-------------------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;
}

#sitelok {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 400px;
	margin-top: 50px;
}