/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.3 (Nov 28, 2005)

Screen layout: */

body{
margin:auto 5px auto 5px;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#f2f2f2 url(bg.gif) top center repeat-y ;
color:#303030;
}

	

#wrap{
background:#ffffff;
color:#303030;
margin:0 auto 0 auto;
width:760px;
border-width:medium;
border-top:4px solid #f0f0f0;
}

/*
#header
{
clear:both;
margin:2px 0 5px 0px;
padding:10px;
height:40px;
float:inherit;
color:#505050;
background: #f2f2f2;
border:solid 2px #f2f2f2;
border-top-style:outset;
border-top-color:Scrollbar;
border-bottom-style:outset;
border-bottom-color:Scrollbar;
border-left-style:outset;
border-left-color:Scrollbar;
border-right-style:outset;
border-right-color:Scrollbar;
font-size:1.2em;
}

#header h1{
width:270px;
margin:0 0 5px 0;
float:left;

}

#header p{
width:500px;
float:right;
text-align:center;
color:#505050;
margin:0 0 5px 0;
font-size:0.9em;
line-height:1.2em;
background-color:inherit;
}

#header
{
clear:both;
margin:2px 0 5px 0px;
padding:10px;
height:40px;
}*/
#header {
FLOAT: inherit;
BACKGROUND-IMAGE: url(qq.PNG);
BACKGROUND-REPEAT: repeat-x; 
margin:0px 0px 5px 0px;
WIDTH: 738px; 
COLOR: #303030; 
padding:10px;
height:40px;
border-left:solid 2 #e5e5e5;
/*border:solid 2px #f2f2f2;
border-top-style:outset;
border-top-color:Scrollbar;
border-bottom-style:outset;
border-bottom-color:Scrollbar;
border-left-style:outset;
border-left-color:Scrollbar;
border-right-style:outset;
border-right-color:Scrollbar;*/
}
#header p{
width:500px;
float:right;
text-align:center;
color:#505050;
margin:10px 0 2px 0;
font-size:0.9em;
line-height:1.2em;
background-color:inherit;
}

#frontphoto{
margin:0 0 0 auto;
border:0;
}

#avmenu{
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#avmenu ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:6px 0 0 2px;
font-size:1.0em;
}
#avmenu p{
font-weight: bold;
}	

#avmenu li{
margin-bottom:4px;
font-weight: bold;
height:20px;
text-decoration:none;
color:#606060;
display:block;
padding:6px 0 0 2px;
background:#f4f4f4;
/*border-left:4px solid #cccccc;*/
}
#menu li.selected a {
color: #606060;
FLOAT: inherit;
background-color:#f2f2f2;
margin:0px 0 5px 0px;
COLOR: #333; 
/*
BACKGROUND-IMAGE: url(menu.JPG);
BACKGROUND-REPEAT: repeat-x; 
background : #f4f4f4;
border:solid 2px #f2f2f2;
border-top-style:outset;
border-top-color:InfoBackground;
border-bottom-style:outset;
border-bottom-color:InfoBackground;
border-left-style:outset;
border-left-color:InfoBackground;
border-right-style:outset;
border-right-color:InfoBackground;*/
}
#avmenu li.selected a {
background: #eaeaea;
color:#cc6600;
border-left:1px solid #286ea0;
border-top:1px solid #286ea0;
border-bottom:1px solid #286ea0;
border-right:1px solid #286ea0;
background-color:white;
}
#avmenu li.selected a:hover{
background: #eaeaea;
color:#2F4F4F;
border-left:1px solid #286ea0;
border-top:1px solid #286ea0;
border-bottom:1px solid #286ea0;
border-right:1px solid #286ea0;
background-color:white;
	}

#avmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#606060;
display:block;
padding:6px 0 0 2px;
background:#f4f4f4;
/*border-left:4px solid #cccccc;*/
}
	
#avmenu li a:hover{
background:#eaeaea;
color:#666666;
border-left:4px solid #286ea0;
}

.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#666666;
background-color:#f4f4f4;
line-height:0.3em;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;

}

#extras p{
margin:0 0 1.5em 0;
}

#extras1{
float:right;
width:200px;
margin:0 0 10px 0;
padding:10px;
font-size:0.9em;
line-height:1.5em;
background: #f2f2f2;
border:solid 2px #f2f2f2;
border-top-style:outset;
border-top-color:Scrollbar;
border-bottom-style:outset;
border-bottom-color:Scrollbar;
border-left-style:outset;
border-left-color:Scrollbar;
border-right-style:outset;
border-right-color:Scrollbar;
}


#content{
margin:0 130px 20px 160px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
}
#content1{
margin:0 0px 0px 0px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#content img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:1px solid #ffffff;
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#0099FF;
}

a:hover{
text-decoration:underline;
color:#0099FF;
}

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}
a:link, a:visited {
text-decoration:none;
}