/*
Original design: andreas09 (v2.2 - June 01, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas09/
*/

/* Main tags */
body {background:#8b8b8b; color:#303030; font:80% Verdana,Tahoma,sans-serif; margin:0; padding:0; text-align:center;}
a {color:#505050; font-weight:bold; text-decoration:none;}
a:hover {color:#808080; text-decoration:underline;}
p {line-height:1.5em; margin:0 0 15px;}

/* Main container */
#container {
	background:#f0f0f0 url(img/bodybg.jpg) repeat-x; 
	color:#303030; 
	margin:0; min-width:770px; padding:0; text-align:left; width:100%;
	overflow: auto;
}

body{
 background-image: initial;
}
/* Header section */
/* browsers that do not support initial cannot be used for some experiments */
#sitename {background:#f0f0f0 url(img/bodybg_warning.png) repeat-x; }
#sitename {background: initial;}
#sitename {color:#ffffff; height:92px; margin:0 20px 10px; text-align:left;}
#sitename h1,#sitename h2 {font-weight:400; letter-spacing:-2px; margin:0; padding:0;}
#sitename h1 { font-size:2.4em; padding-top:20px;}
#sitename h2 {font-size:1.6em; }

/* Horizontal menu */
#mainmenu {float:left; margin-bottom:25px;}
#mainmenu ul {font-size:16px; margin:0; padding:0;}
#mainmenu li {float:left; height:35px; list-style:none; margin:0; padding:0;}
#mainmenu a {border-right:1px solid #b0b0b0; color:#606060; display:block; font-size:0.7em; padding:11px 10px 10px; text-transform:uppercase;}
#mainmenu a:hover {background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;}
#mainmenu a.current {background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;}

/* Content wrap */
#wrap {clear:both; font-size:0.9em; padding:0;}

/* Sidebars */
#leftside,#rightside {margin:0; padding:0 10px 10px; width:165px;}
#leftside {float:left; margin-right:10px;}
#rightside {float: right; margin-left:10px;}
#leftside h1,#rightside h1 {color:#505050; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2,#rightside h2 {font-size:1.1em; margin:0 0 20px;}
#leftside p,#rightside p {font-size:0.9em; line-height:1.4em; margin:0 0 16px 10px;}

.linklist {list-style:none; margin:0 0 16px 10px; padding:0;}
.linklist li {margin-bottom:0.7em;}

/* Sidebar menu */
.nav {background:#e8e9ea; border:1px solid #b0b0b0; color:#606060; display:block; margin-top:8px; padding:5px 4px 4px 10px; position:relative; text-transform:uppercase; width:140px;}
.nav:hover,.active {background:#f8f9fa; border:1px solid #909090; color:#303030; text-decoration:none;}
.nav.branch { border-left-width: 5px; padding:5px 2px 4px 6px;}
.nav.open { background:#f8f9fa; }
.sub0 {}
.sub1 {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 10px; width:125px;}
.sub2 {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 20px; padding:4px 2px 2px 10px; width:110px;}
.sub3 {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 30px; padding:4px 2px 2px 10px; width:95px;}

/* Content */
/* note how overflow: auto solves two problems: 1 content is extended to contain all floats, 2 clearing does not clear left menu */
#content {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; overflow: auto;}
#content {margin:0 20px 10px 20px; max-width: 1200px;}
@media screen and (max-width: 1600px) {
  #content {
    max-width: 900px;
  }
}
#content h1, #content h2, #content h3 {clear: left; }
#content h1, #content h2 {background-color:inherit; color:#606060; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin:0 0 15px; padding:0; }
#content h2 {font-size:1.4em; margin-bottom:10px; }
#content img, #content video {border:1px solid #b0b0b0;  margin:5px 15px 6px; padding:5px; float: left; clear: left;}
#content ul li, ul li ul li, ul li ul li ul li { list-style-type:disc  }
#content ul {margin-left: 0; padding-left: 2em;}
#content li {margin-top: 2px;}
#content table {margin-bottom: 18px;}
#content .clear {clear:left;}
#content p {clear:left;}
#content img.char { height: 0.8rem; border: none; float: none; margin:0px; padding: 0px;}


/* narrow adds: */
/* Sidebars */
/*#rightside {display:none; float:left; margin-right:10px; margin-left:20px;}*/
/* Content */
/*#content {margin:0 20px 10px 200px;}*/



/* Footer */
#footer {background:#8b8b8b url(img/footerbg.jpg) top left repeat-x; clear:both; color:#d0d0d0; font-size:0.9em; font-weight:bold; margin:0; padding:20px 0; text-align:center; width:100%;}
#footer a {color:#d0d0d0; font-weight:bold;}
address {clear: left; }

/* Various classes */
.thumbnail {background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px;}
.searchform {margin:0;}
.searchbox {background:#f0f0f0; border:1px solid #b0b0b0; margin:0 4px 0 0; width:100px;}
.loginbox {background:#f0f0f0; border:1px solid #b0b0b0; margin:0 4px 0 0; width:80px;}
.searchbutton {background:#f0f0f0; border:1px solid #b0b0b0;}
.clearingdiv {clear:both; height:30px; width:1px;}
.hide {display:none;}
.intro {font-size:1.0em; font-weight:bold;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}