/* CSS Document created for Technowash by Blue Ginger http://www.blueginger.co.uk November 2007 */
/* only partial CSS has been implimented to allow client to update the pages with Frontpage */
* {margin: 0px; padding: 0px;} /* - this will reset all margins and paddings to 0 */
body {background-image: url(./images/top_runner.jpg); background-repeat: repeat-x; margin:0px; padding:0px; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;}

#container {position:absolute; background: url(./images/vertical_runner.gif) repeat-y 20px 0px; padding-bottom:10px;}

#navcontainer { margin: 0px; padding:0px; margin-left:20px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
background-color:#FFFFFF;
}

#navcontainer li { margin: 0px; padding:0px; line-height:12px;}

#navcontainer a
{
display: block;
padding: 3px 0px 5px 5px;
width: 125px;
color: #0A549F;
background-color: #FFFFFF;
text-decoration: none;
background-image: url(images/dotty.jpg); background-repeat:no-repeat; background-position:bottom right;
}

#navcontainer a:hover
{
color: #0A549F;
background-color: #FFFF00;
text-decoration: none;
}
#navlist .picked {display: block;
padding: 3px 0px 5px 5px;
width: 125px;
color: #0A549F;
background-color:#FFFF00;
background-image: url(images/dotty.jpg); background-repeat:no-repeat; background-position:bottom right;
}
#navcontainer ul ul {background-image: url(images/dotty.jpg); background-repeat:no-repeat; background-position:right bottom; padding-bottom:1px; width:130px;}
#navcontainer ul ul li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:10px; margin: 0 0 1px 5px; padding:0px; font-weight:normal;}

#navcontainer ul ul a
{
display: block;
padding: 2px 0px 2px 10px;
width: 115px;
color: #0A549F;
background-color: #FFFFFF;
text-decoration: none;
background-image:none;
}
#navcontainer ul ul li a:hover {background-image: url(images/arrow.jpg); background-repeat:no-repeat; background-position:left; padding-left:10px;}
#navcontainer ul ul a:hover
{
color: #0A549F;
background-color: #FFFFFF;
text-decoration: none;
}
#navcontainer ul ul .active {background-image: url(images/arrow.jpg); background-repeat:no-repeat; background-position:left; padding-left:10px; padding:2px 0px 2px 10px;color: #0A549F;}

/*#subnavlist .active {color: #0A549F; text-decoration:none;  background-color:#FFFFFF; background-image: url(images/arrow.jpg); background-repeat:no-repeat; background-position:left; padding: 2px 0px 2px 10px; width:100px;} */

#toptable {margin-top:0px; margin-bottom:26px;}
#toptable h1 {font-size:22px; margin:0px; padding:0px; padding-top:40px; padding-bottom:10px; line-height:20px; color:#0A549F; font-weight:normal;}
#toptable h2 {font-size:20px; color:#999999; margin:0px; padding:0px; font-weight:normal;}
#toptable img {margin-top:0px;}

#page_num {position:absolute; left:730px; top: 180px; width:52px; height:12px; background-color:#0A549F; color:#FFFFFF; font-size:10px; padding-left:5px;font-family:Verdana, Arial, Helvetica, sans-serif;}

#contenttable {margin-top:0px; margin-bottom:50px;}
#contenttable h1 {margin:0px; padding:0px; padding: 0px 5px 10px 0px; font-size:12px; color:#0A549F; line-height:15px;}
#contenttable h2 {font-size:14px; color:#0A549F; margin:0px; padding:0px; font-weight:normal;}
#contenttable p {margin:0px; padding:0px; padding: 0px 5px 10px 0px; font-size:11px; color:#666666; line-height:15px;}

ul.bodylist {margin:0px;padding:0px;margin-left:25px; font-size:11px; color:#666666; line-height:13px;}

#greybox {margin-bottom:10px;}
#greybox h1 {color:#000000; font-size:11px; font-weight:bold; margin:0px; padding:0px 5px;}
#greybox ul {margin: 5px 0px; padding:0px;}
#greybox li {margin:0px;padding:0px;margin-left:25px; padding-right:5px; font-size:10px; color:#000000; line-height:12px;}
#greybox p {color:#000000; padding:0px 5px; margin-top:5px; }

.popup {position: absolute; margin:0px; padding-top:5px; z-index:5; left:170px; top:35px; width:600px; height:500px; border:1px solid #8A8080; background:#FFF; visibility:hidden; text-align:center;}
.sw_desc {float:left; font-size:7pt; padding-top:1px; color:#8A8070;}
.enlarge {float:right; margin:2px 1px 1px 0px; font-size:10px; color:#999999;}
td .magnify {padding:10px 0px;}

#ftrtable {margin-top:20px; padding:0px;}
#ftrtable p {margin:0px; padding:0px; padding: 10px 5px 10px 0px; font-size:11px; color:#0A549F; line-height:15px;}
.ftrtext {margin:0px; padding:0px; padding: 10px 5px 0px 0px; font-size:11px; color:#0A549F; line-height:15px;}
.ftrtext a {text-decoration:none; color:#333366;}
.ftrtext a:hover {text-decoration:underline;}
#ftrtable a:link, #ftrtable a:visited, #ftrtable a:active {text-decoration:none;}
#ftrtable a:hover {text-decoration:underline;}