/* 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% }
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 { height:1px; margin:-1px 0 0 0 }


/* end of reset css */
	
body { font-size: small; text-align: center; background: url(../DesignImages/background-new.jpg) 50% 100% repeat-x fixed; }
* 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;  
width: 100%; /*  1000px use for main background usually set to repeat downwards */ 
background:   transparent; }
#containerback { margin: 0px auto 0px; /* can be used for more complex layered background efects where a simple repeating back ground in the container above is not enough */  
background: transparent;  width: 1000px; position:relative; }

#pageHeader { 
margin: 0 ; 
padding: 0 ;  
width: 100%; 
background: url(../DesignImages/TopBanner.png) 0 0 no-repeat; 
height: 168px; position: relative; z-index: 222;}

#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: -30px 0 0 0; /* use to display extra backround over main background*/ /* use to put background behind top of page content   background: url(../DesignImages/topbackground.jpg) 0 0  no-repeat  ; */  }


/*-- Next controls page layout and sets column and content widths --*/

#QPpageContent { 
float:right;   
height: 1%;
/* width of main content area - set margin-right of left panel to same width--*/ 
width: 740px;  
background:/* transparent*/ #DBBFDF;
margin: 0; padding: 50px 40px 40px 40px;

-moz-box-shadow: 5px 5px 5px #67808D;
-webkit-box-shadow: 5px 5px 5px #67808D;
box-shadow: 5px 5px 5px #67808D;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#67808D')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#67808D');}



#leftpannel {position:relative;	 
height: 1%; 
display: table; 
margin-right:65%; 
width: 161px; 
margin-top: 0px; 
/* can add top backgound to left nav pannel, top padding is also needed to show image */	
background: transparent; padding-top: 0px;
-moz-box-shadow: 5px 5px 5px #67808D;
-webkit-box-shadow: 5px 5px 5px #67808D;
box-shadow: 5px 5px 5px #67808D;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#67808D')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#67808D');
}

/*-- Page content layout  --*/
#contentMain { float: left; width:78%;   padding: 0 0   0px 0 ;   }

.ContentArea { float: left; width: 98%;  }

/*-- image possition below menu i.e.logo --*/
.menuBase {  
background: #9FCF65 url(../DesignImages/below-menu.jpg) top left no-repeat  ; 
height: 113px; 
padding: 0; 
margin:  0; 
width: 100%; }
/*-- image possition below menu i.e.logo this panel is 
independent of the navlist and requires a fixed pixel width --*/
.belowMenu {  
height:1px; 
background:transparent /* url(../DesignImages/LeftColumnBaseFill.jpg) 0 0 no-repeat*/; 
width: 170px; 
padding: 0  ; 
margin: 0; }


/* footer */
#footer {text-align: left; margin:   0 ;  /*-- footer text possition & color --*/   padding: 250px 0 0 0px ; font-size:10px; position: relative; bottom: 0; left: 0; width: 100%;
	/*-- footer background image --*/ background: url(../DesignImages/footer.png)  50% 100% no-repeat; color:#6C3; font-size: 70%; height: 20px; z-index: 50;}
/*-- footer --*/
#footer { clear:both;  }

#footer span { }
#footer a { color: #6C3;}
#footer span a { padding-left: 10px; padding-right: 0px; text-decoration: none;   }
#footer p {margin: 0; padding: 0;  }



/* Navigation Controls */
#menu2 {
	position: absolute;
	top: 98px;
	left: -435px;
	width: 961px;
}
#menu2 li { float: left; display: inline;}
#menu2 li a {   color: #000; text-align: center;  font-weight: bold;
padding :8px 0px 8px 0px; margin: 0; font-family: /*Brush Script, Brush Script MT,*/ Arial, Helvetica, sans-serif;   }

#menu2 li.link1 a { width: 121px;  }
#menu2 li.link2 a { width: 140px;  }
#menu2 li.link3 a { width: 146px;  }
#menu2 li.link4 a { width: 176px;  }
#menu2 li.link5 a { width: 135px;  }
#menu2 li.link6 a { width: 141px;  }
#menu2 li.link7 a { width: 94px;  }
 

#menu2 li a { display : block; text-decoration : none; float: left; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 .NavList2 li a{ padding:0; margin:0;} /*end IE5-Mac hack*/
		
	
#menu2 li a:hover { color:#cc0000 ;  }

#menu2 li a  span{
	margin : 0;
	padding: 0;
	display:block; text-indent: -3000px;
}
#menu2 li a:hover span {		}


#shadow {-moz-box-shadow: 5px 5px 5px #343030;
-webkit-box-shadow: 5px 5px 5px #343030;
box-shadow: 5px 5px 5px #343030;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#343030')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#343030');
}


.shadow {-moz-box-shadow: 5px 5px 5px #343030;
-webkit-box-shadow: 5px 5px 5px #343030;
box-shadow: 5px 5px 5px #343030;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#343030')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#343030');
}

#MemoArea { background:url(../DesignImages/memo-text-area-background.jpg) 0 0 no-repeat; width: 577px; height: 213px; margin-top: 15px; overflow: hidden; float: left;}
#MemoArea ul { float: left; width: 168px;  padding:85px 10px 30px 10px;}
#MemoArea ul li { background: none; color:#000; font-size:11px;}
#MemoArea ul li a {  color:#000; text-decoration:underline;}

.BigAd {
	position:absolute;
	top: 180px;
	left:188px;
	width: 43px;
	height: 860px;
	background:url(../DesignImages/magents.png) top left no-repeat;
	z-index:2;
	overflow: hidden;
}
.BigAd2 {
	position:absolute;
	top: 180px;
	left:796px;
	width: 43px;
	height: 860px;
	background:url(../DesignImages/magents.png) top right no-repeat;
	z-index:2;
	overflow: hidden;
}