/* 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:#e0e0e0;
color:#303030;
}
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 5px 0;
font-size:1.4em;
font-weight:normal;
}
p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}
a{
text-decoration:none;
color:#6928C0;
}
a:hover{
text-decoration:underline;
}
a img{
border:0px none;
}
.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.8em;
width:760px;
text-align:right;
margin:auto;
margin-bottom:-5px;
}
#toptabs ul{
list-style:none;
margin-bottom:none;
padding-bottom:none;
padding-left:-50px;
}
#toptabs li{
display:inline;
margin-bottom:none;
padding-bottom:none;
}
#toptabs a{
text-decoration:none;
background:#f0f0f0 url('../images/corner2.gif') no-repeat top right;
color:#808080;
border-bottom:1px solid #DEE5D3; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px
}
#toptabs a:hover{
background:#fafafa url('../images/corner2.gif') no-repeat top right;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none
}
/*********** Main Body **********/
#container{
clear:both;
margin:0 auto 15px auto;
width:730px;
padding:5px 20px 20px 20px;
background:#ffffff;
}
#logo{
margin:15px 0 0 0;
}
/***** Logo *****/
#logo h1 a{
color:#303030;
}
#logo h1 a:hover{
text-decoration:none;
}
/***** Main Menu *****/
#navitabs{
clear:both;
margin-bottom:-9px;
}
#navitabs ul{
list-style:none;
margin-left:-1px;
}
#navitabs li{
display:inline;
}
#navitabs li ul{
display:none;
}
#navitabs li{
text-decoration:none;
letter-spacing:1px;
background:#DEE5D3 url('../images/corner.gif') no-repeat top right;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:4px
}
#navitabs li:hover{
text-decoration:none;
background:#00dd00 url('../images/corner.gif') no-repeat top right;
}
#navitabs li.active{
text-decoration:none;
background:#008400 url('../images/corner.gif') no-repeat top right;
border-left:1px solid #ffffff; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:13px; padding-right:14px; padding-top:4px; padding-bottom:4px
}
#navitabs a{
color:#008400;
text-decoration:none;
}
#navitabs li:hover a{
color:#ffffff;
text-decoration:none;
}
#navitabs li.active a{
color:#ffffff;
text-decoration:none;
}
/***** description block *****/
#desc{
height:200px;
color:#ffffff;
padding:0;
background:#505050 url('../images/front.jpg') no-repeat top left;
clear:both;
margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0
}
#desc p{
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}
#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}
#desc a{
color:#ffffff;
text-decoration:underline;
}
/***** Main Content *****/
#main{
width: 700px;
float:left;
padding: 15px 15px 15px 15px;
border-right:1px solid #d0d0d0;
border-left:1px solid #d0d0d0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
}
.block{
background:#f0f0f0;
padding:15px;
}
ul {
background:none;
margin-left:-1px;
}
/***** Sidebar *****/
#sidebar{
width:140px;
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:#f0f0f0 url('../images/corner.gif') no-repeat top right;
margin-left:0; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:8px; padding-right:4px; padding-top:3px; padding-bottom:3px
}
#sideMenu a:hover{
background:#ff0000 url('../images/corner.gif') no-repeat top right;
text-decoration:none
}
/***** Footer *****/
#footer{
clear:both;
background:#fafafa;
color:#808080;
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:#808080;
}
#copy {
margin: 0 auto;
width: 600px;
background: #fff;
clear: both;
}
#copy h1 {
font-size: 16px;
font-weight: bold;
color: #333;
padding: 25px 0 0;
text-align: left;
}
#copy p {
font-size: 11px;
color: #666;
padding: 10px 0 5px;
text-align: left;
line-height: 1.5em;
}
#copy p a:link, #copy p a:visited {
color: #c60;
text-decoration: none;
}
#copy p a:hover {
color: #999;
text-decoration: underline;
}
/*-------------- Here starts the image switcher styles ------------------*/
#picture {
margin: 50px auto 0;
width: 300px;
height: 150px;
background: url(/images/grey.gif) no-repeat top left;
clear: both;
margin: 0;
padding: 0;
}
#nav {
margin: 0 auto;
width: 300px;
height: 40px;
background: #ccc;
clear: both;
margin: 0;
padding: 0;
}
#nav ul {
list-style: none;
line-height: 40px;
font-weight: bold;
font-size: 12px;
}
#nav li {
float: left;
background: transparent;
}
#nav li a {
width:100px;
line-height: 40px;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
}
#nav ul li a:hover {
color: #fff;
background: #000;
}
#nav li ul {
position: absolute;
background: #000;
left: -5000px;
top: 50px;
}
#nav li li {
width: 300px;
}
li#blue a {
background: #09f;
}
li#red a {
background: #c00;
}
li#green a {
background: #390;
}
li#blue:hover ul {
margin-top: 123px;
margin-left: 0px;
left: auto;
width: 300px;
height: 150px;
}
li#red:hover ul {
margin-top: 123px;
margin-left: -100px;
left: auto;
width: 300px;
height: 150px;
}
li#green:hover ul {
margin-top: 100px;
margin-left: -200px;
left: auto;
width: 300px;
height: 150px;
}