/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)
Version: 1.1 - width changed from 760 to 860, bg1.gif instead of bg.gif 
(April 28, 2005)

Screen layout: */
body{
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(../elem/bg2.jpg) repeat-y top center;
}

#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 800px;
}

#pgnav {
 font : bold 12px Arial,Verdana;
   margin-top : 0px;
   margin-left : 0px;
}

#pgnav ul {
   list-style : none;
   margin : 0;
   padding : 0;
   text-align : center;
}

#pgnav li {
   display : block;
   float : left;
}

#pgnav li a {
   color : #000;
   display : block;
   text-decoration : none;
   background : #FFFBF7;
   padding : 3px 5px;
   border-left : 0px solid #94BEEF;
   border-bottom : 0px solid #4A6584;
   border-top: 0px solid #94BEEF;
   border-right : 0px solid #4A6584;
}

#pgnav ul li a:hover {
   border-left : 0px solid #4A6584;
   border-bottom : 0px solid #94BEEF;
   border-top: 0px solid #4A6584;
   border-right : 0px solid #94BEEF;
   color : #CE0000;
   background : #84B6EF;
}

#pgnav a:active	{
   color : #CE0000;
   background : #A0C5EA;
}
#pgnav ul li a div {
	display: none;
}
#pgnav a:hover div{
display:block;
width:150px;
position:absolute;top:20px;right:20px;
background : #b07041 ;
color:#ffffff;
border:3px solid #9C5A42;
padding:15px;
margin:2px 0 0 0;}

#hdnav {
 font : bold 12px Arial,Verdana;
   margin-top : 0px;
   margin-left : 0px;
}

#hdnav ul {
   list-style : none;
   margin : 0;
   padding : 0;
   text-align : center;
}

#hdnav li {
   display : block;
   float : left;
}

#hdnav li a {
   color : #000;
   display : block;
   text-decoration : none;
   background : #7B9ECE;
   padding : 3px 5px;
   border-left : 2px solid #94BEEF;
   border-bottom : 2px solid #4A6584;
   border-top: 2px solid #94BEEF;
   border-right : 2px solid #4A6584;
}

#hdnav ul li a:hover {
   border-left : 2px solid #4A6584;
   border-bottom : 2px solid #94BEEF;
   border-top: 2px solid #4A6584;
   border-right : 2px solid #94BEEF;
   color : #000099;
   background : #A0C5EA;
}

#hdnav a:active	{
   color : #000444;
   background : #A0C5EA;
}

#avmenu {
	font: 8pt Verdana,Tahoma,Arial,sans-serif;
	clear: left;
	float: left;
	width: 144px;
}

#avmenu ul {	
list-style: none;
width: 144px;
margin: 0;
padding: 0;
font-size: 1em;
display: block;
}	

#avmenu li {
	margin-bottom: 0px;
}

#avmenu li a {
	text-decoration: none;
	color: #0033CC;
	display: block;
	padding: 2px 0 3px 2px;
	background: #F6F4F0;
	border : 1px solid #cccccc;
	vertical-align : top;
	text-align : left;
	width: 144px;
}	
	
#avmenu li a:hover {
	background: #7C9FC9;
	border : 1px solid Black;
	color : #FFFF66;
}

#avmenuh {
	font: bold 8pt Verdana,Tahoma,Arial,sans-serif;
	clear: left;
	float: left;
	width: 144px;
}

#avmenuh ul {	
list-style: none;
width: 144px;
margin: 0;
padding: 0;
font-size: 1em;
display: block;
}	

#avmenuh li {
margin-bottom: 0px;
}

#avmenuh li a {
	text-decoration: none;
	color: #ff0000;
	display: block;
	padding: 2px 0px 3px 2px;
	background: #ffffcc;
	border : 1px solid #cccccc;
	text-align : left;
	vertical-align : top;
	width: 144px;
}	
	
#avmenuh li a:hover {
	background: #7C9FC9;
	border : 1px solid Black;
	color : #FFFF66;
}