/* blue 006699 */
/* red ff3333 */
body {font-family: verdana, tahoma, arial, sans-serif; font-size:80%; margin:0 auto; height: 100%; background: url('images/background_fades.gif') top center repeat-y white; text-align: center}
form {margin: 5px; padding: 5px;}
a {color:#006699;}
a:hover {color: #0099ff;}
a:visited {color: purple}
a img {border:none;}
acronym, abbr {border-bottom: 1px dotted #aaa}
p {margin-top:0px;}
hr {height: 1px; color:#ccc; clear: both}
h1 {color: #006699; font-size: large; margin: 0px 0px 5px 0px; padding-bottom: 17px; background: url('images/h1_bg.gif') bottom left repeat-x}
h2 {color: #ff3333; font-size: medium; letter-spacing: -1px; margin: 0px 0px 5px 0px; font-weight: lighter;}
h3 {color: #666; font-size: small; font-weight: lighter; margin-bottom: 0px;}
/* ul  {list-style-image: url('images/bullet_point.gif');} */
div.wbs {clear:both;font-size: x-small; text-align: center; color: #888;}
div.wbs a {color: #888;}

/* Constructs */
div.bound {width: 958px; text-align: left; height: 100%; margin-left:auto; margin-right:auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
/*div.header {background: url('images/header_left.jpg') top left no-repeat; height: 100px; width: 100%}*/
div.header {height: 125px; width: 100%; background: url('images/header_bg2.jpg') top left no-repeat white}
div.strapbar {color: white; padding-left: 20px; font-weight: bold; font-size: 130%}

div.menubar div.datetime {width: 223px; float: left; text-align: center; font-size: x-small}
div.menubar {color: white; padding-right: 30px; background: url('images/menubar_bg.gif') bottom left no-repeat #ff3333; text-align: right; height: 25px; padding-top: 5px; font-weight: bold;}
div.menubar a {color: white; text-decoration: none; font-weight: bold; letter-spacing: -1px ; margin-right: 15px;}
div.menubar a:hover {color: #0099ff;}
div.menubar a:visited {color: white}

div.splash {position:relative; margin: -10px -20px 0px -20px; width: 100%; height: 222px;}
div.splash img.splash {display:none; position:absolute;}
div.splash a {font-weight:bold; text-decoration: none}

div.middle {background: url('images/undermenu.gif') top left repeat-x white; width: 100%; height: auto; display: table}
div.middle div.leftline {width: 100%; height: auto; background: url('images/leftline2.gif') top left repeat-y; display: table}
div.left {float: left; width: 223px; height: auto; background: url('images/left_top.gif') top left no-repeat; padding-top: 30px}
div.left  div.content {padding-top: 10px;}
div.left div.content div p {margin:0px}
div.left div.content div {padding: 10px; font-size: 80%; margin: 5px 10px 5px 10px;}
div.left div.content div h1, div.fpboxes h1{font-size: 120%; margin-bottom: -15px}
div.corgi {border: 1px solid orange; background-color: #ffcc99}
div.servicing {border: 3px solid #ccc;}
div.oftec h2 {color: #009933}
div.right {float: right; width: 730px; height: 100%; border-top: 1px solid #ccc;}
div.right div.content {padding: 10px 20px 0px 20px;}
div.footer {clear:both; text-align: right; font-size: x-small; background: url('images/bottom2.gif') top right no-repeat; padding: 30px 20px 20px 20px}
div.footer div.badges {float: left;}
/* End Constructs */

div.logos {text-align: center; padding: 5px 0px 5px 5px; margin-top:15px; margin-bottom: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div.logos div {margin-left: 20px; text-align: left}
div.logos img {margin-left: 10px; margin-right: 10px}
div.logos h1 {font-size: small; letter-spacing: 0px;}
div.logos p {margin:0px; font-size: x-small}
div.bluebox {padding: 15px; background-color: #ccccff}
div.fpboxes {font-size: 80%; width: 690px;}

.print {background:url('images/small_printer.gif') top right no-repeat; float: right; margin-top: 5px; padding-right:25px; color: #aaa; padding-top:3px; font-size:x-small;}
.rss {background:url('images/rss_icon.gif') top right no-repeat; float: right; margin-top: 5px; padding-right:25px; color: #aaa; padding-top:3px; font-size:x-small; margin-right: 10px}

/* contact form */
div.form {width: 100%; margin-bottom: 10px;}
div.formrow {clear: both;}
div.formleft {float: left;width:35%; text-align: right;}
div.formright {float: right; width:65%;}
div.formt {background:url('images/contactform/tab_bg2.gif') top left repeat-x white;}
div.formtl {background:url('images/contactform/tab_left2.gif') top left no-repeat;}
div.formtr {background:url('images/contactform/tab_right2.gif') top right no-repeat;}
div.formbl {background:url('images/contactform/tab_left2_bottom.gif') bottom left no-repeat;}
div.formbr {background:url('images/contactform/tab_right2_bottom.gif') bottom right no-repeat;}
div.forml {background:url('images/contactform/side_left2.jpg') top left repeat-y;}
div.formr {background:url('images/contactform/side_right2.jpg') top right repeat-y;}
div.formb {background:url('images/contactform/tab_bottom.gif') bottom left repeat-x;}

/*newsbox */
div.newsbox {float: right; text-align: left; width: 50%; font-size: x-small; margin-left: 20px;}