@charset "utf-8";
/* CSS Document */

html,body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #306a67 url(../images/bckgrd.gif);
	line-height: 140%;
}

p, #content ul, #content ol, #content p ul, #content p ol{
padding:0;
margin:0 0 18px 0;
}


#content h6{
margin:0 0 10px 0;
padding:0;
}

#background{
width: 100%;
background: url(http://www.cornea.org/images/template/light_bckgrd.gif) #9edde5;
float:left;
}

#background2{
width: 100%;
background: url(http://www.cornea.org/images/template/mid_bckgrd.gif) repeat-x #9edde5;
float:left;
background-position: 0 450px;
}

#background3{
width: 100%;
background: url(http://www.cornea.org/images/template/top_bckgrd.jpg) repeat-x center top;
float:left;
}

#footline{
width: 100%;
background: url(http://www.cornea.org/images/template/btm_line.gif) repeat-x bottom;
float:left;
}

#holder{
position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:770px;
}

#foot{
width: 100%;
float:left;
}

#footerholder{
position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:770px;
	padding-top: 18px;
	height: 160px;
}

#container {
float:left;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:770px;
/*	background: #3366CC; */
	background-position: 0 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


#btm_main{
float:left;
display:inline;
background:url(http://www.cornea.org/images/template/btm_main.gif) no-repeat;
height: 40px;
width: 770px;
}

#header{
float:left;
display:inline;
width:770px;
height:193px;
background: url(http://www.cornea.org/images/template/header.gif) no-repeat;
}

#logo{
overflow: hidden;
padding-top: 10px;
padding-left: 15px;
width:735px;
height:100px;
display:block;
}

#logo a{
width:735px;
height:100px;
display:block;
text-indent:-9999px;
text-decoration:none;
}

#wrapper{
float:left;
display:inline;
width: 770px;
}

#wrapper2{
float:left;
display:inline;
padding:0 14px 0 14px;
width: 742px;
background:url(http://www.cornea.org/images/template/top_content_bckgrd.gif) no-repeat top;
}

#content{
float:left;
display:inline;
width: 456px;
padding: 8px 17px 15px 17px;
}

#content p{
line-height: 140%;
}

#content ol{
list-style-type:decimal;
margin-left: 20px;
}

#content ul{
list-style-type:disc;
margin-left: 20px;
}
#content ul ul{
list-style-type:circle;
}

#content ol ol{
list-style-type:lower-alpha;
}

#content .content_image img{
 margin:5px;
 border: 4px solid #ac8780;
/*float:right; 
display:inline;
clear: right;*/ 
 }

#content .center_content_image{
width: 100%;
text-align: center;
}

#content .center_content_image img{
 margin:10px auto;
 border: 4px solid #ac8780;
clear: both; 
 }

#content .logo_image img{
 margin:10px;
 border: 4px solid #ac8780;
 }

#content .logo_image{
display:block;
float:left;
}


/******************** TOP INFO BAR *********************/

#topinfo{
float:right;
display:inline;
height: 28px;
width: 500px;
padding-top:5px;
}

#topinfo{
text-transform:uppercase;
line-height: 24px;
font-weight:bold;
}
  
#text_size, #contrast{
float:left;
display:inline;
margin-right: 5px;
border-right: 1px solid #bbdeef;
}

#contrast{
margin-left: 5px;
}
#topinfo #text_size img, #topinfo #contrast img{   
  border: none;
  vertical-align: middle;
  padding:0 2px 0 2px;
 
  }
  
#search input
{
border: 2px groove #b7b2d0;
margin-left: 5px;
}

/************************** NAVIGATION *************************/
#navlist{

text-align:center;
font-size:16px;
font-weight:bold;
line-height: 140%;
padding-top: 30px;
width: 100%;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 9px;
padding-left: 9px;
text-align:center;
}

#navlist li a{
color: #d0f2fa;
text-decoration:none;
}

#navlist li a:hover{
color: #ffffff;
border-bottom: 1px solid #d0f2fa;
}

/********************** END ********************/



 
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
margin:0;
padding:0;
line-height: 140%;
}

#content h1, #content h2{
font-weight: normal;
font-family:"Times New Roman", Times, serif;
line-height: 120%;
} 
  
#rightcol{
float:left;
display:inline;
width: 240px;
background: #d6f2f5;
margin-left: 12px;
padding:8px 0 15px 0;
line-height: 140%;
}

#rightcol{
line-height: 140%;
}


#rightcol hr{
background: url(http://www.cornea.org/images/template/hr_right.gif) repeat-x scroll center;
 height: 1px; 
 border:0;
 line-height:1px;
 clear:both;
 }

.right_cell_frame{
display:inline;
float:left;
width: 237px;
}

.right_cell_frame div.rightText{
width: 197px;
padding-left: 20px;
padding-right: 20px; 
}

.right_cell_img{
display:inline;
float:left;
width:40px;
}

.right_cell{
display:inline;
float:left;
width:195px;
line-height: 140%;
}

/************* FOOTER *****************/
#footleft{
float:left;
display:inline;
width: 197px;
padding: 0 29px 0 35px;
}

#footmid{
float:left;
display:inline;
width: 196px;
border-left: 1px solid #d2baad;
border-right: 1px solid #d2baad;
padding: 0 29px 0 29px;
}

#footright{
float:left;
display:inline;
width: 224px;
padding: 0 0 0 29px;
}

#foot img{
  border: none;
  vertical-align: bottom;
  padding:4px 4px 0 0;
  
}

#foot a:hover{
text-decoration:none;
}


/************** FRONT *******************/

.frt_cell_frame{
display:inline;
float:left;
width: 448px;
}

.frt_cell_img{
display:inline;
float:left;
width:173px;
}

.frt_cell{
display:inline;
float:left;
width:275px;
}

.frt_cell_img img{
border: 4px solid #ac8780;
}

.frt_cell a{
font-weight:bold;
}

#content hr {
background: url(http://www.cornea.org/images/template/hr_2.gif) repeat-x;
border:0;
height:2px;
line-height:2px;
 }
 
#content .hr hr{
background: url(http://www.cornea.org/images/template/hr_main.gif) repeat-x;
 height: 2px; 
 border:0;
 line-height:2px;
 }

/************** RIGHT NAV **************/
 
 #right_nav{
display:inline;
float:left;
width: 237px;
 }
 
 #rightcol #right_nav h4{
 margin-left: 10px;
 }
 
  #rightcol #right_nav ul{
  margin: 0 0 0 3px; 
 line-height: 140%;
 font-weight:bold;
 }
 
#rightcol #right_nav ul a{
    display:block; 
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
margin: 0px;
   }
   
#rightcol #right_nav ul ul a{
    display:block; 
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
   }

#rightcol #right_nav ul ul ul a{
    display:block; 
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
   }

#rightcol #right_nav ul a:hover{
text-decoration:none;
}

#rightcol #right_nav li.heading{padding: 2px 20px;}

.captionText{clear: both;}
.captionRight{width: 225px; text-align: center; font-weight: bold; margin-bottom: 5px; float: right; clear: right; display: block;}
.captionCenter{width: 100%; text-align: center; font-weight: bold; margin-bottom: 5px; display: block;}
.captionLeft{width: 225px; text-align: center; font-weight: bold; margin-bottom: 5px; float: left; clear: left; display: block;}

.iconImages{float: left; margin-right: 5px;}

.donate{text-align:center;}
.donate a{padding: 15px 65px 15px 64px; margin: 20px 0 0 0; background-image:url(http://www.cornea.org/images/template/btn_donate_now.gif); text-decoration: none;}
.donate a:hover{background-image:url(http://www.cornea.org/images/template/btn_donate_now_on.gif);}

#search form{display:inline; float:right;}
#keywords{display: inline;}

#searchResults td, #searchResults th{border-bottom:1px solid #000; padding: 5px;}

.heading{height: 13px;}

.backToTop{text-align: right;}

/*All Forms*/
input, textarea, select{border: 2px groove #b7b2d0; }
fieldset{padding-bottom:20px;}
legend{font-weight:bold; color: #006785; padding-bottom: 3px;}

.comments{width: 440px; height: 60px;}
.comments2{width: 440px; height: 100px;}

.leftLabels {display: block; clear:both;}
.leftLabels label{width: 100px; display: inline; float: left;}
.leftLabels input, .leftLabels textarea, .leftLabels select{width: 200px;}

#submit{border: 2px groove #b7b2d0; margin:10px 0 20px 108px; width: 130px;}

/*TAF Form*/
.tafLeftLabels {display: block; width: 50%; float: left;}
.tafLeftLabels input{width: 200px;}
.topArea textarea{width: 428px; height:60px;}
#tafForm #submit{border: 2px groove #b7b2d0; margin:10px 0 10px 0px; width: 100px; float: left;}
#tafForm #clear{border: 2px groove #b7b2d0; margin:10px 22px 10px 0px; width: 100px; float: right;}

/*Nomination Form*/
#nominationForm .blockLabels label{width: 100%;}
#nominationForm .leftLabels div, #nominationForm .blockLabels div{margin: 0 0 0 8px;}