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

/* General tags */
/*---------------------------------------------------------------------------------------------------*/
/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* Main tags */
body { /*background:#8b8b8b;*/ color:#303030; font:85% Verdana,Tahoma,Arial,sans-serif;margin:0 auto; padding:0; width:100%; background:#f0f0f0 url(img/bodybg.jpg) repeat-x;}
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; float:left; }

/*---------------------------------------------------------------------------------------------------*/

/* Main container */
#container {  color:#303030; margin:0 auto; width:960px; padding:0; }

/* Header section */
#header { float:left; color:#ffffff; height:92px; margin:0 20px 10px; text-align:left; width:960px; }
#header h1,#sitename h2 {font-weight:400; letter-spacing:-2px; margin:0; padding:0;}
#header h1 {font-size:2.4em; padding-top:20px;}
#header h2 {font-size:1.6em;}

/* Horizontal menu */
#mainmenu    { float:left; margin-bottom:25px; width:960px; }
#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 li#active a  {background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;}

/* Content wrap */
#wrap {float:left; font-size:0.9em; padding:0; width:960px; }

/* Sidebars */
#leftside { float:left; margin:0px; width:170px; }
#leftside p { float:left; width:170px; font-size:0.9em; line-height:1.4em; margin:0 0 16px 15px;}
#leftside h4  { font-size:1.3em;  line-height: 1.3em; border-top:1px solid #a0a0a0;  margin-bottom: 10px; margin:0px 0 5px; color:#505050; letter-spacing:-1px; font-weight:bold; float:left; width:170px; padding-top:10px;}

#leftside ul { float:left; margin:10px 0px 15px 15px; padding:0; }
#leftside ul li  { float:left; list-style:none outside none; margin: 0 0 10px; padding: 0; }
#leftside ul ul  { float:left; margin-left:15px; padding:0; }

#text_box { float:left; width:170px; }
#text_box, p #text_box, div { margin-bottom:15px; }

/* Sidebar menu */
.nav { background:#e8e9ea; border:1px solid #b0b0b0; color:#606060; display:block;margin-bottom: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;}
.sub {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:125px;}

/* Content */
#content { float:left; background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:10px 20px 5px; margin:0 20px; width:600px; }
#content h1 { color:#505050; float:left; font-size:1.6em; font-weight:bold; margin-bottom:16px; width: 600px; }
#content p { float:left; width:600px; }
#content h2 { float:left; width:600px; background-color:inherit; color:#606060; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 5px; padding:0;}
#content h3 { float:left; width:600px; background-color:inherit; color:#606060; font-size:1.3em; font-weight:bold; letter-spacing:-1px; margin:0 0 5px; padding:0;}
#content ul    { float: left; margin: 0 5px 16px 35px; }
#content ul li { float: left; list-style-type: disc; margin:4px 0 6px 8px; }
#content img {border:1px solid #b0b0b0; float:left; margin:5px 15px 6px; padding:5px;}

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

a img { text-decoration: none; border: 0 none; }
blockquote { float:left; background:#f5f5f5; padding:1px 15px; font-style:italic; margin-bottom:15px; }
blockquote p { margin-top:15px; width:570px !important; }
textarea, input { margin-bottom:5px; }
form { float:left; }