/*
Original design: andreas03 (v2.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas03/
*/

/* General layout */
body {margin:0; padding:20px 0 0 0; font:76% tahoma,verdana,sans-serif; background:#fff; color:#333;}
#thetop {margin:0;}
#container {width:720px; margin:0 auto; padding:20px 20px 0 10px; background:#fff url(img/dybcontbg2.png) no-repeat; color:#333;}

/* Tags */
h1,h2,h3,h4 {margin:0 0 10px 0; font-weight:normal;}
h1 {font-size:2.6em;}
h2 {padding: 50px 0 0 0; margin:20px 0 8px 10px; font-size:1.3em; color:#26a; font-weight:bold;}
h3 {margin:10px 0 5px 10px; font-size:1.1em; color:#26a; font-weight:bold;}
h4 {margin:10px 0 5px 10px; font-size:1em; color:#26a;}
a {text-decoration:none; color:#26c;}
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 15px 10px; line-height:1.5em;}
table {margin: 0 0 15px 7px; line-height: 1.5em;}
headerstyle {padding: 50px 0 0 0;}

/* Site title and header */
#logo {float:left; width:720px; margin:0 20px 0 0; padding:0 0 0 0;}
#logo h1 {margin:30px 5px 5px 5px; letter-spacing:-2px;line-height:1em;}
#logo a {color:#26a; text-decoration:none;}
#logo a:hover {color:#69e;}
#tagline {text-align:center; font-size:1.4em;line-height:1.5em;}
#intro p {line-height:1.5em;}
#group {float:left; margin:0 15px 0 0;}

/* Main content */
#main {float:left; width:720px; margin-left:0px; padding:0; line-height:1.3em; }

/* Sidebar */
#sidebar {width:150px; float:right; margin-top:100px; font-size:1em; line-height:1.3em;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 10px; padding:0;}
#sidebar ul li, #sidebar ol li {list-style:none; padding:0; margin:0 0 4px 0;}
.sidelink {display:block; width:140px; margin:3px 10px 2px 0; padding:5px 0 5px 8px; font-size:1.2em; font-weight:400; text-align:left; background:#eee url(img/gradient1.png) repeat-x; color:#26c; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
.sidelink:hover,.menuheader {background:#fff url(img/gradient2.png) repeat-x; color:#333; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; text-decoration:none;}

/* Footer */
#footer {margin:0 auto 10px auto; line-height:1.6em; width:760px; background:#fff url(img/dybfooterbg2.png) bottom left no-repeat; padding:0 0 1px 0; font-size:1.1em; color:#777; text-align:center;}

/* Additional classes */
.clear {clear:both; margin:0; padding:0;}
.right {text-align:right;}
.internallink {font-size:0.9em; text-align:center;}
#sidebar p.block {font-size:0.9em; line-height:1.4em; margin:5px auto 15px auto; padding:5px; color:#555; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
.credit {color:#777;}
.hide {display:none;}

/* mainMenu */
#mainMenu {
width: 100%;
background: #fff;
float: left;
padding-left: 0px;           /* stops the usual indent from ul */
padding-bottom: 20px;
cursor: default;             /* gives an arrow cursor */
margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
clear:left; 
display:block; 

}

#mainMenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 130px;
float: left;
display:block; 
margin:0px 0 0px 0; 
padding:0px 5px 0px 5px;
background:#fff url(img/gradient2.png) repeat-x; 
border-top:1px solid #ddd; 
border-right:1px solid #bbb; 
border-bottom:1px solid #bbb; 
border-left:1px solid #ddd; 
text-decoration:none; 
text-align:center;
}

#mainMenu a {
color: #444;
}

#mainMenu a:hover {
color: #26a;
}

#mainMenu li {
position: relative;
}

#mainMenu ul ul {
position: absolute;
left: -6px;
top: 17px;
/*z-index: 500;*/
width: 130px;
text-align: left;
background:#fff; 
}

#mainMenu ul ul ul {
top: 0;
left: 100%;
}

div#mainMenu ul ul,
div#mainMenu ul li:hover ul ul,
div#mainMenu ul ul li:hover ul ul
{display: none;}

div#mainMenu ul li:hover ul,
div#mainMenu ul ul li:hover ul,
div#mainMenu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#mainMenu ul li {float: left; width: 100%;}
#mainMenu ul li a {height: 1%;} 

#mainMenu a, #mainMenu h2 {
font: 1em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->