/* 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: 2.0 (Jun 25, 2006)

Screen layout: */



/***** Body and main container *****/

body {

margin:0 auto;

padding:0;

font: 76% Verdana,Tahoma,Arial,sans-serif;

background:#f4f4f4 url(img/bg.gif) top center repeat-y;

color:#303030;

}

.title {
display:none;
}

.logo {
display:none;
}

.links {
float:left;
margin: 7px 15px 0 0;
}


#wrap {

background:#ffffff;

color:#303030;

margin:0 auto;

width:760px;

}



/***** Various tags *****/

a {

text-decoration:none;

font-weight:normal;

color:#019587;
background-color:inherit;

}



a:hover {

text-decoration:underline;

color:#019587;

background-color:inherit;

}



a img {

border:0;

}

/***** Header *****/

#header {

margin:0;
padding:0;
height:45px;
position: absolute;

}



#header h1 {

color:#ffffff;

background-color:inherit;

width:350px;

margin:0 0 10px;

font-size:2.2em;

float:left;

}



#header h1 a{

color:#505050;

background-color:inherit;

text-decoration:none;

}



#header p {

width:400px;

float:right;

text-align:center;

color:#505050;

margin:8px 0 0;

font-size:1.1em;

font-weight:bold;

line-height:1.3em;

background-color:inherit;

}



#frontphoto {

margin:10px 0 10px;
}



/***** Left sidebar *****/

#leftside {

clear:left;

float:left;

width:140px;

margin:0 0 5px;

padding:0;

}



#leftside h2,#leftside h3 {

color:#505050;

background-color:inherit;

font-size:1.3em;

margin:0 0 5px;

padding:0;

}



#leftside div.announce {

clear:left;

margin:10px 0 15px;

padding:7px 5px;

width:126px;

font-size:0.9em;

background-color:#f4f4f4;

color:#505050;

border-left:4px solid #cccccc;

line-height:1.5em;

}



#leftside div.announce p {

margin:10px 0 0;

padding:0;

}


/***** Main menu *****/

#leftside ul {

width:140px;

margin:0 0 18px;

padding:0;

list-style:none;
}


#leftside ul.menu-top li.menu-sibling 
{
width:140px;

padding:0;

line-height:1.4em;

display:inline;
}



#leftside ul.menu-top li.menu-sibling a
{
background-color:#f4f4f4;

color:#505050;

font-weight:bold;

width:105px;

float:left;

margin-bottom:5px;

padding:5px 1px 5px 5px;

border-left:25px solid #cccccc;

text-decoration:none;

}

#leftside ul.menu-top li a:hover, 
#leftside ul.menu-top li a:current{

background-color:#eaeaea;

border-left:25px solid #019587;

color:#505050;
}

#leftside ul.menu-top li.menu-current  
{
width:140px;

padding:0;

line-height:1.4em;

display:inline;
}



#leftside ul.menu-top li.menu-current a
{
background-color:#f4f4f4;

color:#000000;

font-weight:bold;

width:105px;

float:left;

margin-bottom:5px;

padding:5px 1px 5px 5px;

border-left:25px solid #019587;

text-decoration:none;

}



/***** Right sidebar *****/

#extras {

float:right;

width:140px;

margin:0 0 5px;

padding:0;

line-height:1.4em;

}



#extras p,#extras ul {

font-size:0.9em;

margin:0 0 16px;

padding:0;

}



#extras li {

list-style:none;

line-height:1.2em;

margin:0 0 6px 0;

padding:0;

}



#extras ul ul {

margin:6px 0 0 10px;

padding:0;

}



#extras ul ul li {

margin: 0 0 4px 0;

}



#extras ul ul li a {

font-size:1.1em;

font-weight:normal;

}



#extras h2, #extras h3 {

color:#505050;

background-color:inherit;

font-size:1.2em;

margin:0 0 10px;

padding:0;

}



/***** Main content *****/

#content {

margin:0 150px 5px 150px;

border-left:1px solid #e0e0e0;

border-right:1px solid #e0e0e0;

padding:0 10px;

line-height:1.6em;

}



#contentwide {

margin:0 150px 5px 150px;

padding:0 0 0 10px;

line-height:1.6em;

}

#content h1,#contentwide h1 {

margin: 25px 0 0 0;
padding: 0;
font-size:2.2em;
line-height: 1.2em;
font-weight: bold;

}

#content h2,#contentwide h2 {

font-size:1.6em;
line-height: 1.2em;
margin:9px 0 0 0px;
color:#019587;
font-weight:normal;
}



#content h3,#contentwide h3 {

font-size:1em;
font-weight: bold;
margin:0 0 8px;

}





#content img,#contentwide img {

padding:0;

display:inline;

background:#cccccc;

color:#303030;

}




#content ul, #contentwide ul, #content ol, #contentwide ol {

margin:0 0 16px 20px;

padding:0;


}




#content li, #contentwide li {

margin:0;

padding:0 0 0 5px;

}



#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{

margin:0 0 0 16px;





padding:0;

}




/***** Footer *****/

#footer {

clear:both;

margin:0 auto;

padding:10px 0 20px;

border-top:4px solid #f0f0f0;

width:760px;

text-align:center;

color:#808080;

background:#ffffff;

font-size:0.9em;

}



#footer a {

font-weight: bold;
color:#808080;

background-color:inherit;

text-decoration:none;

}



#footer a:hover {

text-decoration:underline;

}



/***** Various classes *****/

.left {

margin:3px 10px 2px 0;

float:left;

}



.right {

margin:2px 0 2px 10px;

float:right;

}



.textright {

text-align:right;

}



.center {

text-align:center;

}



.small {

font-size:0.8em;

}



.bold {

font-weight:bold;

}


table {
margin: 0;
padding: 0;

}




.hide {

display:none;

}