/* ---------------- DREAMWEAVER TEMPLATE ----------------- */

.imgreplace {
	background-attachment:scroll;
	background-repeat:no-repeat !important;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	text-align:left;
}

body {
	font: 100% Helvetica, Arial, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
}

.oneColElsCtrHdr #container {
	width: 950px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
}
.oneColElsCtrHdr #header { 
	background-image: url(../images/header.png);
	z-index: 0;
} 

.oneColElsCtrHdr #mainContent {
	padding: 0;
	background: #FFFFFF;
	min-height: 350px;
}
.oneColElsCtrHdr #footer { 
	background:#FFF;
} 
.oneColElsCtrHdr #footer p {
	margin: 0;
	padding: 10px 0;
}

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

.logo a {
background-image: url(../images/eyebank_logo.png);
background-repeat: no-repeat;
width: 347px;
height: 91px;
z-index: 1;
position: relative;
top: 10px;
display: block;
}

ul#menu {
height: 38px;
list-style-type:none;
padding-left:0;
margin:30px 0 0;
}
ul#menu ul {
list-style-type:none;
padding-left:0;
margin:0;
}

ul#menu ul { float:left; }

ul#menu li, ul#menu li li {
float:left;
position: relative;
z-index: 9;
}

ul#menu h2 { margin:0; }

ul#menu a {
background-image: url(../images/main_navigation.png);
height:38px;
}

ul#menu li#about h2 a { background-position:left top; width:137px; }
ul#menu li#wedo h2 a { background-position:-136px 0; width:136px; }
ul#menu li#share h2 a { background-position:-271px 0; width:137px; }
ul#menu li#cando h2 a { background-position:-408px 0; width:136px; }
ul#menu li#news h2 a {background-position:-545px 0; width:134px;}
ul#menu li#become h2 a {background-position:-679px 0; width:134px;}
ul#menu li#give h2 a {background-position:-813px 0; width:134px;}

ul#menu li#about.hovering h2 a { background-position:left -42px; }
ul#menu li#wedo.hovering h2 a { background-position:-136px -42px; }
ul#menu li#share.hovering h2 a { background-position:-271px -42px; }
ul#menu li#cando.hovering h2 a { background-position:-408px -42px; width: 136px; }
ul#menu li#news.hovering h2 a { background-position:-545px -42px; width: 134px; }
ul#menu li#become.hovering h2 a { background-position:-679px -42px; width: 134px; }
ul#menu li#give.hovering h2 a { background-position:-813px -42px; width: 134px; }

ul#menu div {
display: none;
}

ul#menu li.hovering div {
display: block;
}
ul#menu li.mega div {
position:absolute;
z-index:10;
top:38px;
padding-top:1px;
}

ul#menu li.hovering div a { height:38px; }

/* ---------------- ABOUT EYEBANK DROPDOWN ----------------- */
ul#menu li#about div a { width:135px; }

ul#menu li.mega div a#history { background-position: 0 -88px; }
ul#menu li div a#history:hover { background-position: 0 -251px; }

ul#menu li.mega div a#today { background-position: 0 -123px; }
ul#menu li div a#today:hover { background-position: 0 -288px; }

ul#menu li.mega div a#board { background-position: 0 -165px; }
ul#menu li div a#board:hover { background-position: 0 -330px; }

ul#menu li.mega div a#faq { background-position: 0 -212px; }
ul#menu li div a#faq:hover { background-position: 0 -375px; }

/* ---------------- WHAT WE DO DROPDOWN ----------------- */
ul#menu li#wedo div a { width:135px; }

ul#menu li.mega div a#transplant { background-position:-136px -85px; }
ul#menu li.mega div a#transplant:hover { background-position: -136px -252px; }

ul#menu li.mega div a#research { background-position: -136px -123px; }
ul#menu li div a#research:hover { background-position: -136px -290px; }

ul#menu li.mega div a#pubed { background-position: -136px -161px; }
ul#menu li div a#pubed:hover { background-position: -136px -328px; }


ul#menu li.mega div a#proed { background-position: -136px -202px;  }
ul#menu li div a#proed:hover { background-position: -136px -369px; height: 46px; }

/* ---------------- SHARE STORIES DROPDOWN ----------------- */
ul#menu li#share div a { width:135px; }

ul#menu li.mega div a#donor { background-position: -272px -85px; }
ul#menu li div a#donor:hover { background-position: -272px -251px; }

ul#menu li.mega div a#recipient { background-position: -272px -123px; }
ul#menu li div a#recipient:hover { background-position: -272px -289px; }

ul#menu li.mega div a#facebook { background-position: -272px -165px;height: 46px; }
ul#menu li div a#facebook:hover { background-position: -272px -331px; height: 46px; }

/* ---------------- WHAT YOU CAN DO DROPDOWN ----------------- */
ul#menu li#cando div a { width:135px; }

ul#menu li.mega div a#become { background-position: -407px -85px; }
ul#menu li div a#become:hover { background-position: -407px -250px; }

ul#menu li.mega div a#finance { background-position: -407px -123px; }
ul#menu li div a#finance:hover { background-position: -407px -288px; }

ul#menu li.mega div a#volunteer { background-position: -407px -162px; }
ul#menu li div a#volunteer:hover { background-position: -407px -327px; }

ul#menu li.mega div a#write { background-position: -407px -205px; height: 42px;}
ul#menu li div a#write:hover { background-position: -407px -370px; height: 42px; }

/* ---------------- NEWS DROPDOWN ----------------- */
ul#menu li#news div a { width:135px; }

ul#menu li.mega div a#events {
background-position:-544px -89px;
}
ul#menu li div a#events:hover {
background-position:-543px -254px;
}
ul#menu li.mega div a#scholarship {
background-position:-544px -138px;
}
ul#menu li div a#scholarship:hover {
background-position:-543px -302px;
}
ul#menu li.mega div a#links {
background-position:-544px -181px;
height:42px;
}
ul#menu li div a#links:hover {
background-position:-543px -344px;
height:42px;
}

/* ---------------- BECOME A DONOR DROPDOWN ----------------- */
ul#menu li#become div a { width:135px; }

ul#menu li.mega div a#english { background-position: -680px -88px; height: 45px;  }
ul#menu li div a#english:hover { background-position: -680px -253px; height: 45px; }

ul#menu li.mega div a#spanish { background-position: -680px -139px; height: 45px; height: 46px }
ul#menu li div a#spanish:hover { background-position: -680px -304px; height: 45px; height: 46px }


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

.homebanner{
	position: relative;
	height: 310px;
	width: 945px;
	z-index: 0;
}

.donate_button{
	position: absolute;
	left: 724px;
	top: 204px;
	width: 204px;
	height: 56px;
	z-index: 5;
}

/*.gift_sight{
	position: relative;
	top: 0px;
	left: -12px;
	height: 255px;
	width: 473px;
}

.readmore_btn{
	position: relative;
	top: 250px;
	left: 62px;
	height: 46px;
	width: 303px;
	float: left;
}*/

.lines{
	z-index: 0;
	height: 409px;
	width: 467px;
	float: left;
}

/*.share_story{
	position: relative;
	top: 250px;
	left: -425px;
	height: 112px;
	width: 358px;
	float: left;
}

.share_button{
	position: relative;
	top: -40px;
	left: 25px;
	height: 42px;
	width: 383px;
}*/

.years{
	position: relative;
	height: 456px;
	width: 49%;
	float: right;
	text-align: center;
}

.yearsbtn{
	position: absolute;
	bottom: 0px;
	left: -151px;
	margin-left: 192px;
	height: 43px;
	width: 383px;
}

.homebox1 {
	background-image:url(../images/news_box.png);
	height:228px;
	width:316px;
	float: left;
}

.homebox2 {
background-image:url(../images/mailinglist_box.png);
height:228px;
width:316px;
float: left;
}

.homebox3 {
background-image:url(../images/givenow_box.png);
height:228px;
width:316px;
float: left;
}

.give_purple {
left:72px;
position:relative;
top:103px;
}

.joinmail  {
left:150px;
position:relative;
top: -20px;
}

.mail{
left:-123px;
position:relative;
top:33px;
}

.news1{
	position: relative;
	top: 30px;
	left: 42px;
}

.news2 {
left:172px;
position:relative;
top:-92px;
}

/* ---------------- TEXT STYLE ----------------- */

.newstxt {
color:#000000;
font-size:10px;
height:10px;
left:42px;
position:relative;
text-align:left;
top: 26px;
width:120px;
}

.newstxt2 {
color:#000000;
font-size:10px;
height:10px;
left:180px;
position:relative;
text-align:left;
top:-97px;
width:120px;
}

.yearstxt{
	color:#333;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
}

.h1txt{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	padding-top: 15px;
	font-weight:bold;
}

.h2txt{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
}
.h2txt_link{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	text-decoration: none;

}
.h2txt_link:hover{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	text-decoration: underline;

}
.bodytxt{
	color:#000;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	width: 600px;
}

.bodytxt-no-width{
	color:#000;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
}

.linktxt{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.linktxt:hover{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: underline;
}

.bodytxtlist{
	color:#000;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 17px;
	list-style: disc;
	width: 600px;
}

.boardtxtlink{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.boardtxtlink:hover{
	text-decoration: underline;
}

.boardtxtname{
	color:#004990;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	width: 600px;
}

.red{
	color:#F00;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.bodytxt2{
	color:#000;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
}

/* ----------------EVENTS PAGE ----------------- */

.blogimage1 {
left:-53px;
position:relative;
top:-6px;
float:right;
clear: both;
}

.blogimage2 {
clear:both;
float:right;
left:-53px;
position:relative;
top:-17px;
}

.blogimage3 {
clear:both;
float:right;
left:-54px;
position:relative;
top:-25px;
}

.blogimage4 {
clear:both;
float:right;
left:-54px;
margin-bottom:20px;
position:relative;
top:-30px;
}

.title {
float:right;
left: -275px;
position:relative;
top:18px;
width:0;
}



/* ---------------- DONOR PAGES ----------------- */

.story{
	width: 500px;
	height: 183px;
	float: left;
}

.storytxt {
height:100px;
left:189px;
position:relative;
top:-181px;
width:500px;
}

/* ---------------- FAQ PAGES ----------------- */

.eye_diagram {
	float:left;
	left:580px;
	position:relative;
	top:19px;
	width:50px;
	z-index:0;
}

/* ---------------- CREDIT CARD PAGES ----------------- */

.headerSearchField {
	font-size:11px;
	margin-top:0px;
	vertical-align:baseline;
	width:150px;
	height: 15px;
}

.addressinput{
	position: relative;
	left: 50px;
	top: -89px;
	text-align:left;
}

.shipaddress {
margin-top:20px;
text-align:left;
width:350px;
}

.textform {
margin-bottom:15px;
}

.input {
left: 80px;
position: relative;
text-align: right;
top:-19px;
width:329px;
}

.eye_future {
width: 950px;
text-align: center;
}

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

.footer{
	list-style: none;
	padding-right: 20px;
	display: inline;
	color: #004990;
	font-size: 10px;
	
}

.footer-width{
	width: 915px;
	text-align:center;
	height: 20px;
	position: relative;
	top: -10px;
	margin-top: 10px;
}

.copyright{
	color: #004990;
	font-size: 10px;
	margin-bottom: 25px;
	margin-left: 18px;
	position: relative;
	top: -10px;
}

.footer_link{
	color: #004990;
	text-decoration:none;
}
	
.footer_link:hover{
	text-decoration: underline;
}

.dotbox{
	color: #004990;
	font-size: 10px;
}

#leftside {
	float:left;
	width:449px;
	text-align:center;
}
#homeboxes {
	/*clear:both;*/
	float: left;
	width: 950px;
}