/* andreas02 - 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 27, 2005)

Screen layout: */

/* Firefox scrolly bug fix */
html {overflow-y: scroll;}

body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
background: #e0e0e0;
color: #303030;
background-image : url(images/bg.gif);background-repeat: no-repeat;
}

#sidebar a{text-decoration: none;
color: #286ea0;
}

a {
text-decoration: underline;
color: #007D00;
}

a:hover {
text-decoration: underline;
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 960px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #fafafa url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
	margin: 0 auto 15px auto;
	width: 960px;
	padding: 5px 20px 20px 20px;
	background: #ffffff;
	border :1px solid #D8D8D8;
}

#logo {
margin: 15px 0 0 0;
height:80px;
}

#logo h1 a {
color: #303030;
}

#logo h1#logo-text {

	margin: 0; padding: 0;
	font: bolder 2.5em tahoma, verdana, sans-serif;
	letter-spacing: -1px;
	color: #5D7082;
	text-transform: none;
		/* change the values of top and right to adjust the position of the logo*/
	top: 36px; right: 35px;	
}

#logo h2#slogan {

	margin: 0; padding: 0;
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: 1px;
	color: #303030;
	
	/* change the values of top and right to adjust the position of the slogan*/
	top: 75px; right:35px;	
}

#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(images/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
letter-spacing: 1px;
background: #505050 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}

#desc {
height: 25px;
color: #ffffff;
padding: 0;
background: #b7c3d4;
clear: both;
margin: 0px 0 0 0;
}
 #desc p {
font-size: 1em;
margin: 3px 2px 2px 20px;
color: #545353;
}

#desc a,visited {
text-decoration: none;
color: #000000;
}

#desc a:hover {
text-decoration: underline;
color: #000000;
}

#main {
width: 740px;
float: right;
padding: 0 0 0 15px;
border-left: 1px solid #d0d0d0;
}

.block {
background: #ffffff;
padding: 15px;
border:1px solid #007D00;
}

#sidebar {
width:190px;
float:left;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

#sidebar H3 {
padding: 9px 0px 3px 25px;
	background: url(square_arrow.gif) no-repeat 0% .7em;
	text-transform: none;	
	}

.sidelink {
text-align: left;
display: block;
width: 160px;
background: #f0f0f0 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

#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;
}

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.4em;
font-weight: normal;
}

h4 {
margin: 0px 0 10px 0;
font-size: 1em;
font-weight: bold;
color: #5D7082;
}

h5 {
margin: 10px 0 0x 0;
font-size: 1.1em;
font-weight: bold;
color:#556173;
}

h6 {
margin: 10px 0 0x 0;
font-size: 1em;
font-weight: normal;
color:#556173;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right {
text-align: right;
}

a img {
border: 0;
}

img.left {
	float: left;
	margin: 0 20px 5px 0;
	padding: 2px;
	background-color: #f0f0f0;
}

img.right {
	float: right;
	margin: 0 0 2px 20px;
}

img.rightbox {
	float: right;
	margin: 0 0 5px 20px;
	padding: 2px;
	background-color: #f0f0f0;
}

.photo {
padding: 2px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

/* search form */

#search {
	float:right;
	padding: 15px 5px 5px 5px; 
	border: none;
	background-color: transparent;  
}

#search p {
font-size: 1em;
   text-align: right;
   line-height: .1em;
   padding: 5px 0 0 0;
	}
	
form.search input.textbox { 
	margin: 0; 
	width: 140px;
	border: 1px solid #CCC; 
	color: #333; 
	background: #FFF url(input.png) no-repeat top left;
}
form.search input.searchbutton { 
	margin: 0; 
	font-size: 90%; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC; 
	background: #FFFFFF url(headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-weight: bold; 
	height: 21px;
	color: #333;
	width: 60px;
}


#gradient-style{font-family: "tahoma", "Lucida Grande", Sans-Serif;font-size:12px;width:700px;text-align:left;border-collapse:collapse;margin:20px;}
#gradient-style th{font-size:11px;font-weight:normal;background:#b9c9fe url("images/gradhead1.png") repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;border-right:1px solid #fff;color:#5D7082;padding:8px;}
#gradient-style td{border-bottom:1px solid #fff;color:#5D7082;border-top:1px solid #fff;border-right:1px solid #fff;background:#EDF2F6 url("images/gradback.png") repeat-x;padding:8px;}#gradient-style2 tfoot tr td{background:#EDF2F6;font-size:12px;color:#5D7082;}

#gradient-style2{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:620px;text-align:left;border-collapse:collapse;margin:20px;}
#gradient-style2 th{font-size:13px;font-weight:normal;background:#b9c9fe url("images/gradhead.png") repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;border-right:1px solid #fff;color:#5D7082;padding:8px;}
#gradient-style2 td{border-bottom:1px solid #fff;color:#5D7082;border-top:1px solid #fff;border-right:1px solid #fff;background:#EDF2F6 url("images/gradback.png") repeat-x;padding:8px;}#gradient-style2 tfoot tr td{background:#EDF2F6;font-size:12px;color:#5D7082;}



/* For bulleted lists */
#navlist
{
margin-left: 15px;
padding-left: 0;
list-style: none;
line-height: 1.2em;
}

#navlist li 
{
padding-left: 12px;
padding-bottom: 6px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
#nav {margin:0px 0 0px 0;}


    #nav {
      float:left;
      width:100%;
      background:#dae0d2 url("images/bg_menu.gif") repeat-x bottom;
      }
    #nav ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #nav li {
      float:left;
	  display:inline;
      background:url("images/right_both2.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("images/left_both2.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#5d7082;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
    #home #nav-home, 
    #about #nav-about,
    #training #nav-training, 
    #diary #nav-diary,
	#engineers #nav-engineers, 
    #special #nav-special,
    #contact #nav-contact{
      background-position:100% -150px;
      }
    #home #nav-home a, 
    #about #nav-about a,
    #training #nav-training a, 
    #diary #nav-diary a,
    #engineers #nav-engineers a,
	#special #nav-special a,
    #contact #nav-contact a{
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }