/******************************************************* 
 * BH 2010 QUFA
 * Main CSS file.  See the following for overrides:
 * 		- print.css printable version
 *		- qufa.mobile.css mobile-optimized version
 *		- qufa.desktop.css desktop-optimized version
 *******************************************************/
* { /* Reset margins */
	padding: 0;
	margin: 0;
}

body {
	font-family: Geneva, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.8125em;
	margin: auto;
	background-color: #2d2a71;
	text-align: justify; text-justify: newspaper;
	text-rendering: optimizeLegibility;
}


ul {
	margin-left: 1em;
	padding-left: 0.5em;
}

li {
	margin-bottom: 0.6em;
}

h1 {
	font-family: "New York", Georgia,"Times New Roman",serif;	
	font-size:1.5em;
	padding-bottom: 0.2em;
	margin:1.25em 0pt 0.35em;
	border-bottom: 1px solid;
	color: #181897;
}

h2 {
	font-family: "New York", Georgia,"Times New Roman",serif;	
	font-size:1.4em;
	padding-bottom: 0.2em;
	margin:1.25em 0pt 0.35em;
	border-bottom: 1px solid;
	color: #181897;
}

p {
	padding-top: 0.5em;	
	padding-bottom: 0.5em;	
}

h4 {
	font-family: "New York", Georgia,"Times New Roman",serif;	
	padding-bottom: 0.1em;
	margin:1.25em 0pt 0.35em;
	font-size: 1.2em;
	text-align: left;
	border-bottom: 1px solid;
	color: #181897;
}

strong {
/*	font-family: Geneva, Verdana, Trebuchet, Arial, Helvetica, sans-serif; */
	color: #181897;
}


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

#wrap{
	margin: auto;
	background-color: #fff;
	color: #333;
	line-height: 130%;
	border: 3px solid #FFF;
	background-color: #b7b7f9;
	padding: 0;
}

#top {
	padding: 0;
	margin: 0;
	height: 175px;
	position: relative;	
	z-index: 5;
}

#top_home { /* Just used to link to the main page.  It's empty */
	background: transparent;
	height: 150px;
	width: 400px;
	padding-left: 20px;
	display: block;
	float: left;
	z-index: 7;
}

#top_text {
	font-size: 1.0em;
	background: transparent;
	position: absolute;
	bottom: 0;
}

#top_print {
	display: none;
}

#content {
	background-color: #F3F2F6;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -2em;
	padding: 0.5em;
	padding-top: 0px;
	font-size: 0.90em;
	font-family: Geneva, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}

#text {
	background: url(/images/mainback.jpg) no-repeat bottom right;
	padding-top: 10px;
	min-height: 500px;
}

#news {
	text-align: left;
	margin: 0;
	padding: 0;
}

#news ul {
	margin-left: 1em;
	padding-left: 0.5em;
}

#news li {
	margin-bottom: 0.6em;
}


#highlightbox {
	width: 97%;
	/*height: 150px; */
	border-style: none;
	background: #a4adf2;
	display: block;
}

#highlightbox ul {
	margin-left: 1.5em;
	padding-left: 0.5em;
}

.mp_firstcol, .mp_secondcol, .mp_thirdcol{
	display:inline;
	float: left;
	position: relative;
	margin-left: 0.5em;
	margin-right: 0.6em;
}

.mp_firstcol{
	width: 300px;
}
.mp_secondcol{
	width: 300px;

}
.mp_thirdcol{
	width: 300px;
}


/* BH - Div to make the pages big enough for the background image */
.shortPage{
        margin-left: auto;
        margin-right: auto;
        padding:150px;
}

/* BH - Div to make the pages big enough for the background image */
.veryShortPage{
        margin-left: auto;
        margin-right: auto;
        padding:150px;
}

/* BH - Red colour for bargaining alerts 2007.08.11 */
.bargaining{
	color: #982a32;
}

#search
{
	width: 765px;
	margin: auto;
	background-color: #fff;
	color: #333;
	line-height: 130%;
	border: 2px solid #FFF;
	padding: 0;

}

#footer_search {
	clear: both;
	margin: 0;
	padding: 0.5em;
	color: #FFF;
	background-color: #5858EF;
	text-align: center;
	margin-top: 10px;
}

.bottom_container {
	width: 100%;
	height: 2.5em;
	padding-top: 1.7em;
}

#address {
	font-family: Geneva, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: right;
	line-height: normal;
	color: #181897;
	padding: 5px;
	width: 45%;
	float: right;
}

#site_search {
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 45%;
	float: left;
}

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #FFF;
	background-color: #2d2a71;
	text-align: center;
	margin-top: 10px;
	font-size: 0.66em;
}


#disclaimer {
	font-family: Geneva, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.66em;
	text-align: justify;
	background-color: #2d2a71;
	color: #FFF;
	padding: 5px;
	margin-top: 3px;
	line-height: normal;
}

.imgSpace{
	margin-bottom: 20px;
	margin-right: 7px;
	margin-left: 7px;
}

.lightlink A:link { 
	text-decoration: none;
	color: #e4e4fc;
}
.lightlink A:active { 
	text-decoration: none;
	color: #e4e4fc;
}
.lightlink A:hover { 
	text-decoration: underline;
	color: #e4e4fc;
}
.lightlink A:visited { 
	text-decoration: none;
	color: #e4e4fc;
}

.stronglink { 
	clear: both;
	width: 100%
	padding-bottom: 0.1em;
	margin:1.25em 0pt 0.35em;
	font-size: 1.7em;
	color: #181897;
	text-align: center;
}


.tenpercent{
	width: 10%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.twentypercent{
	width: 20%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.thirtypercent{
	width: 30%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.onequarter{
	width: 25%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.onethird{
	width: 30.5%;
	margin: 0px;
	margin-right: 2%;
	padding: 0px;
	float: left;
}
.fortypercent{
	width: 40%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.fiftypercent{
	width: 47.5%;
	margin: 0px;
	margin-right: 2%;
	padding: 0px;
	float: left;
}
.sixtypercent{
	width: 60%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.seventypercent{
	width: 70%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.eightypercent{
	width: 80%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.nintypercent{
	width: 80%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.hundredpercent{
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.mainpagecontent{
	width: 960px;
	margin: 0px;
	padding: 0px;
	float: left;
}


/* override classes */
#content .floatright {
	float: right;
}

#content .floatleft {
	float: left;
}

#content .floatnone {
	float: none;
}