/* Colors
#F4F8FC - Baby blue background
#4F91CD - Menu blue
#F58220 - link orange
#C2DEED - pale blue border line
#8AB6E1 - another blue - used for h3
#A09E9D - feature text grey
#E2E3E4 - prefooter grey background
#4F91CD - another blue
#A8BAC3 - prefooter list text

#ffffff - white
#000000 - black
*/

body { margin: 0; padding: 0; font-family: Verdana, verdana, helvetica, sans-serif; background: #F4F8FC; font-size: 12px; color: #6A6A6A; }

.mceContentBody { background: #ffffff; margin: 0; }
a, a:link, a:visited, a:active { color: #F58220; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;  font-family: "Trebuchet MS", sans-serif; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1em;}
h4 { font-size: 1.1em; }
h5 { font-size: 1em;}
h6 { font-size: 1em; }

div#outer { width: 100%; text-align: center; }
div#inner { width: 800px; text-align: left; margin-left: auto; margin-right: auto; padding: 10px; background: #ffffff; }

div#menu ul { background: #4F91CD; width: 800px; margin: 0 0 1px 0; padding: 0; height: 20px; }
div#menu ul li { float: left; list-style: none; padding: 2px 20px; border-right: 1px solid #ffffff; height: 16px; }
div#menu ul li:hover { background: #F89829; }
div#menu a, div#menu a:link, div#menu a:visited, div#menu a:active, div#menu a:hover { color: #ffffff; text-decoration: none; }
div#flashybit { margin: 0 0 5px 0; }

div#header { overflow: auto; }
div#header img { float: left; }
div.header-contact { float: right; color: #F58220; font-size: 1em; font-weight: bold; margin-right: 0px; margin-top: 25px;}

.no-border { border-right: 0 !important; }
.clear { clear: both; height: 0; padding: 0; margin: 0; font-size: 0px; border: 0px; }
img.image-top-right { float: right; margin: 0 0 15px 15px; border-color: #eee; border-style: solid; border-width: 0px 2px 2px 0px; padding: 5px; }

div#content h3, div#content h4, div#content h5, div#content h6 { margin-bottom: 10px; color: #4F91CD; }
div#content p { margin-bottom: 8px; }
div#content div.no-margin div.text, div#content div.no-margin h3 { margin-left: 0px !important; }
div#content div.feature-row { height: 150px; border-top: 1px solid #C2DEED; width: 800px; }
div#content div.feature-row-last { height: 150px; border-top: 1px solid #C2DEED; border-bottom: 1px solid #C2DEED; width: 800px; }
div#content div.feature { width: 265px; float: left; border-right: 1px solid #C2DEED; height: 150px; color: #A09E9D; position: relative; }
div#content div.boxbr { background-repeat: no-repeat; background-position: bottom right; }
div#content div.boxbr div.text { width: 155px; margin-left: 10px; }
div#content div.boxbl { background-repeat: no-repeat; background-position: bottom left; }
div#content div.boxbl div.text { width: 133px; float: right; }
div#content div.feature h3 { padding: 0 0 3px 25px; margin-top: 12px; background: url('/media/images/base/inversearrow.gif') no-repeat; margin-left: 8px; font-size: 1.5em; }
div#content div.feature h3 a { color: #4F91CD !important; }

div#content h1 { color: #4F91CD; padding: 1px 0 3px 25px; background: url('/media/images/base/inversearrowhigh3.gif') no-repeat;  } 
div#content h1 a { color: #4F91CD !important; }
div#content h2 { color: #4F91CD; padding: 1px 0 3px 25px; background: url('/media/images/base/inversearrowhigh3.gif') no-repeat; }
div#content h2 a { color: #4F91CD !important; }
div#content h3 { color: #4F91CD; padding: 1px 0 3px 25px; background: url('/media/images/base/inversearrowhigh3.gif') no-repeat; }
div#content h2 a { color: #4F91CD !important; }

div#content p.link { position: absolute; margin-top: 12px; bottom: 0;}
div#content p.link a { font-weight: bold; }

div.wide { width: 34% !important; }

div.right-bar { float: right; width: 270px; margin-left: 15px; background: #ddd; padding: 5px 0; text-align: center; }
div.right-bar h3 { background-image: none !important; font-size: 1.2em; padding: 0 !important; margin: 5px 0; }
div.right-bar a, div.right-bar a:link, div.right-bar a:visited, div.right-bar a:active { color: #4F91CD; }
div.large-content-area { border-top : 1px solid #C2DEED; border-bottom: 1px solid #C2DEED; width: 800px; padding: 10px 0; }
div.leftside { width: 500px; float: left; }
div.no-background { background: none; }

div#content .right-bar h1 { color: #4F91CD; padding: 0; background: none;} 
div#content .right-bar h2 {color: #4F91CD; padding: 0; background: none;}


div#prefooter { background: #e2e3e4; padding: 4px; margin: 10px 0 0 0; width: 795px; }
div#prefooter div.boxleft { width: 250px; float: left; background: #fafafa; margin-right: 4px; padding: 5px 5px 0 5px; height: 125px; }
div#prefooter div.boxmid {  width: 254px; float: left; background: #fafafa; margin-right: 4px; padding: 3px 3px 0 5px; height: 125px; }
div#prefooter div.boxright { width: 256px; float: right; background: #fafafa; margin-right: 0; padding: 3px 3px 0 5px; height: 125px; }
div#prefooter h3 { color: #4F91CD; padding: 6px 0 3px 30px; margin-top: 5px; background: url('/media/images/base/mouse.gif') no-repeat; }

div#prefooter ul { list-style: none; list-style-type: none; margin: 0; padding: 5px 25px 0px 29px; }
div#prefooter ul li { margin-bottom: 5px; background-image: url('/media/images/base/arrow.gif'); background-repeat: no-repeat; background-position: 0 .4em; padding: 2px 0 0 18px }

div#footer { font-size: 0.8em; margin-top: 10px; }
div#footer div.left { float: left; width: 65%; height: 45px; }
div#footer div.right { float: right; width: 33%; height: 45px; text-align: right; }

/* BIG QUOTES! */
div#content blockquote { position: relative; text-indent: 0em; margin-top: 50px; text-align: justify; margin-left: auto; margin-right: auto; width: 80%; }
span.bqstart, span.bqend { font-size: 7em; color: #c0c0c0; font-family: Times, serif; }
span.bqstart { text-indent: 0; position: absolute; top: -0.3em; left: -0.5em; }
span.bqend { position: absolute; margin-top: -1em; right: -0.5em; text-indent: 0;}

div.listing { margin: 15px 0; border-color: #eee; border-style: solid; border-width: 0px 3px 3px 0px; padding: 5px 5px 5px 0; min-height: 75px; height:auto !important; height: 175px; }
div.listing img { float: right; margin: 0 0 15px 15px; padding: 5px;   }
div.sub { margin: 5px 5px 5px 25px; }
div.breadcrumbs { float: right; height: 25px; }

/* Directory view bits */
div.submenu { width: 255px; float: left; background: #eee; font-size: 1.2em; min-height: 350px; height: auto !important; height: 350px; }
div.submenu ul { list-style: none; margin: 15px 0 0 15px; padding: 0; }
div.submenu li { list-style: none; margin-bottom: 15px; }
div.submenu li ul { margin: 15px 0 0 15px; }
div.rightcontent { float: right; width: 530px; }

/* bits for tables on smartpages */
div#content .para { font-size:12px;}
div#content .para a, div#content .para a:link, div#content .para a:visited, div#content .para a:active div#content .para a:hover{ text-decoration: none; color: #FFFFFF; }
div#content .para ul { margin-left:-25px; }
div#content .para ul li a, div#content .para ul li a:link, div#content .para ul li a:visited, div#content .para ul li a:active { color: #F58220; font-weight:bold; }
div#map { height: 250px; width: 450px; margin-top: 15px;  }
#id_email, #id_message { width: 250px; }
.error { font-weight: bold; }
div#contactContainer { height: 485px;  }