/* CSS Document */



/*Varnish stripping**/

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquot

e,fieldset,input { margin:0; padding:0; }

a img,:link img,:visited img { border:none;}

address { font-style:normal; }

abbr, acronym {border: none;}

a {text-decoration: none;}



/*browser normalisation*/

#force-scrollbar {

position: absolute;

top: 0;

bottom: -1px;

width: 1em;

z-index: -1;

}



body {
	margin-top: 56px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 50px;
	font-size: 62.5%;
	background color: #C6B3FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	color:#333333;
	padding:0;
}



a {

color:#333333;

text-decoration:none;

font-weight: bold;

}



a:hover {

color: #330066;

}



/*structure*/

#centred-wrapper {

width: 800px;

margin-left: auto;

margin-right: auto;

position: relative;

}



#rightcontainer {

float:left;

width: 607px;

}



#leftcontainer {

width: 183px;

float:left;

}



#maincontent-container {

clear:both;

}



#navigation {

width: 124px;

border: 4px solid #330066;

background: #EAE1DA;

height: 395px;

padding:18px;

}



img#headerimage {

clear:both;

border: 4px solid #330066;

margin-bottom: 15px;

width: 555px;

}



#maincontent {

width: 555px;

border: 4px solid #330066;

background-color: #EAE1DA;

}



#maincontent2 {

background-image:url(images/twotonebackground.jpg);

background-repeat:repeat-x;

background-color:#e5e6e3;

width: 555px;

}



#maincontent3 {

background-color:#e5e6e3;

width: 555px;

}



/*needed for faux columns*/

#col-wrapper {

	float: left;

	background-image: url(images/twotonebackground.jpg);

	background-repeat: repeat;

	border-left: 4px solid #330066;

	border-bottom: 4px solid #330066;

	border-right: 4px solid #330066;

	border-top: 4px solid #330066;

	width:555px;

}



#col-wrapper3 {

	float: left;

	border-left: 4px solid #330066;

	border-bottom: 4px solid #330066;

	border-right: 4px solid #330066;

	border-top: 4px solid #330066;

	width:555px;

}



#maincontent-column {

float:left;

padding-top: 18px;

padding-left: 28px;

padding-bottom: 28px;

padding-right: 28px;

width: 501px;

}



#maincontent2-leftcolumn {

width: 300px;

float:left;

padding-top: 18px; 

padding-left: 28px;

padding-bottom: 28px; 

}



#maincontent2-rightcolumn {

width: 140px;

float:right;

padding-top: 18px; 

padding-right: 18px;

padding-bottom: 28px;

}



#developments {

position: relative;

float:left;

display: block;

}



#footer {

float:left;

width: 490px;

text-align:left;

font-size:0.9em;

color:#333333;

margin-top:50px;

margin-bottom:50px;

}



#footer a {

color: #333333;

font-weight: normal;

}



#footer a:hover {

color: #000000;

}





/*login*/

#login-wrapper {

width: 570px;

margin-left: auto;

margin-right: auto;

padding-left: 183px;

height: 25px;

position: relative;

z-index: -1px;

}



#login a {
	float:left;
	background-color:#330066;
	color: #FFFFFF;
	margin:0 0 0 23px;
	padding:5px 9px 6px 9px;
	font-size:1em;
	font-weight:bold;
	text-align: center;
}



#youarehereLogin a {

float:left;

background-color:#FFFFFF;

color: #333333;

margin:0 0 0 23px;

padding:5px 9px 5px 9px;

font-size:1em;

font-weight:bold;

text-align: center;

}



#login a:hover {
	background-color: #A965E0;
	color:#FFFFFF;
	border: 1px #330066;

}



/*register*/

#register a {

float:left;

background-color:#330066;

color: #FFFFFF;

margin:0 0 0 5px;

padding:5px 9px 6px 9px;

font-size:1em;

font-weight:bold;

text-align: center;

}



#youarehereRegister a {

float:left;

background-color:#FFFFFF;

color: #333333;

margin:0 0 0 5px;

padding:5px 9px 5px 9px;

font-size:1em;

font-weight:bold;

text-align: center;

}



#register a:hover {
	background-color: #A965E0;
	color:#ffffff;
	border: 1px #330066;

}



#logout a{

float:left;

background-color:#330066;

color: #FFFFFF;

margin:0 0 0 5px;

padding:5px 9px 6px 9px;

font-size:1em;

font-weight:bold;

text-align: center;

}

#logout a:hover {

background-color: #FFFFFF;

color:#333333;

}





/*welcome*/

#welcome {

float:left;

background-color: #EAE1DA;

color: #242424;

margin:0 0 0 23px;

padding:5px 9px 6px 9px;

font-size:1em;

font-weight:bold;

text-align: center;

}



/*userName*/

#userName {

float:left;

color: #FFFFFF;

margin:0;

padding:5px 9px 6px 9px;

font-size:0.9em;

font-weight:bold;

text-align: center;

}





/*navigation text styles*/

#navigation ul {

margin:0px 0px 0px 0px;

list-style: none;

}



#navigation li {

margin:18px 0px 0px 0px;

font-size: 1.2em;

}



#navigation li a {

color: #330066;

font-weight: bold;

}



#navigation li a:hover{
	color: #A965E0;

}



#navigation li a#youarehere {
	color: #A965E0;

}



/*generic text styles*/

#maincontent2 p, #maincontent3 p { 	

margin:0 0 15px 0;

line-height:160%;

text-align:justify;

}



h1 {

font-size: 1.9em;

color: #330066;

font-weight: normal;

margin:0;

padding:0 0 20px 0;

line-height:150%;

}



h2 {

font-size: 1.7em;

color: #330066;

font-weight: normal;

margin: 0px;

padding:20px 0 10px 0;

line-height:135%;

}



.bodyBold {

font-weight: bold;

}





/*back button*/

.backButton {

clear:both;

border-bottom: 1px solid #330066;

border-top: 1px solid #330066;

margin-top:10px;

padding-top:10px;

padding-bottom:10px;

font-size: 0.9em;

text-align:right;

}



.backButton2 {

clear:both;

border-bottom: 1px solid #330066;

border-top: 1px solid #330066;

margin-bottom:30px;

margin-top:10px;

padding-top:10px;

padding-bottom:10px;

font-size: 0.9em;

text-align:right;

}



.backButton a, .backButton2 a {

color:#FFFFFF;

background-color: #333333;

border: 1px solid #666666;

padding: 5px 7px 5px 7px;

margin-left:15px;

}



.backButton a:hover, .backButton2 a:hover {

background-color: #666666;

color:#FFFFFF;

border: 1px solid #999999;

}



#admin-container {

border: 4px solid #330066;

width: 497px;

margin-bottom: 15px;

background-repeat:no-repeat;

background-color: ;

padding: 30px 30px 18px 28px;

}



#admin_leftcontainer{

	width: 183px;

	float:left;

	padding-top:0px;

}
