/* Colour Glossary
/*
#C2C1C1 - Top text grey
#c0c0c0 - dark grey background
#000000 - black
#ffffff - white
#F7F7F7 - offwhite background colour
#829CB3 - tagline text
#C1C1C1 - grey photo border
#195080 - blue of the logo
#1A5180 - feature box blue
#E6E6E6 - feature box grey
#2F5180 - mid page links navy blue
#FE0107 - red warnings
/*
*/

/* Debug line */
/* div { border: 1px dashed #000000;} */

/* Set basic layout */
body { background-color: #c0c0c0; margin: 0px; padding: 0px; height: 100%; font-family: "Trebuchet MS", verdana, sans-serif; font-size: 12px; text-align: justify; border: none; }

.iehack { font-size: 12px; }
.mceContentBody { text-align: left; background: #ffffff;}

h1, h2, h3 { padding: 0; margin: 0; margin: 10px 0px 10px 0px;}
h1 { font-size: 2em; }
h2 { font-size: 1.5em;}
h3 { font-size: 1em;}

a, a:link, a:visited { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
div#outer { width: 100%; text-align: center; }
div#inner { width: 780px; margin-left: auto; margin-right: auto; border: 1px solid #ffffff; text-align: justify; background:#FFFFFF;}

div#header { height: 50px; background: url('/site-media/images/base/topbar.gif') no-repeat #F7F7F7;}
div#header div.text { float: right; text-align: center; padding: 5px 3px 5px 0px; width: 200px; height: 0px; clear: none;}
div#header div.text p { color: #195080; font-size: 1.4em; line-height: 17pt; margin: 0; }
img.masthead { border-top: 2px solid #1A5180; }

div#mainmenu { margin-top: -5px; background: url('/site-media/images/base/gradient.gif') no-repeat; height: 55px; position: relative; text-align: left; }
div#inner>div#mainmenu { margin-top: -3px;}
div#mainmenu div.menu { height: 20%; position: absolute; bottom: 3px; padding-left: 25px; }

div#mainmenu ul { color: #ffffff; list-style: none; display: inline; }
div#mainmenu ul.main li { float: left; position: relative; padding-right: 20px; color: #ffffff;}
div#mainmenu ul.main li a { color: #ffffff; }
div#mainmenu ul.sub li { width: 150px; color: #000000;}
div#mainmenu ul.sub li a { color: #000000; }
div#mainmenu ul.sub-wide li { width: 250px; color: #000000;}
div#mainmenu ul.sub-wide li a { color: #000000;}
div#mainmenu li ul { display: none; position: absolute; top: 1.4em; left: -45px; background: #C1C1C1; width: 10em; padding: 5px; width: 150px; }
div#mainmenu li ul.sub-wide { display: none; position: absolute; top: 1.4em; left: -45px; background: #C1C1C1; width: 10em; padding: 5px; width: 250px; }
div#inner>div#mainmenu li ul { left: 0; top: 1.2em; }
div#mainmenu ul li a { display: block; color: #000000;}
div#mainmenu li:hover ul, div#mainmenu li.over ul { display: block;}

div#mainmenu a:hover { text-decoration: underline; }
div#mainmenu div.tagline { padding: 10px 10px 0px 0px; float: right; font-style: italic; font-family: "Lucida Calligraphy", sans-serif; color: #829CB3; font-size: 2em; }

div#main { background: #F7F7F7; padding-top: 10px; }
div#inner>div#main { padding-top: 0;}

div#main div.submenu { float: left; padding-top: 10px; width: 26%; }
div#main div.submenu ul { list-style-type: square;}
div#main div.submenu ul li { padding: 0px 0px 5px 0px;}
div#main div.submenu div.logos { padding-left: 3px; }
div#main div.submenu div.logos ul { list-style: none; margin: 0; padding: 0; }
div#main div.submenu div.logos ul li { display: inline; }
div#main div.submenu div.logos img { border: 0; margin: 0; padding: 0; }

div#main div.content { float: left; width: 46%; margin-left: 15px; padding-top: 7px; }
div#main div.content a { font-style: italic; color: #2F5180; }
div#main img { margin: 0px 5px 5px 5px; }

div#main div.widecontent { float: left; width: 70%; margin-left: 15px; padding-top: 7px; }
div#main div.widecontent a { font-style: italic; color: #2F5180; }


div#main div.rightbox { float: right; width: 23%; margin: 0px 7px 0px 5px; padding-top: 10px; margin-top: 5px; text-align: left;}
div#main div.rightbox img.home { border: 3px solid #C1C1C1; padding: 0; }
div#main div.rightbox img { border: 1px solid #000000;  float: right; padding: 0; }
div.rightbox div.feature { background: #E6E6E6; border: 1px solid #000000; clear: both; margin-bottom: 10px; width: 100%; }
div.rightbox div.feature h3 { text-align: center; background: #1A5180; padding: 2px; margin: 0; color: #ffffff; font-size: 12px; }
div.rightbox div.feature h3 a { color: #ffffff; }

div#main div.rightbox_offer {float:right; width:180px; margin:0px 7px 0px 5px; padding-top:10px text-align:left; }

div#testimonials { width: 100%; text-align: left; }
div#testimonials div.outer { width: 300px; border: 1px solid #000000; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
div#testimonials div.inner { padding: 5px; }
div#testimonials img { border: 1px solid #000000; float: left; margin: 0px 5px 5px 0px; padding: 0;}
div#testimonials div h3 { margin: 0; padding: 0; background: #1A5180; color: #ffffff; padding: 3px; text-align: center;}

div#footer { font-size: 0.9em; text-align: center; padding: 5px; background: #F7F7F7; }

/* Generic Styles */
div.clear { clear: both; }
form input[type="text"], form input[type="password"] { width: 300px; }
input[type="text"], input[type="password"] { width: 300px; }
form textarea { width: 300px; }
form select { width: 300px; }
form { text-align: left; }
.red { color: #FE0107;}
.bold { font-weight: bold;}
.vEmailField, .vTextField { width: 300px;}