@charset "utf-8";
* { margin:0; padding:0; border:0; }
body { position:absolute; left:50%; width:900px; margin-left:-450px; background:url(../images/right-bg.jpg) repeat-x; }
.bgLeft { position:relative; top:0px; left:-900px; height:1024px; width:auto; background:url(../images/left-bg.jpg) repeat-x; z-index:100; }

.masthead { position:absolute; top:1px; left:0px; width:900px; height:94px; background:url(../images/masthead.jpg); z-index:150; }
.logo { position:relative; top:35px; left:30px; width:239px; }
.tagline { position:absolute; top:100px; left:30px; font:bold 13px "Myriad Pro", Arial, Helvetica, sans-serif; color:#016f4c; letter-spacing:.3px; z-index:150; }
.phoneNumber { position:absolute; right:22px; top:42px; font:bold 14px Arial, Helvetica, sans-serif; color:#888; text-align:center; }

#content { position:absolute; top:96px; left:0px; width:900px; height:895px; background:#fff url(../images/body-sides.jpg) no-repeat bottom left; z-index:140; }
.contentRightStripe { position:absolute; top:0px; right:0px; width:4px; height:895px; background:url(../images/body-sides.jpg) no-repeat bottom right; }


h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#777; }
h2 { font:bold 12px Arial, Helvetica, sans-serif; color:#00714a; padding:4px 0px; }
p { font:normal 11px Arial, Helvetica, sans-serif; color:#734e3b; }

ul { list-style:none; }

/* ----------------------------------------------------------------------- */
/*                           NAVIGATION 	                               */
/* ----------------------------------------------------------------------- */

#navigation { position:absolute; top:7px; left:300px; width:550px; height:16px; background:url(../images/menu-bar.jpg) no-repeat 0px 0px; z-index:200;  }
.mainnav { position:absolute; top:0px; width:530px; padding:0px; margin:0px; display:inline; }
.mainnav li { float:left; list-style:none; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:.5px; padding:0px 0px; margin:0px; }
.mainnav a { text-decoration:none; font-weight:bold; color:#fff; letter-spacing:1.1px; }
.mainnav a:hover { text-decoration:none; color:#f4f08d; }

.topnav { position:absolute; top:10px; right:23px; width:250px; text-align:right; z-index:200; }
.topnav li { list-style:none; font:normal 9px Arial, Helvetica, sans-serif; color:#555; }
.topnav li ul li{ display:inline; }

/* ----------------------------------------------------------------------- */
/*                           CONTENT 	                               */
/* ----------------------------------------------------------------------- */

#banner { position:absolute; left:1px; top:79px; width:860px; height:227px; z-index:251; }

.bannerBox { position:relative; top:35px; left:17px; width:870px; height:483px; background:url(../images/box1-bg2.jpg) repeat-x; z-index:210; }
.bannerBoxLeft { position:relative; top:0px; left:0px; width:14px; height:483px; background:url(../images/box1-left.jpg) no-repeat 0px; }
.bannerBoxRight { position:absolute; top:0px; right:0px; width:20px; height:483px; background:url(../images/box1-right.jpg) no-repeat 0px; }

.bannerContent { position:relative; top:0px; left:0px; height:450px; width:800px; }
.bannerTextTop { position:absolute; top:2px; left:0px; width:850px; height:100px; text-align:center; }
.bannerTextTop p { font:normal 11px Arial, Helvetica, sans-serif; color:#734e3b; padding:0px 16px; }
.bannerTextTop h1 { font:bold 15px Arial, Helvetica, sans-serif; color:#00714a; padding:5px 0px; }

.bannerTextMid { position:absolute; top:306px; left:4px; font:italic bold 14px Arial, Helvetica, sans-serif; color:#f8e28d; font-variant:small-caps; text-align:center; padding:0px 5px; letter-spacing:.3px; }
.bannerTextMid ul.reducer { margin-top:-2px; }
.bannerTextMid ul li { display:inline; list-style:none; background:url(../images/bullet-yellow.gif) no-repeat 0px 6px; padding:0px 11px; }
.bannerTextMid ul li.nobullet { background:none; }

.bannerTextBottom { position:absolute; top:345px; left:0px; height:95px; width:870px; font:normal 12px Arial, Helvetica, sans-serif; color:#734e3b; text-align:center; z-index:210; }
.outerBoxes { position:relative; float:left; height:95px; width:220px; margin:0px 0px 0px 3px; padding:0px 2px; }
.innerBoxes { position:relative; float:left; height:95px; width:195px; margin:0px 0px 0px 3px; padding:0px 2px;  }
.innerBoxes h2, .outerBoxes h2 { font-weight:bold; letter-spacing:normal; }
.innerBoxes p, .outerBoxes p { line-height:13pt; }
.middown { margin-top:15px; }
.boxDivider { background:url(../images/box1-dividers.jpg) no-repeat left bottom; }

.splitBox { position:relative; top:40px; left:17px; width:870px; height:335px; background:#fff;}
.splitContent { position:absolute; top:9px; left:8px; width:852px; height:308px; z-index:220; text-align:center; }
.splitContent h2 { font:bold 22px Arial, Helvetica, sans-serif; color:#00714a; padding:4px 0px; }
.splitContent p { font:bold 18px Arial, Helvetica, sans-serif; color:#44555f; }
.splitContent p a { color:#44555f; text-decoration:none; }
.splitContent p a:hover { text-decoration:underline; }
.splitBoxLeft { position:relative; top:0px; left:0px; width:10px; height:335px; background:url(../images/box2-left.jpg) no-repeat 0px; }
.splitBoxRight { position:absolute; top:0px; right:0px; width:21px; height:335px; background:url(../images/box2-right.jpg) no-repeat 0px; }
.splitBoxTop { position:absolute; top:0px; left:0px; width:850px; height:8px; background:url(../images/box2-top.jpg) no-repeat 0px; }
.splitBoxBottom { position:absolute; bottom:0px; left:10px; width:840px; height:17px; background:url(../images/box2-bottom.jpg) no-repeat 0px; }
.boxLeft { float:left; width:395px; }
.boxRight { float:right; }
.nhs-contact { position:absolute; top:250px; left:70px; text-align:center; }

.container { position:relative; margin:20px; }
.container h2 { margin:10px 0px 10px 20px; }

#requestForm input, #requestForm select { font:12px Arial, sans-serif; color:#666; background:#ecf2c2; border:1px solid #a8ad8d; text-align:left; padding:2px; }
label, input, select { display:block; float:left; margin-left:20px; margin-bottom:6px; }
select { width:51px; }
label { font:12px Arial, sans-serif; color:#666; text-align: right; width: 220px; margin-left:20px; margin-top:3px; }
textarea { width:255px; height:50px; background-color:#ecf2c2; border:1px solid #a8ad8d; font:12px Arial, sans-serif; color:#666; padding:3px; margin-left:20px; }
.placeCheckBoxes { float:left; text-align:left; }
.textField { width:250px; }
.checkbox { text-align:left; }

.footer { position:relative; top:45px; list-style:none; text-align:center; }
.footer li { display:inline; font:normal 10px Arial, Helvetica, sans-serif; color:#666; }
.footer li a { font:normal 10px Arial, Helvetica, sans-serif; color:#666; }

.clear { clear:both; }
.green { color:#00714a; }
.gray { color:#44555f; }
.red { color:#734e3b; }
.yellow { color:#f8e28d; }

/* div, li, p { border:1px dotted red; }  */