@charset "iso-8859-1";
/* author: Thomas Owen */
/* Creation date: 4/26/2008 */

  
  
 body {
   margin: 0;
   padding: 0;
   font-family: Verdana, sans-serif;
   font-size: small;
   border-left: 60px solid #333;
   border-right: 60px solid #333;
   
   }
   
  b {
  font-weight: bold;
  font-size: 105%;
  color: #900;
  }
 
 i {
 color: #fff;
 }
  
  fieldset {
  border: 2px solid #fff;
  margin-bottom: 28px;
  padding: 10px;
  background: transparent;
  }
  
legend {
  font: bold 1.2em Arial, Helvetica, sans-serif;
  color: #000;
  background: transparent;
}

.headtagline {
  font:  bold italic 1.2em Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #fff; 
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0; 
}
  
.announcement {

   color: #fff;
} 
/*------------ block positioning ----------*/
	

  
#content {
     float: right;
	 width: 70%;
	 font-size: 95%;
	 line-height: 1.5em;
	 color: #333;
	 }

#content p {
     padding-bottom: 1em;
     }


	 
#sidebar {
     float: left;
	 width: 30%;
	 
	 }

#wrap   {
     min-width: 500px;
	 max-width: 1400px;
	 background: url(images/wrapbg2.gif) repeat-y 30% 0;
	 }
   
h3 {
   color: #630;
   font-size:150%;
 }
   
.wraper {
  color:#333333;
  font-family: Verdana, sans-serif;
  font-size: smaller;
  text-align: center;
  float: left;
  padding: 4px;
  margin-right: 4px;
  margin-bottom: 1px;
  border : 1px solid #900;
  }


  
.wraper2 {
  float: right;
  padding: 1px;
  margin-right: 60px;
  border : 2px solid #999966;
  } 
  
.answ {
  color: #990000;
  }
  
#header   {
	background: #630 url(images/border_gold_hor.gif) repeat-x bottom left;
	
	}
	
#header h1{
   margin:0;
   padding: 25px 25px 4px 25px;
   font-family: Arial, sans-serif;
   font-size: 200%;
   color: #cc3;
   }
   
#header h1 a{
   color: #cc3;
   text-decoration: none;
   }
   
 #header h2 {
   margin:0;
   padding: 0 25px 12px 25px;
   font-family: Verdana, sans-serif;
   font-size: 90%;
   color: #666;
   }  
 #signup {
   border: 2px solid #333333;
   background: #cccc33;
   padding: 4px 4px 4px 18px;
   }

 /*------------ Gutters -------------*/
 #content {
 
 }
 
 #content .gutter {
     padding: 25px 25px 25px 45px;
	 /*-- background: url(images/content_bg.gif) repeat-x top left; --*/
	 }
#sidebar .gutter {
     padding: 18px;
	 }
   
  
  

/* for sitemap page */  

ul#sitemapage li{
	padding-bottom: 6px;
	}
	
ul#sitemapage li a {
    margin-top: 0;
	padding: 6px 6%;
	font: bold small Georgia, serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #333333;
	text-decoration: none;
	}

ul#sitemapage li a:hover {
	color: #990000;
	text-decoration: underline;
	}
   

/* -------- Left block Navigation ------- */

ul#mainnav {
	list-style: none;
	margin-left: 10px;
	padding: 0px;
	/*background-color: #ffffff;*/
	}
		
ul#mainnav li {
	display: block;
	
	}
	
ul#mainnav li.last {
    display: block;
	padding-bottom: 100px;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	font: bold small Georgia, serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #cc3;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	color: #cc3;
	text-decoration: underline;
	}
	
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	padding-left: 1.5em;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: small Georgia, serif;	
	color: #cc3;
	background-color: transparent;
	}

ul#mainnav ul.subnav li a:hover {
	color: #cc3;
	background-color: transparent;
	text-decoration: underline;
	}

	/*-----------Highlite nav tap for page being shown ------------*/
body#home #h-home a {
    color: #000;
	text-decoration: underline;
	}	
	
body#privacy #h-privacy a {
    color: #000;
	text-decoration: underline;
	}	
	
body#instruments #h-instruments a {
    color: #000;
	text-decoration: underline;
	}		
	
body#checklist #h-checklist a {
    color: #000;
	text-decoration: underline;
	}	
	
body#location #h-location a {
    color: #000;
	text-decoration: underline;
	}	
	
body#contact #h-contact a {
    color: #000;
	text-decoration: underline;
	}	
		
body#faq #h-faq a {
    color: #000;
	text-decoration: underline;
	}	
	
body#choose #h-choose a {
    color: #000;
	text-decoration: underline;
	}	
	
body#bodysize #h-bodysize a {
    color: #000;
	text-decoration: underline;
	}	
	
body#soundcon #h-soundcon a {
    color: #000;
	text-decoration: underline;
	}		
	
body#listening #h-listening a {
    color: #000;
	text-decoration: underline;
	}		

body#practical #h-practical a {
    color: #000;
	text-decoration: underline;
	}	
	
body#map #h-map a {
    color: #000;
	text-decoration: underline;
	}	
	
/*
--------Footer and Stuff----------
*/

					
#topbutton {
     text-align: left;
	 }	
#topbutton a {
     color: #333333;
	 font-weight: bold;
	 text-decoration: underline;
	 }	
#topbutton a:hover {
     color: #ff0000;
	 text-decoration: none;
	 }
	 
#footer  {
     clear: both;
	 background: #333333;
	 border-top: 3px solid #cc3;
	 text-align: center;
	 }
#footer p {
     margin: 0;
	 padding-top: 15px;
	 padding-bottom: 3px;
	 font-size: 80%;
	 color: #cc3;
	 }
#footer a {
     color: #ffcc66;
	 text-decoration: underline;
	 }
#footer a:hover {
     color: #FF0000;
	 text-decoration: none;
	 }	
a img, a:hover img, a:focus img, a:active img, a:visited img {   /*get rid of all image-link borders*/
  border: none;
}	 
	 
/*hide from IE5/Mac \*/
*html #footer { height: 1%; }
/*End hide from IE5/Mac*/