html
{
   height: 100%;
   margin: 0;
   padding: 0;   
}

body
{
   height: 100%;
   margin: 0;
   padding: 0;
}

img
{
	border: 0;
}

.clear
{
   clear: both;
}  

.main
{     
   height:550px; 
   width:750px;
   left:50%; 
   margin-left:-375px;    
   margin-top: 10px;
   position: absolute;          
   padding: 0;      
}

.search
{
	 position: absolute;
   left: 500px;
   width: 250px;
   top: 10px;
   padding: 0;
   margin: 0;   
   text-align: right;
   font-family: Verdana;
   font-size: 0.7em;
   font-weight: bolder;
}

.search form
{
   margin: 0;
   padding: 0;      
}

.search label
{
   color: #C2C2C2;
   text-align: right;
}

.search input.searchbox
{
   border: 1px solid #C2C2C2;
   width: 100px;
   padding: 0;
   margin: 0;
}

.search input.searchbutton
{
   border: 1px solid #C2C2C2;
   background: white;   
   color: #C2C2C2; 
   padding: 0;
   margin: 0;
   font-size: 0.9em;
}

.main img.logo
{       
   display: block;
}

.frame
{
  background-image: url("images/logo_bottom.png");
  background-repeat: no-repeat;
  border: 1px solid lightgrey;       
  height: 700px;  
}

.frame .info
{
   position: absolute;
   left: 105px;
   padding: 0;
   margin: 0;
}

.frame .info p
{   
   color: #7A7B7D;
   font-family: Verdana;
   font-size: 0.7em;      
   line-height: 95%;
   padding: 5px 0px;      
}

.frame .info p a
{
   color: #7A7B7D;
   text-decoration: none;
}

.frame .info p a:hover
{
   color: #7A7B7D;
   text-decoration: underline;
}

.frame .right
{
   position: absolute;   
   left: 510px;
   font-family: Verdana;
   font-size: 0.7em;
   line-height: 95%;
   padding: 5px 0px;
   color: #7A7B7D;
   text-align: right;
   width: 235px;
}

.links
{   
   clear:both;
   padding: 0;
   margin: 10px 0px 0px 0px;
}

.links p
{
   font-family: Verdana;
   font-size: 0.6em;
   font-weight: bolder;
   padding: 2px 0px;
   margin-top: 4px;
   margin-bottom: 4px;
}

.links a
{
   border: 1px solid #FFFFFF;
   color: black;
   text-decoration: none;   
   padding: 3px;
}

.links a:hover
{
   border: 1px solid #C2C2C2;
   background: #FAFAFA;   
   text-decoration: none;   
   padding: 3px;
}

.bottomnav
{
   position: absolute;
   left: 510px;
   top: 312px;
   text-align: right;
   margin: 0;
   padding: 0;
}

.bottomnav p
{
   font-family: Verdana;
   font-size: 0.7em;
   font-weight: bolder;
   padding: 6px;   
}  

.bottomnav a
{
   border: 1px solid #FFFFFF;
   color: black;
   text-decoration: none;
   padding: 5px;
}


.bottomnav a:hover
{
   border: 1px solid #C2C2C2;
   background: #FAFAFA;   
   text-decoration: none;   
}

.largeimg
{
   position: absolute;
   left: 100px;
   top: 150px;      
   width: 325px;
   height: 225px;
}
.login
{
   position: absolute;
   left: 20px;
   top: 150px;      
   width: 700px;
   height: 100px;
   text-align: left;
   font-family: Verdana;
   font-size: 0.7em;
}

.monthdesc
{
   position: absolute;
   left: 520px;
   top: 150px;
   height: 205px;
   width: 225px; 
   text-align: right;      
   padding: 0;
   margin: 0;
}

.monthdesc p
{
   font-family: Verdana;
   font-size: 0.8em;   
   font-weight: bolder;
   color: #C2C2C2;   
}

.monthdesc p.title
{
   font-size: 1em;
   color: black;
   border-bottom: 1px solid black;
}

.monthdesc p.item
{
   font-size: 0.7em;
   font-weight: normal;
   color: darkgray;
}

.largeimg table
{	
	width: 325px;
	height: 225px;
	padding: 0;
	margin: 0;	
}

#menu
{
   position: absolute;
   left: 95px;
   top: 15px;   
   font-family: Verdana;
   font-size: 0.7em;
   font-weight: bolder;  
}

#nav
{
   padding: 0;
   margin: 0;
   list-style: none;
}

#nav ul 
{ 
   padding: 0; 
   margin: 0; 
   list-style: none;    
} 

#nav a
{ 
   display: block;
   padding: 0;
   margin: 0;
   color: black;
   text-decoration: none;
   border: 2px solid #FFFFF;
}
    
#nav li 
{
   float: left;
   width: auto;
   padding: 0px 12px;
}

#nav li ul 
{ 
   position: absolute; 
   width: 10em;    
   left: -999em;    
} 

#nav li ul li
{
   width: 10em;
   padding: 0;
   margin: 0;
}

#nav li ul li a
{
   font-weight: normal;      
   color: black;   
   height: 20px;
   background: #FAFAFA;
   border: 2px solid #FAFAFA;
}

#nav li ul li a:hover
{
   background: #C2C2C2;   
}

#nav li:hover ul
{ 
   left: auto; 
}

#nav li:hover ul, #nav li.sfhover ul 
{ 
   left: auto;
   border: 1px solid #C2C2C2;   
} 

.pageselect
{
	position: absolute;
	left: 380px;
	width: 320px;
	top: 400px;	
	font-family: Verdana;
	font-size: 0.7em;	
	text-align: right;
	padding: 10px;
	font-weight: bolder;
}

.pageselect span
{
	padding-right: 10px;
}

.pageselect span.disabled
{
	padding: 8px;
	color: #C2C2C2;
	border: 1px solid #FFFFFF;
}

.pageselect a
{	
	border: 1px solid #FFFFFF;
	text-decoration: none;
	color: black;
	padding: 8px;
}

.pageselect a:hover
{
   padding: 8px;
   border: 1px solid #C2C2C2;
   background: #FAFAFA;   
}

.content
{	
	position: absolute;
	top: 150px;
	left: 30px;
}

.content p
{
   color: #7A7B7D;
   font-family: Verdana;
   font-size: 0.7em;      
   line-height: 95%;
}

.content .searchresult{
	font-size:10px;
	color:#666666;
}

.content .searchresult td a:link,.searchresult td  a:visited{
	color:#333333;
	text-decoration:underline;
}

.content .searchresult td a:hover{
	color:#333333;
	text-decoration:none;
}

.col1
{
	position: absolute;
	top: 150px;
	left: 30px;
	width: 225px;
	height: 430px;	
}

.col2
{	
	position: absolute;
	top: 80px;
	left: 265px;
	width: 235px;
	height: 500px;
	border-left: 1px dotted #C2C2C2;	
	border-right: 1px dotted #C2C2C2;	
	padding-left: 5px;
	padding-right: 5px;
}

.col3
{
	position: absolute;
	top: 80px;
	left: 515px;
	width: 225px;
	height: 500px;		
}

.col1 p, .col2 p, .col3 p
{
	 color: #7A7B7D;
   font-family: Verdana;
   font-size: 0.7em;      
   line-height: 95%;   
}

.catalog1
{
	position: absolute;
	left: 20px;
	top: 450px;
	width: 135px;
	height: 125px;
	text-align: center;
	margin: 0;
	padding: 0;		
}

.catalog2
{
	position: absolute;
	left: 165px;
	top: 450px;
	width: 135px;
	height: 125px;
	text-align: center;
	margin: 0;
	padding: 0;	
}

.catalog3
{
	position: absolute;
	left: 310px;
	top: 450px;
	width: 135px;
	height: 125px;
	text-align: center;	
	margin: 0;
	padding: 0;	
}

.catalog4
{
	position: absolute;
	left: 455px;
	top: 450px;
	width: 135px;
	height: 125px;
	text-align: center;	
	margin: 0;
	padding: 0;	
}

.catalog5
{
	position: absolute;
	left: 600px;
	top: 450px;
	width: 135px;
	height: 100px;
	text-align: center;	
	margin: 0;
	padding: 0;	

}

.catalog1 img, .catalog2 img, .catalog3 img, .catalog4 img, .catalog5 img
{
	border: 1px solid #C2C2C2;
}

.catmap
{
	position: absolute; 
	left: 195px; 
	top: 50px; 
	margin: 0;
	padding: 0;
	width: 550px;
	height: 490px;
}

.catmap table
{
	width: 550px;
	height: 490px;
	margin: 0;
	padding: 0;
}

.catmap table td
{
	text-align: center;
	width: 550px;
	height: 490px;
	margin: 0;
	padding: 0;	
	border-left: 1px solid lightgrey;
}

.catpage
{
	position: absolute;
	left: 5px;
	top: 460px;
	width: 185px;
	height: 95px;
	font-family: Verdana;
	font-size: 0.7em;	
	font-weight: bolder;		
	border-top: 1px solid #C2C2C2;
}

.catpage p
{
	line-height: 275%;
	text-align: center;
	margin: 5px 0px; 
	padding: 0;	
}

.catpage a
{	
	border: 1px solid #FFFFFF;
	text-decoration: none;
	color: black;
	margin: 0;
	padding: 3px;
}

.catpage a:hover
{
   background: #FAFAFA;   
   border: 1px solid #C2C2C2;
   margin: 0;
   padding: 3px;
}

.catpage span.selected
{
	padding: 3px;
	background: #C2C2C2;
	border: 1px solid #C2C2C2;
}

.catpage span.disabled
{
	padding: 3px;
	color: #C2C2C2;
	border: 1px solid #FFFFFF;
}

.catzoom
{
	position: absolute;
	top: 170px;
	left: 5px;
	width: 190px;
	text-align: center;
}

.catzoom p
{
	text-align: left;
	padding: 5px;
	color: #7A7B7D;
	font-family: Verdana;
	font-size: 0.7em;      
	line-height: 95%;
}

.catzoom p a
{
	border: 1px solid #FFFFFF;
	text-decoration: none;
	color: black;
	margin: 0;
	padding: 3px;
}

.catzoom p a:hover
{
   background: #FAFAFA;   
   border: 1px solid #C2C2C2;
   margin: 0;
   padding: 3px;
}