body  {
	font-family: Calibri, sans-serif;
	font-size:100%;
	background-repeat:no-repeat;
	margin: 0;          
	padding: 0;         
	background-attachment: fixed;
	background-color: #fff;
	background-image: url(../images/BeeSky_web.jpg);
	background-position: left top;
}
#outerDiv #column1 a:link, a:visited {
color: #0a517d;
}
#outerDiv #column1 a:hover, a:active {
color: #0ea8f6;
text-decoration:none;
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}
#signup #column1 h2, #coordinators #column1 h2, #details #column1 h2 {
padding: 20px 0 5px 25px;
color:#0a517d;
line-height:.5ex;
}
#details #column1 h2 {
padding: 20px 0 0 25px;
color: #CC0000;
line-height:.5ex;
}

#coordinators #column1 h2 {
	margin-top: 20px;
}


ul {
	font-weight:bold;
	padding: 0 0 10px 25px;
	margin: 0 0 0 5px;
}
li {
	font-family: Calibri, sans-serif;
	padding: 0;
	font-size:13px; 
	color:#0a517d;
}
/* outerDiv wraps around the rest of the page */
div#outerDiv {
    position:relative;
	width: 800px;       /* sets the content width */
    margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	overflow:hidden;    /* fixes IE bug for Expanding Box Problem */
	z-index: 1; 		/* fixes IE 6 bug for Z-index issues */
}
#outerDiv #eScrip {
	position:absolute;
	height:71px;
	width:103px;
	padding:0px;
	left: 4px;
	top: -14px;
	overflow: hidden;
	}

div#firstDiv {
	width: 710px;       
	margin: 0 auto;     
	height: 66px;
	z-index: 2000;
}

div#secondDiv {
	width: 710px;
	margin: 0 auto;
	z-index: 1;	
}



/* ===== phone number ===== */

#outerDiv #callEscrip {
	position: absolute;
	left: 508px;
	top: -3px;
	width: 258px;
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	height: 31px;
	padding: 3px 5px 4px 20px;
	font-size:16px;
	z-index:3000;
}


/* ===== main navigation links ===== */
#header {
	height:68px;
	padding:0px;
	z-index:2000;

}
#header #mainMenu {          /* set the position for the nav elements */
	
	height: 70px;	
	margin-left: 100px;
	background: transparent url(../images/navbar.png) top left no-repeat;  
	z-index: 2001;     
   	
   	position:relative;
  
}
#mainMenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;   
   text-align:center;
   height:60px;
   width:620px;
}
#mainMenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:8%;
   
}
#mainMenu ul li a:link, #mainMenu ul li a:visited {
   	display:block;
   	font-family: "Calibri", sans-serif;
   	font-size:14px;
   	color: #0a517d;
	text-decoration:none;
   	padding: 20px 20px 0 20px; /* line up text & image */
	margin-top:5px;
	margin-right: 2px;
	line-height: 40px;
	height: 38px;
	background-position: right top;
	background-image: url(../images/line_vertical.png);
	background-repeat: no-repeat;
	border: none;           /* no border */
	overflow:visible;
	
}
#mainMenu li.end a:link, #mainMenu li.end a:visited {
background: none;
}
#mainMenu ul li a:hover {
  color: #f7941f;
}
#mainMenu ul li a.active,
#mainMenu ul li a.active:hover {
   color: #f7941f;
  }

/* target IE6 */
* html #mainMenu ul li a:link { padding: 5px;. margin:5px; display:inline; font-size:12px;}

/* ====- main content ===== */

div#mainContent {
	clear: both;
	width: 610px;
	position:relative;	
	padding: 0;
	background-repeat: repeat-y;
	background-position: left top;
	margin:0 0 0 100px;
	background-image: url(../images/drkBlueGradient.png);
}

#mainContent p {
    font-family: Calibri, sans-serif;
    font-size: 13px;
	font-weight: bold;
    line-height: 18px;
    color: #000;
    margin: 10px 20px 5px 25px ;
	color:#0a517d;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: Calibri, "Trebuchet MS", sans-serif;
}

#home #mainContent h1 {
	font-size: 2.6em;
    font-weight: bold;
    color: #fff;
    margin: 0 0 .4ex 1.4ex;
	display: block;
	clear:both;
}
#signup #mainContent h1, #details #mainContent h1, #coordinators #mainContent h1 {
	font-size: 1.8em;

    font-weight: bold;
    color: #fff;
    margin: 0 0 .4ex 1.4ex;
	display: block;
	clear:both;
}

#home #mainContent #column1 h1 {
    font-size: 1.6em;
	font-weight: bold;
    color: #0a517d;
    margin: 18px 10px 0 25px;	
}
#signup #mainContent #column1 h1, #details #mainContent #column1 h1, #coordinators #mainContent #column1 h1 {
    font-size: 1.5em;
	line-height:1.7ex;
    font-weight: bold;
    color: #0a517d;
    margin: 18px 5px 0 25px;	
}

#mainContent h2 {
    font-size: 1.2em;
    color: #3C3809;
    margin: .4ex 0;
}

#mainContent h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    margin: 1ex 0 -.2ex 0;
}

#mainContent ul {
    
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}

#mainContent #column1 {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	background: #d0f1ff url(../images/columnbg.jpg) no-repeat center top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-left-color: #006699;
}

#merchant {
 margin: 10px 25px 0 25px;
 width: 260px;
 float: left;
 display: inline;
}
#home #card {
	position: absolute;
	margin: 10px 0 0 0;
	width: 257px;
	left: 362px;
	top: -10px;
	z-index:5000;
}
#signup #card, #details #card, #coordinators #card {
	position: absolute;
	margin: 20px 0 0 0;
	width: 200px;
	left: 393px;
	top: -19px;
	z-index:5000;
}

/* ===== 3 steps main content ===== */
#stepContainer {
	width:600px;
	margin-left: 0px;
}
#step1 {display:inline;}
#step1, #step2, #step3 {
	float: left;
	width: 180px;
	height: 100px;
	margin: 10px 4px;
	background-repeat: no-repeat;
	background-position: center top;
}
#step1 {
	background-image:url(../images/step1.png);
}
#step2 {
	background-image:url(../images/step2.png);	
}
#step3 {
	background-image:url(../images/step3.png);	
}
#step1 p, #step2 p, #step3 p {
	color:#0a517d;
	font-size: 11px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	line-height: 12px;
	margin:0 5px 8px 5px;
	padding: 0px 5px;
}

#step1 h2, #step2 h2, #step3 h2 {
color: #CC0000;
font-size:18px;
font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
text-align:center;
margin: 22px 0 0 0;
}


/* ===== More Info Links ===== */
/* .bl {background: url(../images/bl.png) 0 100% no-repeat #97d4f1; height:15ex;} 
.br {background: url(../images/br.png) 100% 100% no-repeat;} 
.tl {background: url(../images/tl.png) 0 0 no-repeat}  
.tr {background: url(../images/tr.png) 100% 0 no-repeat}
.clearie {font-size: 1px; height: 1px} */
  
#home #moreinfo {
float:left;
width:260px;
height:180px;
background: url(../images/infobox_short.png) no-repeat top left;
margin: 20px 30px;
display: inline;
}
#coordinators #moreinfo {
width:260px;
height:180px;
background: url(../images/infobox_wide.png) no-repeat top left;
margin: 25px;
padding:5px;
}

#moreinfo h3 {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serf;
	color: #CC0000;
	font-size: 18px;
	line-height: 15px;
	padding-top:15px;
	display:block;
	margin:5px 0px 4px 15px;
}

#moreinfo ul {
	font-family: Calibri, Helvetica, sans-serf;
	color:#0a517d;
	font-size:14px;
	font-weight:bold;
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0 0 0 5px;
	height:70px;
}
#coordinators #moreinfo ul {
margin: 8px 0 12px 3px;
}
#moreinfo li a:link{
	margin-left:0px;
	list-style-type: none;
	padding-left: 0px;
	text-decoration:none;
	background:url(../images/line_horizontal.png) no-repeat left bottom;
	display: block; 
	height: 20px;
}
#home #moreinfoContainer {
width: 560px;
height: 320px;
background:url(../images/bee_thought.png) no-repeat top right;
}
#signup #moreinfoContainer {
width: 560px;
height: 220px;
background:url(../images/bee_flyleft.png) no-repeat top right;
}
#coordinators #moreinfoContainer {
width: 560px;
height: 250px;
background:url(../images/bee_flyleft.png) no-repeat top right;
}
#details #moreinfoContainer {
width: 560px;
height: 100px;
}

#signup #moreinfoContainer h3 {
	color:#CC0000;
	font-style:oblique;
	margin-top:55px;
	font-size:100%;
}
/* ===== bees ===== */
#bee {
	float:left;
	margin: 23px 8px 0px 35px;
	height: 126px;
	width: 185px;
	
}
#bee p {
	color:#c42032;
	font-weight: bold;
	font-family: Calibri, Helvetica, sans-serif;
	font-style:oblique;
	font-size:16px;
	line-height: 20px;
	text-align:center;
	font-weight: bold;
}

#home #bartelldrugs {
	position:absolute;
	left: -3px;
	top: 600px;
	width: 570px;
}

#signup #bartelldrugs {
	position:absolute;
	left: -3px;
	top: 581px;
	width: 570px;
	height: 44px;
	z-index:4000;
}
#coordinators #bartelldrugs {
	position:absolute;
	left: -3px;
	top: 690px;
	width: 570px;
	height: 44px;
}
#details #bartelldrugs {
	position:absolute;
	left: -3px;
	top: 570px;
	width: 570px;
	height: 44px;
}
#bartelldrugs a:hover {
 text-decoration: underline;
}
#home #bartelldrugs a:link, #bartelldrugs  a:visited {
	font-style:oblique;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
	text-align:right;
	display: block;
	float: right;
	position: absolute;
	left: 395px;
	top: 8px;
}
#signup #bartelldrugs a:link, #signup #bartelldrugs a:visited, #details #bartelldrugs a:link, #details #bartelldrugs a:visited,#coordinators #bartelldrugs a:link, #coordinators #bartelldrugs a:visited {
	font-style:oblique;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
	text-align:right;
	display: block;
	float: right;
	position: absolute;
	left: 390px;
	top: 9px;
}
/* ===== footer ===== */

div#footer {
    padding: 18px;
	background:#fff;
	width:100%;	
}
#footer.container {
	height:100%;
	}
#footer p {
    font-family: Arial, sans-serif;
    font-size: 9px;
	text-align: left;
    color: #666;
	margin:0 auto;
	height: 100px;
	
	
 }
 #footer img {
 
 }

#footer a {
    color: #1b9d95;
    text-decoration: none;
}

/* ===== miscellaneous styles ===== */

.clear { clear: both }