/*
CSS for normal view
Last Modified:  5/6/09           By:  N Ralph
*/
body
	{
	 width: 850px;
	 font-family: verdana, arial;
	 font-size: 10pt;
	 color: #000000;	 
	}
/*		 
		#menu1 {display:none; margin-left:20px}
		#menu2 {display:none; margin-left:20px}
		#menu3 {display:none; margin-left:20px}
*/
	
div
	{
	display:block;
	}
/*
	a:link{color: #000000;}

	a:visited{color: #000000}
*/

h1
  {
     font-family: verdana, arial;
	 font-size: 10pt;
	 color: #000000;
	 /*display:inline; */
   }
   
h2
  {
    font-family: verdana, arial;
    text-align: center;
    font-size:1.0em;
    font-weight: normal;
    color: #ffffff;
  }
   
#toptitle
	{
	 font-size: 1.5em;
	 text-align: right;
	 color: #ffffff;

	 background: #007b85;
  /*
	 background: #60e0f9;
	*/
	 padding-right: .2em;
	 padding-bottom: .2em;
	}		
	
#hadtoptitle
	{
	 font-size: 1.5em;
	 text-align: right;
	 color: #ffffff;
	 background: #339933;
	 padding-right: .2em;
	 padding-bottom: .2em;
	}		
	
#switcher
	{
	 font-size: 0.5em;
	 text-align: centre;
	 color: #ffffff;

	 background: #007b85;
  /*
	 background: #60e0f9;
	 */
	 padding-right: .2em;
	 padding-bottom: .2em;
	}		
	
	/* for qs */
#qstoptitle
	{
	 font-size: 1.5em;
	 text-align: right;
	 color: #ffffff;
	 background: #840000;
	 padding-right: .2em;
	 padding-bottom: .2em;
	}		
	
#qsswitcher
	{
	 font-size: 0.5em;
	 text-align: left;
	 color: #ffffff;
	 background: #007b85;
	 padding-right: .2em;
	 padding-bottom: .2em;
	}		
	
#right {
	 			position: absolute;
        top: 145px;
        right: auto;
        left: 550px;
				font-size:1.0em;
				color: #000000;
				
      }
			
#diag {
	 			margin-left: 45px;
      }
			
#diagpoint {
	 			margin-left: 380px;
				font-size:1.0em;
				color: #921f00;
				font-style:italic;
      }
			
#backbut {
	 			position: absolute;
        top: 420px;
				right: auto;
        
      }
			
#middle {
	 			position: absolute;
        top: 145px;
        right:550px;
        left: 530px;
      }
			
			#mainpic {	
			display: block;
				width: 525px;
        left: 10px;	
      }
			
#left {
              position: absolute;
		      display: block;
              top: 145px;
				/*
        right:489px;
				*/
				width: 525px;
                left: 10px;
				font-size:1.0em;
				color: #000000;
      }
			
#yell {
	 			background-color: #e5a003;
				height: 30px;
				width: 525px;
				text-align: center;
               font-size:1.5em;
               color: #ffffff;
      }
			
#yellreview {
	 			background-color: #e5a003;
				height: 30px;
				width: 525px;
				text-align: center;
				font-size:1.0em;
				color: #ffffff;
      }
			
			
#yellquest {
	 			background-color: #e5a003;
				height: 30px;
				width: 525px;
				text-align: center;
				font-size:1.5em;
				color: #ffffff;
      }
			
			
#leftbot {
	 			position: absolute;
        top: 567px;
        width:525px;
        left: 10px;
				bottom:615px;
      }
			
			#hadleftbot {
	 			position: absolute;
        top: 431px;
        width:525px;
        left: 9px;
				bottom:479px;
      }
			
#footer {
        position: absolute;
        top: 580px;		
        right:auto;
        left: 20px;
        font-family: verdana, arial;
        font-size: .8em;
        color: #a9a9a9;
        padding: .5em;
      }
			
#hadfooter {
	 			position: absolute;
        top: 450px;		
        right:auto;
        left: 20px;
				font-family: verdana, arial;
	 			font-size: .8em;
	 			color: #a9a9a9;	
				padding: .5em;
      }
			
#prodfooter {
				font-family: verdana, arial;
	 			font-size: .8em;
	 			color: #a9a9a9;	
				padding: .5em;
      }
			
#gloss {
	 			position: absolute;
				display: block;
        top: 335px;
				width: 200px;
        left: 330px;
				font-family: verdana, arial;
				font-size:.8em;
				color: #a9a9a9;
				padding: .5em;
      }
			
#glossold {
	 			position: absolute;
		
        top: 450px;	
				bottom:510px;	
				right:auto;
        left: 20px;
				font-family: verdana, arial;
	 			font-size: .8em;
	 			color: #a9a9a9;	
				padding: .5em;
			
      }

#floatfooter {
			/*
	 			position: absolute;
		
        top: 540px;		
			*/
        right:auto;
        left: 20px;
				font-family: verdana, arial;
	 			font-size: .8em;
	 			color: #a9a9a9;	
				padding: 2.5em;
				text-align: center;
      }
			
#leftfloatfooter {
			/*
	 			position: absolute;
		
        top: 540px;		
			*/
        right:auto;
        left: 20px;
				font-family: verdana, arial;
	 			font-size: .8em;
	 			color: #a9a9a9;	
				padding: 2.5em;
				text-align: left;
      }

A.extra

{

 	font-size: .8em;

	font-family: Verdana;

  text-decoration: none;

	color: #ffffff;

}

A.extra:hover

{

 	font-size: .8em;

	font-family: Verdana;

  text-decoration: none;

	color: #000000;

}			

.phead

	{

 	 font-size: 1.2em;

 	 font-weight: bold;

 	 COLOR: #000000;

 	 font-family: verdana, arial;

	 margin-right: 10;

	 margin-top:10;	

	 }

/*these are all about formatting the print*/	 
	 
.pbreak
	 {
 	 page-break-before: always;
	 }

/*end of print format*/
.pbold

	 {

 	 font-size: 1.0em;

 	 font-weight: bold;

 	 COLOR: #0;

 	 font-family: verdana, arial;	 

	 }	 

.psubhead

	 {

 	 font-size: .8em;

 	 font-weight: bold;

 	 COLOR: #0;

 	 font-family: verdana, arial;	 

	 }

#pnormal

	 {

 	 font-size: 1.0em;

 	 font-weight: normal;

 	 COLOR: #0;

 	 font-family: verdana, arial;	 

	 }

.pbutton

	 {

 	 font-size: .8em;

 	 font-weight: bold;

 	 color: #000000;

 	 font-family: verdana;

 	 background-color:#efc700; 

 	 color:#000000; 

 	 border-color:#008400; 

 	 border-width:1px; 

 	 border-style:outset; 

 	 margin-top:10; 						 

	 } 

.pnote

	 {

 	 font-size: .8em;
	 font-style:italic;
 	 font-weight: normal;
 	 COLOR: #0;
 	 font-family: verdana, arial;

	 }
	 
.pgrey
	 {
 	 font-size: .75em;
 	 font-weight: normal;
 	 COLOR: #a9a9a9;
 	 font-family: verdana, arial;
	 }
	 
	 /*menus bit*/
	 
.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
	width: 850px;
}

.topmenuli{
	list-style-type:none;
	float:left;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#dmenu {
	font-family: Verdana, Arial;
	font-size:1.0em;
	color: #ffffff;
	width: auto;
}

.topmenutitle {
	display:block;
	width:auto;

	background-color: #007b85;
 /*
	background-color: #60e0f9;
	*/
	text-indent:3px;
	text-decoration: none;
	border:2px solid #ffffff;
	padding-right: 13px;
	line-height:25px;
	color: #ffffff;
	}
	
	/*for qs*/
.qstopmenutitle {
	display:block;
	width:auto;
	background-color: #840000;
	text-indent:3px;
	text-decoration: none;
	border:2px solid #ffffff;
	padding-right: 13px;
	line-height:25px;
	color: #ffffff;
	}

.topmenutitlelast {
	display:block;
	width:122px;

	background-color: #007b85;
 /*
	background-color: #60e0f9;
	*/
	text-indent:3px;
	text-decoration: none;
	border:2px solid #ffffff;
	line-height:25px;
	padding-right: 13px;
	color: #ffffff;
}

/* for qs */
.qstopmenutitlelast {
	display:block;
	width:133px;
	background-color: #840000;
	text-indent:3px;
	text-decoration: none;
	border:2px solid #ffffff;
	line-height:25px;
	padding-right: 13px;
	color: #ffffff;
}

.submenuul {
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
	margin-top:-1px;
	background-color:#ffffff;
	background-position: top left;
	background-repeat: repeat-x;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	z-index: 1;

}

.submenuli a{
	display:block;
	width:175px;
	padding:3px;
	text-decoration: none;
	color: #000000;

}

.submenuli a:hover{
	text-decoration: none;
	background:#336699;
	color: #FFFFFF;
}

.topmenuli a:hover{
	text-decoration: none;
	background:#e5a003;
	/*
	background:#336699;
	*/
	color: #FFFFFF;
}
 /* end menus bit */
 
 /* start purchase bit */
.purchase
	{
	 /* width: 600px;  */
	 font-family: verdana, arial;
	 font-size: 10pt;
	 color: #000000;	 
	 text-align: center;
	}