/* Import the other stylesheets into main.css */
@import url("QP-design-layout.css");
@import url("QP-design-styles.css");
 @import url("QP-nav-styles.css");
/*@import url("QP-border-guides.css");
comment out QP-border-guides.css to hide */

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
h3 { font-size: 1.6em; margin: 10px 0; color:#A5A9AB;}
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */

br { clear:both; height:1px; margin:-1px 0 0 0 }


/* end of reset css */
	
body { font-size: small; text-align: center; }
* html body { font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}
.skipper {display: none;}
#extraText {display: none;}
#container { /*-- use if centered first figure is top margin change to suit --*/ margin: 0px auto 0; position:relative; 	padding: 0; text-align: left;}
#containerback { margin:0;  }
#pageHeader h1 { /*-- do not remove or change padding and margin --*/ padding: 0; margin: 0; line-height: 1px; height: 2px; }
#pageHeader h1 span { visibility: hidden; line-height: 1px; height: 2px; /*-- do not remove or change padding and margin --*/ padding: 0 ; margin: 0 ; }
#wrapper {padding: 0  ; margin: 0 ; }
#spacer { clear:both; padding: 0; margin: 0; }
#main { padding:0; margin: 0; }

/*-- Next page content layout  --*/

#QPpageContent {	margin: 0px 0 0 0;	padding-top: 0;}
#contentMain { height: 1%; display: table; width:100%;   padding: 0 ;   }
.ContentArea { float: left; width: 95%;  }

























/*-- Print link --*/
#extraDiv1 { 	width: 888px;
	position: absolute; top: 0px; left: 5px;
	/*-- use if centered first figure is top margin change to suit --*/ margin: 0 auto 0; }

#extraDiv1 span { position: relative; top: 0px;}


#extraDiv2 { 	width: 786px;
	position:relative;
	/*-- use if centered first figure is top margin change to suit --*/
	margin: -60px auto 0; height: 40px;}
#extraDiv2  ul { margin: 0; padding: 0 ; }
#extraDiv2  li { margin: 0 ; padding: 0; display: inline; list-style: none;}
#extraDiv2  li a { float: left; line-height: 12px; font-weight: normal; padding: 4px 12px 4px 170px; text-decoration: none; color: #050A61; margin: 0 0 5px 0; }
#extraDiv2  li a:hover {   color: #050A61;}







#extraDiv3 { position:absolute; top: 290px; left: 263px; background:#FFF ; width: 516px; border-right: 1px solid #fff; }
#extraDiv3  ul { margin: 0; padding: 0 ; }
#extraDiv3  li { margin: 0 ; padding: 0; display: inline; list-style: none;}
#extraDiv3  li a { float: left; line-height: 12px; font-weight: normal; padding: 4px 12px 4px 12px; text-decoration: none; background:#3B93BD; color: #FFF; border-right: 1px solid #fff; margin: 0 0 5px 0; }
#extraDiv3  li a:hover { background:#FFF; }


#print { float: right; padding:0 60px 20px 20px; background: url(../DesignImages/icon-print-file.gif) 0 0 no-repeat; }
/*-- image gallery --*/