/****************************************************
Created By: Delaware.net
Date Created: 08/08
Layout CSS File 
****************************************************/

/* Global Reset */
* {margin:0; padding:0;}

/* Standard Tags */
body { background:url(/img/layout/bg-repeat.jpg) top left repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#000000;}
p, ol, ul, h2 {margin:0 0 10px 0; color:#4c4959;}
p {line-height:18px;}
a {color:#2c5ba2; border:0; text-decoration:underline; outline:none;}
a:hover {color:#467dd0; border:0; text-decoration:none; outline:none;}
strong {font-weight:bold;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;}
img {border:none;}

/* Layout */
#wrapper {background:url(/img/layout/bg-repeat-x.jpg) top left repeat-x; height:1100px;}
#subWrapper {margin:0 auto; width:910px;}

/*=== SubNav ======================*/
#subNavWrapper {position:absolute; margin:0 0 0 610px; height:22px; z-index:20;}
#subNavLeft {float:left; width:24px; height:22px; background:url(/img/layout/sub-nav-left.png) top left no-repeat;}
#subNav {float:left; width:250px; text-align:center; background:url(/img/layout/sub-nav-bg.jpg) top left repeat-x; z-index:99; }
#subNav ul {padding:2px 0 0 0; height:20px; color:#fff;}
#subNav ul li {display:inline; border-left:1px solid #fff; padding:0 7px;}
#subNav ul li.first {border-left:none;}
#subNav ul li a {text-decoration:none; color:#fff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#subNav ul li a:hover {text-decoration:underline; color:#fff;}
#subNavRight {float:left; width:25px; height:22px; background:url(/img/layout/sub-nav-right.png) top left no-repeat;}
/*=================================*/

#phone {position:absolute; width:221px; height:24px; margin:36px 0 0 674px; background:url(/img/layout/888-802-6830.png) top left no-repeat;}

/*=== Header ======================*/
#header {width:910px; height:340px; position:relative; z-index:1;}

#leftContainer {width:5px; height:275px; position:relative; float:left;}
#bgLeftTop {width:5px; height:42px;}
#bgLeft {width:5px; height:233px; margin:60px 0 0 0; background:url(/img/layout/trans-fade-left.png) top left repeat-y;}

#flashContainer {width:902px; margin:0 0 0 4px; position:relative;}

#rightContainer {width:5px; height:275px; position:relative; float:left;}
#bgRightTop {width:5px; height:11px; background:url(/img/layout/trans-fade-top-right.png) top left no-repeat;}
#bgRight {width:5px; height:264px; background:url(/img/layout/trans-fade-right.png) top left repeat-y;}
/*=================================*/

/*=== MainNav =====================*/
#mainNav {float:left; width:900px; height:46px; margin:0; background:url(/img/layout/nav_bg_fade.jpg) top left repeat-x;}
#mainNav ul {padding:13px 0 0 22px; color:#fff; width:880px; margin:0;}
#mainNav ul li {display:inline; border-left:1px solid #546ca8; padding:0 24px;}
#mainNav ul li.first {border-left:none;}
#mainNav ul li a {text-decoration:none; color:#546ca8; font-size:17px; font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
#mainNav ul li a:hover {text-decoration:underline; color:#546ca8;}
/*=================================*/

/*=== Content =====================*/
#contentWrapper {width:900px; padding:0 5px; background:url(/img/layout/hor_bg_fade.png) top left repeat-y;}
#btmContentFade {float:left; width:900px; background:url(/img/layout/content-fade-top.jpg) top left repeat-x #fff;}
#content {float:left; width:880px; min-height:400px; height:auto !important; height:400px; padding:10px 10px 15px 10px; background:url(/img/layout/content-fade-btm.jpg) bottom left repeat-x; font-family:Arial, Helvetica, sans-serif;}
#content h2 {color:#2c5ba2; font-family:"Century Gothic", Verdana, Arial, sans-serif;}
#content li {padding:0 0 10px 5px; margin:0 0 0 25px;}
.imgTitle {padding:0 0 8px 0;}
.alignRight {text-align:right;}
.redaski {color:#CC0000; font-size:16px;}

/* Homepage */

#sideList {float:left; width:130px; height:685px; margin:0 15px 0 0; padding:10px; background:url(/img/layout/sidelist.gif) top left no-repeat;}
#sideList ul {padding:6px 0 10px 0;}
#sideList li {list-style:url(/img/layout/star-bullet.gif); padding:0 0 4px 0; margin:0 0 0 17px;}
#sideList a {text-decoration:none;}
#sideList a:hover {text-decoration:underline;}

#contentLeft {float:left; width:459px; padding:10px 15px 0 0;}
#contentLeft p.alignRight {font-style:normal;}

#homeColumn1 {float:left; width:222px; margin:0 15px 0 0;}
#homeColumn2 {float:left; width:222px;}
#homeColumn2 p {padding-bottom:10px;}
#homeColumn2 ol {list-style:none; padding:0 0 0 0; margin:0 0 0 0;}
#homeColumn2 li {padding:0 0 20px 23px; margin:0 0 0 0;}
#homeColumn2 li.easy1 {background:url(/img/content/easy1.gif) top left no-repeat;}
#homeColumn2 li.easy2 {background:url(/img/content/easy2.gif) top left no-repeat;}
#homeColumn2 li.easy3 {background:url(/img/content/easy3.gif) top left no-repeat;}
#homeColumn2 li.easy4 {background:url(/img/content/easy4.gif) top left no-repeat; color:#2c5ba2;}
#homeColumn2 li.easy5 {background:url(/img/content/easy5.gif) top left no-repeat; color:#2c5ba2;}

#percentText {font:bold 18px Arial, Helvetica, sans-serif; position:absolute; bottom:8px; right:20px; color:#35508F;}
#heron_link {position:absolute; top:0px; left:90px; z-index:2;}
#heron_link a {width:150px; height:300px; display:block;}

#btmLeft {padding:17px 0 0 0; background:url(/img/layout/divide_fade.jpg) top left no-repeat;}
#stories {width:444px; margin:0 0 10px 0; padding:7px; border:1px solid #d8d9e3; background:url(/img/layout/success-bg-fade.jpg) bottom left repeat-x;}
#stories img {float:left; border:1px solid #929292;}
#stories p {float:left; width:295px; font-style:italic; font-size:12px; line-height:16px; padding-left:10px;}
#stories p.storyName {font-weight:bold; text-align:right;}
#calendar {float:left; width:215px; margin:0 0 0 25px;}

#contentRight {position:relative; float:left; width:220px; padding:10px 0 20px 15px; border-left:1px solid #d8d9e3;}
#contentRight p {margin:0;}
#announcements {float:left; width:220px;}
#announcements li {margin:10px 0 15px 0; padding:0;}
#givesBack {float:left; width:193px; height:228px; padding:180px 10px 7px 10px; background:url(/img/layout/blue-heron-gives-back.gif) top left no-repeat;}
#givesBack p {padding-bottom:10px;}

.formlabel {text-align:right; padding-right:5px; vertical-align:top;}

/* Interior */

#pic {position:relative; width:220px; margin-bottom:13px;}

/*.imgWrapper a {position:relative; width:220px; height:140px; margin:0 0 10px 0;}
.largeImg {position:absolute; top:0; right:0; width:1px; height:1px; z-index:98;}
.smallImg {position:absolute; margin-bottom:10px; z-index:99;}
.imgWrapper a:hover .largeImg {top:-70px; right:230px; width:506px; height:322px; z-index:98;}*/

#lrgImg{position:absolute; left:50%; top:50%; margin:-171px 0 0 -263px; width:526px; height:382px; background:url(/img/cards/bg.gif) top left no-repeat; display:none; z-index:20;}
#closeBtn{position:absolute; right:3px; top:2px; width:20px; height:22px; display:block; z-index:2;}
#largeCard {width:506px; height:322px; display:block; position:absolute; left:10px; top:20px; z-index:1;}
#cardCaption {padding:10px; width:526px; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; position:absolute; bottom:0px;}

/*=============Preferred Business Form=======================*/
.businessheader {text-align:center; font-weight:bold; color:#546CA8; font-size:14px; padding:10px 5px 5px 5px; clear:both;}
.bname { float:left; width:113px; border: thin solid #999; text-align:center;}
.bnumber { float:left; width:113px; border: thin solid #999; text-align:center;}
.baddress {float:left; width:112px; border: thin solid #999; text-align:center;}
.bcomments {float:right; width:110px; border: thin solid #999; text-align:center;}
#bsubmit {clear:both; text-align:center; padding-top:5px;}
#baccount {clear:both;}
#bprint {float:right;}


/*===========================================================*/

/*=================================*/

/*=== Footer ======================*/
#footer {position:relative; float:left; width:887px; height:56px; background:url(/img/layout/footer-bg-fade.jpg) top left repeat-x; padding:10px 0 0 13px;}
#footer img {position:absolute; margin:-41px 0 0 810px;}
#footer ul {margin:0 0 3px 0;}
#footer ul li {display:inline; border-left:1px solid #6a696e; padding:0 4px;}
#footer ul li.first {border-left:none;}
#footer ul li a {text-decoration:none; color:#6a696e; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#footer ul li a:hover {text-decoration:underline; color:#6a696e;}
#footer p {position:absolute; top:10px; right:80px; text-align:right; color:#6a696e; font-size:10px; line-height:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#footerShadow {height:10px; width:910px; background:url(/img/layout/trans-fade-btm.png);}
/*=================================*/

#delawarelogo {font-size:10px; width:100%; margin:0 auto; text-align:center;}
a.delawarelink{text-decoration:none; color:#333333;}

/* === Clearfix ===*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac */
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* END */