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

/* General tags */
* {margin:0; padding:0;}
body {background:#cccccc url(images/bodybg.gif) repeat; font:76% verdana,tahoma,sans-serif; color:#555555;}
a {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {text-decoration:none; }
p {margin:0 0 16px 0;}
ul, ol {margin:0 0 16px 15px; padding-left:10px;}
ul ul, ol ol {margin:3px 0 0 15px;}


img {margin:0 10px 5px 0px;}

/* Headers */
h1 {color:#555; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
h2 {font-size:1.7em; font-weight:bold; letter-spacing:-1px; margin:5px 0 10px; color: #1368B3 }
h3 {font-size:1.4em; font-weight:bold; letter-spacing:0px; margin:5px 0 10px; color: #1368B3 }
h4 {font-size:1.2em; font-weight:normal; letter-spacing:0px; margin:3px 0 3px; color: #1368B3 }

/* IDs */
#title {margin:20px auto -9px; width:700px; position: relative;}
#container {background:#fff url(images/front1.png) bottom left no-repeat; border:3px solid #555; color:#555; margin:0 auto 15px; padding:10px; width:750px; line-height:1.3em;}
#container1 {background:#fff url(images/versatile_footer.jpg) no-repeat left bottom; border:3px solid #555; color:#555; margin:0 auto 15px; padding:10px; width:750px; line-height:1.3em;}
#container2 {background:#fff url(images/front1.png) bottom right no-repeat; border:3px solid #555; color:#555; margin:0 auto 15px; padding:10px; width:750px; line-height:1.3em;}

#middlebar {border:0px solid #555;float:left; padding-left:0px; width:1px; height:500px}
#sidebar {border:0px solid #555;float:left; padding-left:0px; width:130px;}
#sidebar p {border:0px solid #555;margin:10px 0 5px 10px; text-align:left; font-size:0.8em;}
#sidebar p a {font-weight:400;}
#sidebar a img {border:none;}

#main {border:0px solid #555; float:right; width:600px;  }
#footer {clear:both; color:#aaa;}

/* Menu */
.menu {border:1px solid #ffffff; color:#286ea0; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
.menu:hover {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}

/* Various classes */
.credits {color:#777; font-size:0.9em; margin-bottom:0;}
.credits a {color:#777;}


body {
font: normal 11px verdana;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
width: 125px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}

#sidebar ul li {
position: relative;
}

#sidebar li ul {
position: absolute;
left: 124px; /* Set 1px less than menu width */
top: 0;
display: none;
}
/* Styles for Menu Items */
#sidebar ul li a {
display: block;
text-decoration: none;
color: #777;
background: #F7F7F7; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc; /* IE6 Bug */
border-bottom: 0;
}

#sidebar ul li a:hover {
color:#2a5a8a;
text-decoration:none;
background-color: #F7F7F7;
}


/* Holly Hack. IE Requirement \*/
#sidebar * html ul li { float: left; height: 1%; }
#sidebar * html ul li a { height: 1%; }
/* End */
#sidebar li:hover ul, li.over ul { display: block; } /* The magic */


/* Footer styles */
#footer2 {border:3px solid #555; color:#555; margin:0 auto 15px;line-height:1.3em; clear:both; width:750px; padding:5px 0; margin:0 1px; font-size:0.9em; }
#footer2 .selected {color:#fbcf00;  font-weight:bold; text-decoration:none; text-decoration: underline;}
#footer2 p {padding:0; margin:0; text-align:center; line-height: 6pt; font-size: 6pt }
#footer2 a {color:#555555; background-color:inherit; font-weight:bold;}
#footer2 a:hover {color:#000000; background-color:inherit; text-decoration: underline;}


#footer1 {border:0px solid #555; color:#555; margin:0 auto 15px; padding:5px; width:750px; line-height:1.3em;}
#footer1 p {padding:0; margin:0; text-align:center; line-height: 7pt; font-size: 7pt }
#footer1 a {color:#555555; background-color:inherit; font-weight:bold;}
#footer1 a:hover {color:#000000; background-color:inherit; text-decoration: underline;}


.color_a {
background:#ffffff;
color:#1368B3;
}

.curvy {position:relative; width:530px; background:#F0F0F0; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#F0F0F0; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#F0F0F0; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}

.curvy1 {position:relative; width:330px; background:#F0F0F0; color:#000; margin:5em auto;}
.curvy1 em b {position:absolute; font-size:150px; font-family:arial; color:#F0F0F0; line-height:40px; font-weight:normal;}
.curvy1 p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}

.curvy2 {position:relative; width:400px; background:#F0F0F0; color:#000; margin:5em auto;}
.curvy2 em b {position:absolute; font-size:150px; font-family:arial; color:#F0F0F0; line-height:40px; font-weight:normal;}
.curvy2 p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}