* {
margin : 0;
padding : 0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

th, td {
    font-size: 10px;
}

a {
color : #b22222;
text-decoration : none;
}
a:hover {
color : #b22222;
text-decoration : underline;
} 
a img {
   border: none;

}
 #top {
	width: 820px;
	height: 162px;
	}


h1, h2, h3, h4 {
    font-size: 14px;
}
h1 {
    margin: 0;
    padding: 0;
}

h2 {
    margin: 0 0 0 0;
    padding: 0;
}

h3 {
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
}

p {
    margin: 1em 0;
    padding: 0;
}

.block {
    display: block;
}

.clear {
    clear: both;
    height: 1px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1px;
    line-height: 1px;
}

.left {
    float: left;
    margin: 1px 8px 0px 0px;
}

.right {
    float: right;
    margin: 1px 0px 0px 8px;
}

.softright {
    text-align: right;
}

.readmore {
    text-align: right;
    padding-right: 1em;
}

/* ***** */


body {
    background: #164871;
    color: #052D4E;
    padding-bottom: 48px;
}

#wrapper {
    margin: 45px auto 0 auto;
    width: 750px;
}

h3 {
    margin: 1em 0;
}

a {
    color: #052D4E;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

.readmore { margin-top: -0.5em }

/* col */

#col {
    position: absolute;
    top: 1px; left: 2px;
    width: 130px;
    background: #A5CAE5;
    padding: 7px;
}

* html #col {
    width: 130px;
    w\idth: 130px;
}

#col h1 {
    margin: 0 0 7px 0;
    padding: 0;
}

/* micronav */

#micronav {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15em;
	text-align: right;
	left: 620px;
}

#micronav a {
    color: #CBE3F5;
    text-decoration: none;
    padding-right: 18px;
    display: block;
    float: right;
}

#micronav a.home {
    padding-left: 16px;
    position: relative;
    background: url(../images/ico_home.gif) left no-repeat;
}

#micronav a.mail {
    padding-left: 18px;
    background: url(../images/ico_email.gif) center left no-repeat;
}

#micronav a:hover {
    color: #fff;
}

/* body */

#spacer {
    height: 2.2em;
}

#body {
    margin: 0 0 0 180px;
    width: 630px;
    background: #A5CAE5 url(../images/shadow_r.gif) top right repeat-y;
}

#body .i { background: url(../images/shadow_tr.gif) top right no-repeat; }
#body .j { background: url(../images/shadow_b.gif) bottom left no-repeat; }

#body .j {
    padding: 0 6px 6px 0;
}

#body h3 {
    font-weight: bold;
    color: #007DDA;
}

#body h3 a {
    color: #052D4E;
    text-decoration: none;
}

#body .readmore a {
    border: none;
    background: #CDE3F3;
    color: #052D4E;
    text-decoration: none;
    padding: 0 2px;
}

#body .readmore a:hover {
    background: #478FC3;
    color: #fff;
}


* html #body h3 { margin-top: 2em; }
* html .readmore a { float: right; }

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    margin: 1.1em 0;
    padding: 0 0 0 10px;
    background: url(../images/bullet.gif) left center no-repeat;
}

/* nav */

#nav {
    padding: 3px 2px 2px 2px;
    border-bottom: 2px solid #164871;
}

* html #nav .clear {
    margin-top: -1px;
    marg\in-top: -4px;
}

#nav span {
    float: left;
    width: 10px;
    padding: 5px 0;
    margin-left: 90px;
    background: #245882 url(../images/menu_l.gif) no-repeat;
}

#nav a {
    float: left;
    color: #A5CAE5;
    background: #245882 url(../images/menu_split.gif) top right no-repeat;
    padding: 5px 26px 5px 8px;
    font-weight: bold;
    text-decoration: none;
}

#nav a.last {
    background-image: url(../images/menu_r.gif);
    padding-left: 12px;
    padding-right: 26px;
}

#nav a:hover {
    color: #fff;
}

/* body */

#body .ltitle, #body .rtitle {
    padding-right: 25px;
    padding-left: 35px;
}

* html #body .ltitle, * html #body .rtitle  {
    height: 1%;
}

#body .ltitle {
    border-top: 1px solid #164871;
    border-bottom: 1px solid #164871;
}

#body .rtitle {
    background: url(../images/title_bg.gif) top right repeat-y;
}

#body .ltitle {
    background: url(../images/title_bg.gif) top left repeat-y;
}

#body .rtitle h2 {
    float: right;
    width: 25px;
    text-align: right;
    margin-right: -25px;
    display: inline;
}

#body .ltitle h2 {
    float: left;
    width: 23px;
    margin-left: -35px;
    display: inline;
}

/* gal */

#body #gal {
    padding-left: 0;
}


.floating {
    float: left;
    width: 112px;
    margin-left: 20px;
    display: inline;
}

/* footer */

#footer {
    text-align: center;
    margin-left: 344px;
    color: #3C7DB2;
}

#footer a {
    color: #3C7DB2;
    text-decoration: underline;
}

#footer a:hover {
    color: #fff;
}

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009 Stu Nicholls.All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropxxxx {padding:0; list-style:none;  text-align:center; margin:0 auto; font-size:12px; font-family:tahoma, sans-serif; height:25px; width:100%; position:absolute; left:0; top:44px;}
#dropxxxx div {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:100%; text-align:center; background:transparent;}
/* This loine does nothing in this style */* html #dropxxxx div {width:expression(document.getElementById('dropxxxx').offsetWidth);}
 
/* This loine does nothing in this style */#dropxxxx table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}
 
/* drop menu settings */#dropxxxx ul li {display:inline; margin:0; text-align:left;}
#dropxxxx ul li a {display:inline-block; height:2px; line-height:2px; margin:2px 0 0 0; padding:0 4px; background:transparent; font-weight:bold; font-size:11px;}
 
#dropxxxx li {display:inline; margin:0 -2px; text-align:left;}
#dropxxxx li a {display:inline-block; /* adjusts top line of menu from top of page */height:25px; margin:5px 0 0 0; padding:0 25px 0 0; background:transparent; line-height:25px; text-decoration:none; /* adjusts colour of both lines of menu */color:#336699;}
 
/*#dropxxxx li a.sub {background:url(button-arrow.gif) right top;}
 
html>/**/body #dropxxxx li {display:inline-block; padding:0;}
 
* html #dropxxxx li a {margin-bottom:-4px; margin-right:3px;}
 
#dropxxxx li a b {display:block; height:50px; float:left; padding:0 0 0 25px; /* does nothing in this style */background:url(/new_menu/images/button.gif) left top; cursor:pointer;}
 
#dropxxxx li a:hover {background-position:right bottom; color:#fff;}
#dropxxxx li a:hover b {background-position:left bottom;}
 
#dropxxxx li:hover > a {background-position:right bottom; color:#fff;}
#dropxxxx li:hover > a b {background-position:left bottom;}
 
#dropxxxx :hover div {left:-20px; /* adjusts space between top line of menu and drop line */top:30px;}
 
#dropxxxx :hover ul li a:hover {text-decoration:none; color:#333366;}
 
}