/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.



Version: 1.1

(Oct 21, 2005)



Screen layout: */



body{

padding:0;

margin:0;

font:76% tahoma, verdana, sans-serif;


background:#009ee0;

color:#000000;

}

h1{

margin:0 0 20px 0;

font-size:2.1em;

font-weight:normal;

}

h2{

margin:0 0 20px 0;

font-size:1.6em;

font-weight:normal;

}

h3{

margin:20px 0 10px 0;

font-size:1.5em;

font-weight:normal;

}

p{

margin:0 0 15px 0;

line-height:1.5em;

text-align:left;

}

a{

text-decoration:none;

color:#000000;

}

a:hover{

text-decoration:underline;

}

a img{

border:0;

}

.photo{

padding:5px;

display:block;

margin:0 auto 15px auto;

background-color:#f0f0f0;

}

.hide{

display:none;

}

.right{

text-align:right;

}

/* Top Links Menu */

#toptabs{

font-size:0.4em;

width:900px;

text-align:center;

margin:auto;
margin-left: +100px;
margin-bottom:-5px;

}

#toptabs ul{

list-style:none;

margin-bottom:none;

padding-bottom:none;

}

#toptabs li{

display:inline;

margin-bottom:none;

padding-bottom:none;

}

#toptabs a{

padding:3px 5px 3px 5px;

margin:0 0 0 4px;

text-decoration:none;

background:#ff45b9 url(../images/corner2.gif) top right no-repeat;

color:#808080;

border-bottom:1px solid #e0e0e0;

}

#toptabs a:hover{

background:#fafafa url(../images/corner2.gif) top right no-repeat;

border-bottom:1px solid #eaeaea;

color:#505050;

text-decoration:none;

}

/*********** Main Body **********/

#container{

clear:both;

margin:0 auto 15px auto;

width:900px;

padding:5px 20px 20px 20px;

background:#3a3b3a url(../images/test.jpg) center repeat;

}

#logo{

margin:15px 0 0 0;
height:35px;
background-color: transparent;
}

/***** Logo *****/

#logo h1 a {

color:#000000;
font-size:24px;
font-weight:bold;
}

#logo h1 a:hover {

text-decoration: none;
color:#ffffff;
font-size:24px;
font-weight:bold;
}

/***** Main Menu *****/

#navitabs{

clear:both;

margin-bottom:-8px;

}

#navitabs ul{

list-style:none;

}

#navitabs li{

display:inline;

}

#navitabs li ul{

display:none;

}

#navitabs li{

padding:4px 8px 4px 8px;

margin:0 0 4px 0;

text-decoration:none;

letter-spacing:1px;

background:#ff45b9 url(../images/corner.gif) top right no-repeat;

border-bottom:1px solid #ffffff;

border-left:1px solid #ffffff;

}

#navitabs li:hover{

text-decoration:none;

background:#d0d0d0 url(../images/corner.gif) top right no-repeat;

}

#navitabs li.here{

padding:4px 8px 5px 8px;

color:#ffffff;

margin:0 0 5px 0;

text-decoration:none;

background:#505050 url(../images/corner.gif) top right no-repeat;

border-bottom:none;

}

/***** description block *****/

#desc{

height:200px;

color:#000000;
border: 0px;

padding:0;

background:transparent url(../images/banniere2010.jpg) top center no-repeat;

clear:both;

margin-left:auto;
margin-right:auto;
}

#desc p{

width:235px;

font-size:1em;

line-height:1.3em;

padding:0 0 0 15px;

}

#desc h2{

padding:15px 15px 0 15px;

color:#000000;

}

#desc a{

color:#000000;

text-decoration:underline;

}

/* sidedesc */
#sidedesc{

height:200px;

color:#000000;
border: 0px;
font-size: 1.2em;
padding:0;

clear:both;

margin-left:auto;
margin-right:auto;
}

#sidedesc p{

width:215px;

line-height:1.3em;

padding:0 0 0 0px;

}

#sidedesc h2{

font-size: 1.5em;
padding:15px 15px 0 0px;

color:#000000;

}

#sidedesc a{

color:#0000000;

text-decoration:underline;

}


/***** Main Content *****/

#main{

width:660px;

float:left;

padding:0 15px 0 0;

border-right:1px solid #d0d0d0;

}

.block{

background:#e0e0e0;

padding:15px;

}

/***** Sidebar *****/

#sidebar{

width:200px;

float:right;

}

#sidebar p{

font-size:0.9em;

line-height:1.3em;

margin:0 0 12px 0;

}

#sidebar h2{

margin-top:20px;

}

/***** Side Submenu *****/

#sideMenu ul{

list-style:none;

margin-left:0;

padding:0;

}

#sideMenu a{

text-align:left;

display:block;

width:120px;

background:#009ee0 url(../images/corner.gif) top right no-repeat;

padding:3px 4px 3px 8px;

margin:5px 10px 5px 0;

}

#sideMenu a:hover{

background:#009ee0 url(../images/corner.gif) top right no-repeat;

text-decoration:none;

color:#b1c800

}

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

#footer{

clear:both;

background:transparent;

color:#ffffff;

font-size:0.9em;

padding:8px 0 8px 0;

border-top:1px solid #d0d0d0;

border-bottom:1px solid #d0d0d0;

text-align:center;

}

#footer a{

color:#ffffff;

}