/*
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:#FFCC99; color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0; text-align:center;}
a {color:#3333FF; font-weight:bold; text-decoration:none;}
a:hover {color:#999900; 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:auto; padding:0; text-align:left; width:90%;}

/* Header section */
#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:20px;}
#mainmenu ul {font-size:14px; font-weight:bold; margin:0; padding:0;margin-left:40px;}
#mainmenu li {float:left; height:35px; list-style:none; margin:0; padding:0;}
#mainmenu a {border-right:1px solid #b0b0b0; color:#993399; display:block; font-size:0.7em; padding:8px 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;}

/* Sidebars */
#leftside {clear:left; float:left; margin:0 0 5px; padding:0; width:17%; }
#rightside {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:15%;}
#leftside h1,#rightside h1 {color:#505050; font-size:1.4em; 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.2m; 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:#fafcff; border:1px solid #b0b0b0; color:#606060; display:block; margin-top:8px; padding:5px 4px 4px 10px; position:relative; text-transform:uppercase; width:120px;}
.nav:hover,.active {background:#e8e9ea; border:1px solid #909090; color:#303030; text-decoration:none;}
.sub {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:125px;}

/* Main content */
#content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 150px 5px; padding:0 10px;}
#contentwide {border-left:1px solid #e0e0e0; line-height:1.5em; margin:0 0 5px 150px; padding:0 0 0 10px;}
#contentwide2 {border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 150px 5px 0; padding:0 10px 0 0;}
#content h1,#content h2,#contentalt h1,#contentalt h2 {background-color:inherit; color:#660000; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin:0 0 15px; padding:0;}
#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px;}
#content img,#contentwide img,#contentwide2 img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;}
#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;}
#content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}
/* 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 50px; padding:20px 0; text-align:center; width:90%;}
#footer a {color:#d0d0d0; font-weight:bold;}

/* 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;}
.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;}