@import url(footer.css); /* custom stylesheets */


.midcenter ul li { float:left; list-style:none; font-size:.97em; height:28px; background:url(../images/bg-links.gif) repeat-y left; vertical-align:middle; }
.midcenter a { display:block; padding:0 10px; line-height:30px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; }
.midcenter a:hover { background-color:#FFFFFF; color:#000000;}


.dkspotlight, .dkspotlight a { font-weight:normal; color:#ffffff;  }
.dkspotlight a { text-decoration:underline; }
.dkspotlight a:hover { text-decoration:none; }
.dkspotlight p { clear:left; }
.dkspotlight strong { float:left; text-align:right; padding-right:10px;}
/* Use the following when a hero image is used on the index 
.dkspotlight strong { float:left; width:80px; text-align:right; padding-right:10px;}
*/
.dkspotlight strong, .dkspotlight strong a { color:green; font-weight:normal; }

.heroTxt { color:#FFFFFF; width:265px; padding:20px 22px 0; height:228px; overflow:auto;  }
.heroTxt h1 { border-bottom:2px solid black; color:#FFFFFF; margin:0; padding:0; line-height:1.3em; }
.heroTxt p { }
.heroTxt ol, .heroTxt ul { margin-left:20px; }
.hmLink  { color:green; }

.homepgblockwrap ul { height:345px; list-style:none; }
.homepgblockwrap ul li { float:right; margin-left:20px; width:245px; list-style:none; }
.homepgblockwrap ul li.firstcolumn { margin-left:0; width:290px; float:left; }
.homepgblockwrap .hmInner { min-height:110px; }
.homepgblockwrap .firstcolumn h2 { width:260px; }
.homepgblockwrap h2 { font-size:13px; margin-top:14px; height:21px; border-bottom:2px solid #009900; margin-bottom:5px; }
.homepgblockwrap .hmImage { clear:both; margin-bottom:8px; }
.homepgblockwrap ul li p, .hmLink { font-size:1.2em; }


/* Homepage my account box */
.myacc { border:1px solid #bfe5be; background-color:#ecfcd0; width:278px; height:170px; padding-top:8px; margin-top:10px; clear:both; }
.myacc fieldset { margin-left:10px; margin-right:8px; }
.myacc fieldset legend { font-weight:bold; }
.myacc fieldset label { width:77px; float:left; text-align:right; padding-right:8px; font-weight:600; }
.myacc fieldset input { width:88px; float:left; }
.myacc fieldset div { clear:both; margin:5px auto 5px 10px; }
.myacc fieldset input.frm-login { width:36px; margin-left:10px; margin-top:4px; }
.myacc fieldset div.frm-caption { text-align:center; font-size:0.83em; }
.myacc fieldset div.myaccWrap { border-top:2px solid #009900; padding-top:8px; }
.fldTxt { margin-bottom:4px; clear:both; height:2em;  }


.homepgblockwrap ol.bullet1 li { list-style-image:url(../images/bullet1.gif); float:none; margin-left:32px; padding:3px; }

.waterwrap {  background: url(../images/hero-T.png) no-repeat 0 110px; }
.heroTxt h1 { border-color:#FFFFFF; }
.homepgblockwrap { border-top:1px solid #FFFFFF; }
.dkspotlight strong { font-weight:bold; } 
 .homepgblockwrap h2, .myacc fieldset div.myaccWrap, .homepgblockwrap   { border-color:#f4aa00; }
 .hmLink, .dkspotlight strong, .dkspotlight strong a,  .dkspotlight,  .dkspotlight a { color:#ffffff;  }
 .hmLink  { color:#2f6eb5; }  

/* gray #b5b7b7 */
/* red #a71d2f */
/* orange #efaa1f */
/* pumpkin #b76225 */
/* purple  #693977 */
/* green   #a8b537 */
/* grass  #557634 */
/* blue #44697d */
/* sky #2f6eb5 */
/* ocean  #72b5cc */
.dkOn { background-color:#693977; }
.dkOff { background-color:#2b6818;  }

.hero1 {position: relative; background:url(../images/hero-1.png) no-repeat 380px 0px; }
.hero2 {position: relative; background:url(../images/hero-2.png) no-repeat 368px 0px; }
.hero3 {position: relative; background:url(../images/hero-3.png) no-repeat 368px 0px; }
.heroStatic {position: relative; background:url(../images/hero-static.jpg) no-repeat 310px 0px; }
.heroBlue { background:transparent url(../images/colors/ocean11.gif) repeat-x 0 0px;  }
/*
.heroBlue { background:#2a65a8 url(../images/colors/ocean.gif) repeat-x 0 0px;    }
*/