/*
0ea8f6 - light blue
ffc52a - yellow
c42032 - red
ED1C2D - dark RED
*/
html, body {height: 100%; font-size:100%}
body  {
	background-repeat: repeat-x;
	margin: 0;          /* shorthand for all margins = 0 */
	padding: 0;         /* no padding */
	background-attachment: fixed;
	background-color: #fff;
	background-image: url(../images/bkg_wood.jpg);
	background-position: left top;
	
}
#container {
   min-height: 100%;
   position:relative;
   height: auto !important;
   height: 100%;
   margin: 0 auto -175px;
}
*html #container { /* hack for IE 5 and 6 */
height:100%;
}
/* ===== main navigation links ===== */
#header {
	height:68px;
	padding:0px;
	z-index:2000;

}
#header #mainMenu {          /* set the position for the nav elements */
	margin-left:99px;
	width: 606px;
	height: 68px;       /* white content background, header image */
	background-color: #ED1C2D;
	background-image: url(../images/navbar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px;
}


#mainMenu ul {               /* turn off all the normal list behavior */
	list-style: none;
	padding: 0 0 20px 0;
	height: 60px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

#mainMenu li {               /* turn off the normal list item behavior */
    float: left;
	margin: 0;
    padding: 0;
}

#mainMenu li a:link, #mainMenu li a:visited {
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:12px;
	display: block;         /* block mode for graphical button */
	color: #fff;            /* white text */
	text-decoration: none;  /* no underline */
	padding: 20px 20px 0 20px; /* line up text & image */
	margin-top:5px;
	margin-right: 2px;
	line-height: 40px;
	height: 38px;
	background-position: right top;
	border: none;           /* no border */
	background-image: url(../images/line_vertical.png);
	background-repeat: no-repeat;
	overflow:visible;
}
#mainMenu li.end a, #mainMenu li.end a:link{
background: none;
}
#mainMenu li a:hover, #mainMenu li a:active {
    color: #f7941f;         /* eScrip orange color for text */
}

#mainMenu ul li a.current:hover {
    cursor: default;
}
#outerDiv {overflow:auto;
	height:100%;
	min-height:100%;
	padding-bottom: 175px;}  /* must be same height as the footer for footer to stick to bottom of browser*/

#outerDiv #column1 a:link, a:visited {
color: #ED1C2D;
text-decoration:none;
}
#outerDiv #column1 a:hover, a:active {
	color: #D15C27;
	text-decoration:none;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 1ex 1em;
	font-weight: normal;
}
#signup #column1 h2, #coordinators #column1 h2, #details #column1 h2 {
	color:#ED1C2D;
	line-height:.5ex;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 3px;
}
#details #column1 h2 {
padding: 20px 0 0 25px;
color: #CC0000;
line-height:.5ex;
}




#column1 ul, #column ol {
	padding: 0 0 10px 15px;
	margin: 0 0 0 5px;
}
#column1 ul li.bullet {
list-style-image: url(../images/ul_bullet.png);
list-style-position:outside;
margin-left:30px;

}
#column1 ol li, #column1 ul li, #column1 ul li ul li {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;	
	color:#ED1C2D;	
}
#column1 ol li.one {
	list-style-image: url(../images/ol_1.png);
	list-style-position: outside;
	margin-left: 10px;
	font-size:.9em;
}
#column1 ol li.two {
	list-style-image: url(../images/ol_2.png);
	list-style-position: outside;
	margin-left: 10px;
	font-size:.9em;
}
#column1 ol li.three {
	list-style-image: url(../images/ol_3.png);
	list-style-position: outside;
	margin-left: 10px;
	font-size:.9em;
}
#mainContent #column1 p  {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-left: 30px;
	line-height: 2.5ex;
}
/* 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 */
}
#outerDiv #eScrip {
	position:absolute;
	height:61px;
	width:103px;
	padding:0px;
	left: 4px;
	top: -14px;
	}

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

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



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

#outerDiv #callEscrip {
	position: absolute;
	left: 560px;
	top: -4px;
	width: 210px;
	background-image: url(../images/callbox.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #325187;
	height: 31px;
	font-size:10px;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 16px;
}

#outerDiv #callEscrip a:link, #outerDiv #callEscrip a:visited {
text-decoration:none;
color:#0066CC;
}
#outerDiv #callEscrip a:hover, #outerDiv #callEscrip a:active {
text-decoration:underline;
color: #FF3300;
}
div {margin:0; padding:0; border: solid 0;}
/* ====- main content ===== */

div#mainContent {
	width: 605px;
	height:100%;
	
	position:relative;
	padding: 0;
	background-repeat: repeat-y;
	background-position: left top;
	margin:0 0 0 100px;
}
.push {
height:25px;
}
#mainContent p {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	color:#ED1C2D;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: Georgia, Garamond, "Times New Roman", Times, 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: #ED1C2D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 25px;
	padding-top: 0px;
}
#signup #mainContent #column1 h1, #details #mainContent #column1 h1, #coordinators #mainContent #column1 h1 {
    font-size: 1.5em;
	line-height:1.7ex;
    font-weight: bold;
    color: #ED1C2D;
    margin: 18px 5px 0 25px;	
}

#mainContent h2 {
	font-size: 14px;
	color: #ED1C2D;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 0.4ex;
	margin-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34598D;
}

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

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

#mainContent #columnwrap {
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../images/content_gradientbg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height:100%;
	min-height:100%;
}
#mainContent #columnwrap #column1 {
width: 360px;
}
#mainContent #columnwrap #column2 {
	position: absolute;
	width: 230px;
	left: 376px;
	top: 210px;
	height: 306px;
}
#signup #mainContent #columnwrap #column3, #coordinators #mainContent #columnwrap #column3 {
	position: relative;
	float: right;
	width: 210px;
	height: 306px;
	margin-right: 15px;
}
#columnwrap #column3 h2 {
	border-bottom:none;
	color:#ED1C2D;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}

#columnwrap #column3 a:link.reg{
text-decoration: underline;
font-size:100%;
font-weight: normal;
}
#columnwrap #column3 a:hover.reg{
text-decoration: underline;
color: #003366;
}
#columnwrap #column3 p {
color:#ED1C2D;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 70%;
font-weight: normal;
margin-left: 13px;
}
#signup #mainContent #columnwrap #column1, #coordinators #mainContent #columnwrap #column1 {
width: 360px;
float: left;
}
#signup #mainContent #columnwrap, #coordinators #mainContent #columnwrap {
height: 0 auto;
}
#merchant {
	width: 605px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#home #card {
	position: absolute;
	margin: 20px 0 0 0;
	width: 257px;
	left: 341px;
	top: -8px;
}
#signup #card, #details #card, #coordinators #card {
	position: absolute;
	margin: 20px 0 0 0;
	width: 200px;
	left: 393px;
	top: -19px;
}

/* ===== 3 steps main content ===== */


/* ===== More Info Links ===== */
#home #moreinfo {
float:left;
width:232px;
height:125px;
background: url(../images/infobox.png) no-repeat top left;
margin: 20px;
}
#coordinators #moreinfo {
width:260px;
height:125px;
background: url(../images/infobox_wide.png) no-repeat top left;
margin: 20px;
}

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

#moreinfo ul {
	font-family: Calibri, Helvetica, sans-serf;
	color:#ED1C2D;
	font-size:14px;
	
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0 0 0 5px;
	height:70px;
}

#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, #coordinators #moreinfoContainer {
width: 560px;
height: 200px;

}

#details #moreinfoContainer {
width: 560px;
height: 100px;
}

#signup #moreinfoContainer h3, #coordinators #moreinfoContainer h3 {
	color:#CC0000;
	font-style:oblique;
}
#signup #column3 h3 {
	font-size: 14px;
	color: #CA6120;
}

/* ===== footer ===== */
#footer {
   position: relative;
	margin-top: -175px; /* negative value of footer height */
	height: 175px;
	background:#fff;
	clear:both;
}

#footer.container {
	height:100%;
	}
#footer p {
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #666;
	height: 100px;
	padding: 25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	
 }
 #footer img {
 
 }

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

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

.clear { clear: both }
#column1_foot {
	background-color: #FFFFFF;
	background-image: url(../images/pagebase.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 25px;
	width: 605px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
#column2 p a:link, #column3 p a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #BE1A21;
	text-decoration: none;
}
#footer .container a {
	color: #003366;
}
#header #mainMenu a.here, #header #mainMenu a:hover.here, #header #mainMenu a:hover{
	background-image: url(../images/overlay.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #FFFF99;
}
#header #mainMenu a:hover {
 color:#ffffff;
 }

#libutton li {
background: #003366;
margin:5px 5px 5px -30px;
padding: 3px 3px 3px 10px;
display: block;
list-style:none;

}
#libutton li a:link, #libutton li a:visited {
color:#FFFFFF;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
}
#libutton a:hover, #libutton li a:active {
color:#FFFFFF;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #003399;
display:block;
}