/*
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;}
p {margin:1 1 16px 1;}
ul, ol {margin:0 0 16px 15px; padding-left:5px;}
ul ul, ol ol {margin:3px 0 0 15px;}
img {float:left; margin:0 10px 5px 0;}


/* Headers */
h1 {color:#555; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
h2 {font-size:1.8em; font-weight:normal; letter-spacing:-1px; margin:5px 0 10px;}
h3 {font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:5px 0 10px;}

/* IDs */
#title {margin:20px auto -9px; width:700px;}
#title h1 {color:#555; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
#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;}
#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;
}

/* 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 */

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

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

/* Colour for the backgorund of the title tab */
/* COM-IT Dark Blue #010066 #002868 #0C1975*/
.color_a {
background:#FFFFFF;
color:#7A81CA;
}
.color_b {
background:#FFFFFF;
color:#1368B3;
}
.color_c {
background:#FFFFFF;
color:#C63E96;
}