/*----------- Willis Scuba Insurance ------------*/

/*----------- +[Phoris]+ Layout ------------------*/

body {
  background: #fff;
  margin:0;
  height:100%;
  text-align: center;
  /* color:#CCC; change for now so forms are readable */
  color: #000000;
  font-size:11px;
  font-family:Helvetica 11px;
}

a img {border:0;}

#wrapper {
  background:transparent url('images/bodyBG.jpg') repeat-y;
  margin:0 auto;
  text-align: left;
  width: 772px;
}

#content-margin {
  position:relative;
  top:0;left:11px;
}

#header {
  width:750px;
  height:90px;
  background:transparent url('images/headerBG-noLogo.jpg') no-repeat;
  overflow: hidden;
  position:relative;
}

#willis-logo {
  float:left;
  width:150px;
  margin-left:30px;
  position: absolute;
  bottom: 20px;
}

#co-title {
  margin-left:230px;
  font-size:13px;
  text-transform:uppercase;
  font-family:Verdana,sans-serif;
  color:WHITE;
  letter-spacing:0.4em;
  position: absolute;
  bottom: 20px;
}

#co-title span {font-size:18px;}

#header-shadow {
  width:750px;
  height:16px;
  background:transparent url('images/header-shade.jpg') repeat-x;
}

#page-content {
  width:750px;
}

#agency-menu {float:right;}
#nav-area {float:left;}

#homepage-specific-content {margin-right:312px;}
#subpage-specific-content {margin-left:182px;}

TR#section-row-top {height:17px;}
TD#section-leftCorner {background: url('images/sectionBG-leftCorner.jpg') no-repeat top left;}
TD#section-rightCorner {background: url('images/sectionBG-rightCorner.jpg') no-repeat top left;}
TD#section-top {background: url('images/sectionBG-top.jpg') repeat-x;}
TD#section-left {background: url('images/sectionBG-left.jpg') repeat-y;}
TD#section-right {background: url('images/sectionBG-right.jpg') repeat-y; background-position:top right;}
TD#section-bottomLeft {background: url('images/section-bottomLeft-gutter.jpg') no-repeat;height:58px; background-position:top left;}
TD#section-bottomRight {background: url('images/section-bottomRight-gutter.jpg') no-repeat;height:58px; background-position:top right;}

h3 {margin:0 0 10px 0;padding:0 0 3px 0;font-family:Verdana,sans-serif;font-size:12px;font-weight:bold;color:#7D4B1D;border-bottom:1px solid #ACAABB;}
h2 {margin:10px 0 10px 0;padding:3px;font-family:Verdana,sans-serif;font-size:15px;font-weight:bold;color:#000;background-color:#E6F2FF;border-bottom:1px solid #ACAABB;}

TABLE#agency-logos {line-height:30px;color:#7D4B1D;}

a.agencyLink {color:#7D4B1D;text-decoration:none;}
a.agencyLink:hover {color:#7D4B1D;text-decoration:underline;}

TABLE#home-content-BG {background:transparent url('images/dive-photo01-full.jpg') no-repeat;background-position:bottom right;}
TABLE#secondary-content-BG {background:transparent url('images/dive-photo04-full.jpg') no-repeat;background-position:bottom right;}
TABLE#contact-content-BG {background:transparent url('images/dive-photo03-full.jpg') no-repeat;background-position:bottom right;}
TABLE#insurance-content-BG {background:transparent url('images/dive-photo02-full.jpg') no-repeat;background-position:bottom right;}
TABLE#liability-content-BG {background:transparent url('images/dive-photo05-full.jpg') no-repeat;background-position:bottom right;}
TABLE#policy-content-BG {background:transparent url('images/dive-photo06-full.jpg') no-repeat;background-position:bottom right;}
TABLE#formTable {background:transparent;}
TABLE#formTable td {padding-top:10px;}
TABLE#formTable td#formBreak{line-height:1px;height:10px;background:transparent;border-bottom:1px solid #e5e5e5;}
TD.formTableHeader {background-color:#f5f5f5;padding-bottom:4px;font-weight:bold;border-bottom:2px solid #e5e5e5;}

#login {margin:50px auto;padding-left:50px;width:350px;text-align:left;}
fieldset {border: 1px solid #999;width: 25em;padding-top:20px;}
label {width: 8em;float: left;text-align: right;margin-right: 0.5em;display: block;}
legend {color: #FFF;background: #14214B;border: 1px solid #999;padding:7px 16px;font-family:Georgia, serif;font-size:12px;letter-spacing:1px;}

#admin {margin:30px auto;width:600px;text-align:center;border-top:2px solid #ccc;}
DIV.adminLink {float:left;padding:2px 4px 2px 4px;margin:0px 15px 0px 0px;border:1px solid #ccc;border-top:0px solid #ccc;}
DIV.adminLinkLogOut {float:right;padding:2px 4px 2px 4px;margin:0px 0px 0px 0px;border:1px solid #ccc;border-top:0px solid #ccc;}

input {border:1px solid #999;font-size:10px;padding:2px;}
.checkbox {border:0px solid #999;}
select {border:1px solid #999;font-size:10px;padding:2px;}
iframe {border:0px solid #999;font-size:10px;padding:2px;}

p{line-height:14px;margin-bottom:15px;color:BLACK;font-family:Georgia, serif;font-size:12px;}
.error{line-height:14px;margin-bottom:15px;color:RED;font-family:Georgia, serif;font-size:12px;font-weight:bold;}

ul{list-style-type:square;}

ul li {line-height:14px;margin-bottom:5px;color:BLACK;font-family:Georgia, serif;font-size:12px;}

blockquote#acceptance {border:2px solid WHITE;padding:5px;}

#clear{clear:both;}
DIV.floatLeft {float:left;margin:-7px 0px 0px 0px;padding:0;}

/*-------- USED FOR NAVIGATIONAL MENU ITEMS -------*/
ul#nav-menu {margin:0;padding:0;list-style-type:none;}
ul#nav-menu ul {list-style-type:none;margin:0 0 0 20px;padding:0;}
ul#nav-menu a {color:BLACK;text-decoration:none;}
ul#nav-menu a:hover {color:BLACK;text-decoration:underline;}
ul#nav-menu li.on {color:BLACK;text-decoration:underline;}
/*-------- END OF NAVIGATIONAL MENU --------*/

img.acrobatIcon {position:relative;top:4px;left:5px;}

#footer {
  clear:both;
  margin:0;
  width:730px;
  background-color:#13224C;
  text-align:right;
  padding:8px 20px 6px 0px;
  color:WHITE;
  font-family:Verdana, sans-serif;
  font-size:10px;
  line-height:1.5em;
}

a.footer {color:WHITE;text-decoration:none;}
a.footer:hover {color:WHITE;text-decoration:underline;}

#footer-shadow {margin:0 auto;width: 772px;background:transparent url('images/bottomBG.jpg') no-repeat;height:20px;}

#cm {
  margin-top:40px;
  margin-bottom:40px;
  text-align:center;
  line-height:80%;
}
#cm p {font-family:sans-serif;color:#d5d5d5;line-height:8px;font-size:11px;}
a.cm-logo {color:#FFF;background-color:#d5d5d5;text-decoration:none;padding:4px 2px 3px 2px;}
a.cm-logo:hover {color:#ccc;background-color:#FFF;text-decoration:none;padding:4px 2px 3px 2px;}