/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
body { background:#fff; padding:15px; font-size:12px; font-family:arial, helvetica, sans-serif; color:#333333; line-height:1.6; text-align:justify;}
#outer {width:100%; overflow:hidden; background:url(bottom_bkg.gif) bottom center no-repeat;}

/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both; }
hr {margin:5px 0;}
blockquote {margin-left:40px;}
p {margin:0 0 15px 0}
.left {float:left;}
.right {float:right;}

a { color:#0873ec; text-decoration:underline  }
a:hover { color:#1c589b;}
a img { border:none;}
a:hover img {  }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }
a.arrowlink {background:url(linkarrow.gif) top left no-repeat; padding:0 0 0 15px; clear:both;}

h1, h2, h3, h4 {font-family:; text-align:left;  }
h1 {color:#1c589b; font-size:38px; font-weight:normal;margin: 20px 0 20px 0; padding:0; line-height:1;}
h2 {color:#0873ec; font-size:30px; font-weight:bold; margin:0 0 10px 0; padding:0;  line-height:1}
h3 {color:#1c589b; font-size:26px; font-weight:bold; margin:0 0 6px 0;  padding:0; line-height:1}
h4 {color:#0873ec; font-size:22px; font-weight:normal; margin:0 0 5px 0;  padding:0; line-height:1}




img.clsleft { margin-right:15px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:15px; margin-bottom:10px; }
img.clsborderleft { margin-top:2px;  margin-right:15px; margin-bottom:8px; border:3px solid #1c589b; padding:0px;}
img.clsbordermiddle {margin-top:2px;  margin-right:8px; margin-left:8px; border:3px solid #1c589b; padding:0px;}
img.clsborderright { margin-top:2px; margin-left:15px; margin-bottom:8px; border:3px solid #1c589b; padding:0px; }
.border {border:3px solid #1c589b; padding:0px; }
.noborder {border:0;}

.notes { font-size:0.8em; color:#888; margin:1.5em 0;}
.shout {color: #1c589b; font-size: 1.2em; font-weight:bold; margin:0; }
.shout2 {color: #0873ec; font-size: 1.2em; font-weight:bold; margin:0; }

.quote {border: 3px double #1c589b;  padding:5px; color:#0873ec; margin:1.5em 0; }
.quote strong {font-size:1.2em;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { margin:1.5em 0;}
.custom2 { margin:1.5em 0; }



/*Structural & Custom Styles */

#jump {display:none;}

#container {margin:0 auto ; width:970px;  padding:0 0; background:url(container.gif) top left repeat-y; position:relative;}

#car {position:absolute; top:0; left:50%; margin-left:35px ; margin-top:10px; z-index:1; }

#header { overflow:hidden; padding:0; background:none; height:339px; width:970px; margin:0; background:url(banner.jpg) no-repeat; position:relative; }
#header h2 {width:350px; height:198px; padding:0; border:none; margin:0 0 0 19px;; text-indent:-9999px ; border:none; background:url(sitelogo.png) no-repeat; float:left; position:absolute; }
#header a {text-decoration:none; height:100%; width:100%;}
#header #banner{height:148px; width:352px; background:url(strapline.gif) no-repeat;  margin:0; text-indent:-9999px; text-indent:-9999px; float:right;}

#call { width:542px; height:32px; position:absolute; background:url(call_now.png) no-repeat; z-index:999; top:145px; left:18px; }

#main {width:960px; margin: 0;  padding:0; overflow:hidden; border-left:5px solid #fff;border-right:5px solid #fff; background:url(page_bkg.gif);}

#pagecontent {width: 629px; min-height:420px;   margin: 0; padding:10px ; float:left; }

#logos {border:1px solid #cae2ff}

ul { margin:1.5em 0 1.5em 25px; list-style:square}
ol {margin:1.5em 0 1.5em 30px;}
li {margin:0 0 0.5em 0;}

ul#ticks {margin:10px 0 0 0; padding:0; list-style:none; }
ul#ticks li {padding:0 0 0 25px; background:url(bullet_tick.gif) no-repeat 0 4px; color:#05054d; font-weight:bold; text-align:left}

table, td, th {border:none; padding:0; font-size:1em; vertical-align:top;}
th {text-transform:uppercase; font-weight:bold; text-align:left;}


blockquote {background:transparent url(quote_top.jpg) no-repeat scroll left top;clear:both;float:left;line-height:1.3;margin:0 0 20px 0;padding:10px 4px 0px 35px; width:211px}
blockquote p {padding-right:30px;}
blockquote .quotetext {background:transparent url(quote_bottom.jpg) no-repeat scroll right bottom;}
blockquote .quoteauthor {color:#555;font-weight:bold;}


#formdiv {float:right; width:296px; padding:5px; background:#d7d7d7; border-left:5px solid #fff; min-height:360px; text-align:left; margin:0 0 0 0; font-size:12px;}
form#contact {margin:0; width:287px; padding:0 0 0 5px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label { width:283px;}
form#contact .inputsurround input, form#contact .inputsurround textarea { width:283px; clear:right}
form#contact .inputsurround .submit {background: #0873ec; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 1px 5px 0;; clear:both; float:right;}
#formdiv h2 {padding:8px 0 8px 5px; font-size:38px;}

#bottom {width:100%; height:31px; background:#588DC9; position:relative; bottom:0; border-top:4px solid #fff; font-size:0.9em; }
#footer {margin: 0 auto;  overflow:hidden;  padding:0; width:948px; background:url(footer_bkg.gif) top right no-repeat; height:31px; font-size:11px; color:#fff; }
#footer a {color:#fff;}
#footer .left, #footer .right{margin-top:6px;}



#navsurround {clear:both; background:url(nav_back.gif);  margin:1px 0 6px 0;  height:28px;}
/** #nav - essentials **/
#nav, #nav * { margin:0; padding:0; list-style-type:none; }
#nav { line-height:1; }
#nav ul { position:absolute; top:-999em; width:	10em; /* left offset of submenus need to match (see below) */ }
#nav ul li { width:100%; }
#nav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
#nav li { float:	left; position:relative; }
#nav a {  position:relative; }
#nav li li a {display:block;}
#nav li:hover ul, #nav li.sfHover ul { left:0; top:28px; /* CHANGE this value to move to first dropdown up and down */ z-index:99; }
ul#nav li:hover li ul, ul#nav li.sfHover li ul { top:-999em; }
ul#nav li li:hover ul,
ul#nav li li.sfHover ul { left:10em; /* MUST match width in #nav ul */ top:0; }
ul#nav li li:hover li ul, ul#nav li li.sfHover li ul { top:-999em; }
ul#nav li li li:hover ul, ul#nav li li li.sfHover ul { left:10em; /*  MUST match width in #nav ul */ top:0;
}
/** #nav - appearance **/
#nav {padding:0 0 0 0; font-size:14px;}
#nav a {  text-decoration:none; margin:0 15px;  font-weight:bold; border-bottom:3px solid #fff; }
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#fff; }
#nav a:hover { color:#fff;}
#nav li { background:none; padding:5px 0;}
#nav li li { background:#efefef; border-top:1px solid #dcdcdc;}
#nav ul {border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc}
#nav li li li { background:#777; }
#nav li li li a { background:#777; }
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active {   outline:0; }
#nav li li:hover, #nav li li.sfHover, #nav li li a:focus, #nav li li a:hover, #nav li li a:active { color:#fff;}
#nav #active {cursor:default; color:#ffe400; border-bottom:3px solid #ffe400}
/*** arrows **/
#nav a.sf-with-ul { padding-right:30px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:10px; top:9px; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(arrows_ffffff.png) bottom left; /* Change this colour to a background image to add an arrow indicating sub levels*/ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:9px;  }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {  }

/* point right for anchors in subs */
#nav ul .sf-sub-indicator {  }
#nav ul a > .sf-sub-indicator {  }

/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator, #nav ul a:hover > .sf-sub-indicator, #nav ul a:active > .sf-sub-indicator, #nav ul li:hover > a > .sf-sub-indicator, #nav ul li.sfHover > a > .sf-sub-indicator {  }

.datatable { border: 1px solid #555; }
.datatable th { background: #444; color: #fff; padding: 3px; }
.datatable td { background: #ccc; color: #444; padding: 3px; }