/* Layout Stylesheet */ 

/*

	background white #FFF
	
	header top dark gret #B6B2B3
	
	header bottom (bar) #D7D3D4
	
	title red (same as logo) #E55958



*/
 
 body {	
	margin: 30px;	
	font-size: small;
	height: 100%;
	background: #FFF;
}

HTML BODY  {	
	 
	padding: 0;	
	
	font-family: Helvetica, Arial, Geneva, sans-serif;	
	
	font-size: x-small; /* for win IE5*/
	f\ont-size:  small; /* for other IE versions */
	
	color: #333;	 	
	 background: #FFF;
	height: 100%;
	
}

p {
	font-size: 100%;
 
	border: 0px solid;
}
#outer {
 text-align:left;
 border: 1px solid #CCC;
 width: 750px;
 margin:auto;
 background: white;
 }
 
#top {
 height: 40px;
 background: #B6B2B3 URL('../images/templates_logo.gif') no-repeat left;
  
 }


#top h1 {
	font-size: 180%;
	color: white;
	margin-left: 200px;
	padding-top: 0px;
	font-weight: bold;
}

#bar {
 height: 30px;
 background:#D7D3D4;   
 color: white;
   
 }

#bar dl {
	
	margin: 0;
	padding: 0;
	margin-left: 170px; 
}

#bar dd {
 
	list-style: none;
 	float: left;
	font-size: 95%;
 	padding-top: 10px;
 	margin: 0;
 	text-align: center;
 	width: 60px;
	 
	
  
} 


#bar dd a:link, #bar dd a:visited {
	color: black;
	text-decoration: none;
	border: 0px solid;
	 
 
	padding: 5px 3px 3px 2px; 
	
	}

#bar dd a:hover, #bar dd a:active, #bar dd a.topnavin  {
	
	text-decoration: none;
	background: white;
	border: 1px solid #B6B2B3;
	 	 
}


 
#bodyblock {
 position:relative;	
  width: 750px;
 padding:0;
 
  }

#bodyblock.popup{
   width: 600px;
  
  }


#left {
 float:left; 
 background: white;
 color: #B0DBE3;
 width: 115px;
 padding-bottom: 50px;
 padding-left: 5px;
 margin-top: 8px;
 text-align: left;
 }


 
 
 #left h2 {
	margin-bottom: 2px;
    color: #000;
	text-align: left;
	font-size: 100%;
}
 
#left p {
	 
	font-size: 70%;
}	


#left ul {
 
    list-style: none;
    margin: 0 0 0 1px;
	padding-left: 0px;
 	
	 }

#left li {
	
	list-style: none;
	width:  100px;
	margin-left: 1px;
	margin: 0;
	padding-bottom: 8px;
	
	 }
 

#left li a:link, #left li a:visited, #right li a:link, #right li a:visited {
	
	margin-left: 0px;
	text-decoration: none;
	color: #000; 
	font-size: 90%;
	 
}

#left li a:hover, #left li a:active {
	
 
	text-decoration: underline;
 	 
}


#cont {
 width: 560px;
 background:#ffffff;
 border:  0px solid;
 text-align:left;
 padding-left: 20px;
 padding-right: 10px; 
 padding-bottom: 40px;
 }

 

#cont h1 {
	color: #E55958;
	font-size: 130%;
	border: 0px solid;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 10px;
 	 }


#cont ul {

	margin: 0;
	margin-top: 10px;
	margin-left: 10px;
/* float: right;*/
	 
}

#cont li {
	
	 
	padding-left: 5px;
	padding-top: 3px;
}

 #cont  a:link, #cont a:visited {
 	color: #E55958;
 	font-size: 80%;
 	text-decoration: none;
 	 
 }

#cont  a:hover {
 	color: #E55958;
 	font-size: 80%;
 	text-decoration: underline;
 }

#footer {
	text-align: center;
	font-size: 80%;
	padding-top: 10px;
}

#footer  a:link, #footer a:visited {
	color: #333;
}

#footer  a:hover, #footer a:active {
	text-decoration: none;
}
h1, h3 {
 margin:0;
 padding:10px;
 padding-left: 0;
 }

h2 {
  
 font-size: 110%;
 line-height: 110%;
 
 color: #B6B2B3;
  font-weight: bold;

 }
 
 h3{
  
 font-size: 90%;
 line-height: 90%;
 margin-bottom: -10px;
 color: #333;
  font-weight: bold;

 }
 
 #clear {
 clear: both;
 }

.clear {
 clear: both;
 }

img {
	
	border:  0;
}
 
.booksubheading {
	font-weight: bold;
}

.hpimg {
	
	border: 0px solid;
	border-top: 0;
	float: right;
	margin-left: 20px;
	
} 

.newsimg {
	text-align: center;
	margin-top: 20px;
}

.error {
	text-align: center;
	background: red;
	font-size: 120%;
	color: white;
	font-weight: bold;
}