/*
-----------------------------------------------
Basic Style Sheet 
version:	1.0
author:		kyle iman
email:		kyle@spataforedesign.com
----------------------------------------------- */

/* =General
----------------------------------------------- */

/* Class for clearing floats */
.clear {
	clear:both;
	}


/* Remove border around linked images */
img {
	border: 0;
	}
	
/* =Typography
----------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 78%;
	background: url(/MoranEyeCenter/images/background.gif) top left repeat;
	min-width: 790px;
	color: #000000;
	background-color: #666666;
	}
p {
	margin: 0;
	padding: 0;
	}
	
/* =Headings
----------------------------------------------- */
h1 {
	padding-left: 20px;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	font-weight: bold;
	padding-top: 10px;
	text-transform: uppercase;
	}
h2 {
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight: bold;
	padding-top: 10px;
	text-transform: capitalize;
	letter-spacing: normal;
	color: #5a5a5a;
	}
h3 {
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	padding-top: 10px;
	text-transform: capitalize;
	letter-spacing: normal;	
	}
h4 {
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	padding-top: 10px;
	text-transform: capitalize;
	letter-spacing: normal;
	color: #666666;
	}
h5 { color: #666; 
	font-size: 105%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: normal; 
	padding-top: 10px; 
	padding-right: 20px; 
	padding-left: 20px; 
	}	

/* =Links
----------------------------------------------- */
a {
	color: #CC0000;
	text-decoration:none;
	}
#mainContent a {
	text-decoration:underline;
	}
a:hover {
	color: #333333;
	text-decoration: underline;
		}
a:visited {
	color: #5a5a5a;
	text-decoration: none;
	}
#mainContent .news a {
	color: #000000;
	text-decoration: none;
	}
.news a:hover {
	color: #000000;
	text-decoration: underline;
	}
.news a:visited {
	color: #333333;
	text-decoration: none;
	}
#mainContent .events a {
	color: #000000;
	text-decoration: none;
	}
#mainContent .events ul.archive a{
	color: #CC0000;
	text-decoration: underline;
	}	
#mainContent .events ul li{
	/*font-size: 150%;*/
	margin-bottom: 5px;
	}
.events a:hover {
	color: #000000;
	text-decoration: underline;
	}
.events a:visited {
	color: #333333;
	text-decoration: none;
	}
.sideNav ul {
	margin: 0px;
	padding: 20px 20px 0px 20px;
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	/*font-size: 160%;*/
	line-height: 125%;
	font-weight: bold;
	color:#FFFFFF;
	list-style:none;
	}
.sideNav li {
	margin:0px;
	padding:0px 0px 10px 0px;
	text-indent:0px;
	height: auto;
	}
.sideNav li a:link {
	color:#FFFFFF;
	text-decoration:none;
	}
.sideNav li a:visited {
	color:#CCCCCC;
	}
.sideNav li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
#secondaryNav .sideNav ul .secSideNav li a{
	display:block;
	text-align: left;
	padding-left:30px;
	font-size:80%;
	}
#eduButton { 
	font-size: 95%; 
	font-weight: bold; 
	background-color: #c1c1c1; 
	background-image: url(../images/NAV_blo_btm.jpg); 
	background-position: right bottom; 
	text-align: left; 
	width: 240px; 
	float: left; 
	}
#eduButton a { 
	color: green; 
	text-decoration: none; 
	}
#eduButton a:hover { 
	text-decoration: underline; 
	}
#eduButton p { 
	margin-top: 5px; 
	}
#eduButton img { 
	margin: 0 0 0 0; 
	}
	
/* =Wrapper
----------------------------------------------- */
#wrapper {
	width: 770px;
	height: 100%;
	margin: 0 auto;
	}
	
#pageHome {
	width: 770px;
	background: url(/MoranEyeCenter/images/homePage.gif);
	position: absolute;
	z-index: 2;
	}
#patientCare {
	width: 770px;
	background: url(/MoranEyeCenter/images/patientPage.gif);
	position: absolute;
	z-index: 2;
	}
#research {
	width: 770px;
	background: url(/MoranEyeCenter/images/researchPage.gif);
	position: absolute;
	z-index: 2;
	}
#outreach {
	width: 770px;
	background: url(/MoranEyeCenter/images/outreachPage.gif);
	position: absolute;
	z-index: 2;
	}
#education {
	width: 770px;
	background: url(/MoranEyeCenter/images/educationPage.gif);
	position: absolute;
	z-index: 2;
	}
	
/* =Branding
----------------------------------------------- */
#branding {
	width: 770px; height: 80px;
	margin: 0; padding: 0;
	float:left;
	display:block;
	}
#branding img{
	margin: 0; padding: 0;
	}
/* =Main Nav
----------------------------------------------- */
#mainNav {
	width: 770px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	display: block;
	clear: left;
	border: 0px;
	}
#mainNav a, #mainNav a:active, #mainNav a:visited, #mainNav a:link {
	/*font: bold 160% Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-size:102%;
	}
#mainNav li a:hover{
	color: #000000;
	text-decoration: none;
	}
#mainNav ul{
	width: 560px;
	height: 30px;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float:left;
	}
#mainNav ul li{
	margin:0;
	width: 140px;
	height: 23px;
	float: left;
	text-align: center;
	padding-top:7px;
	display: block;
	border: 0px;
	}
#mainNav ul li#Patient_Care{
	background: url(/MoranEyeCenter/images/mainNav_patient.jpg);
	}
#mainNav ul li#Research{
	background: url(/MoranEyeCenter/images/mainNav_research.jpg);
	}
#mainNav ul li#Outreach{
	background: url(/MoranEyeCenter/images/mainNav_outreach.jpg);
	}
#mainNav ul li#Education{
	background: url(/MoranEyeCenter/images/mainNav_education.jpg);
	}
#menuRow {
	position: relative;
	left: 210px;
	top: 0px;
	z-index: 3;
	}
#patientCareMenu { background-color: #0f5daf; display: inline; width: 480px; float: left; margin-top: 20px; margin-left: 20px; }
#researchMenu {
	background: #e7271c;
	left: 140px;
	top: 0px;
	}
#outreachMenu {
	background: #fca11d;
	left: 280px;
	top: 0px;
	}
#educationMenu {
	background: #0d8e4b;
	left: 420px;
	top: 0px;
	}
.menuItem {
	font-weight: normal;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 120px;
	position: absolute;
	visibility: hidden;
	}
.menuItem p {
	padding: 4px 0px;
	}
.menuItem a {
	color: #FFFFFF;	
	}
.menuItem a:Link {
	color: #FFFFFF;
	}
.menuItem a:Visited {
	color: #FFFFFF;
	}
.menuItem a:Hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
#bottomNav {
	width: 560px;
	float: right;
	}
#bottomNav p{
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	/*font-size: 125%;*/
	line-height: 125%;
	padding: 20px 20px 10px 20px;
	}
	
/* =Sub Nav
----------------------------------------------- */
#secondaryNav {
	width: 210px;
	position: relative;
	border: 0px;
	float: left;
	}
#secondaryNav ul {
	margin: 0px;
	padding: 0px;
	width: 210px;
	}
#secondaryNav ul li {
	float:left;
	display:block;
	float:left;
	background:url(/MoranEyeCenter/css/images/tabBackInactive.jpg)no-repeat left bottom;
	margin:0;
	padding:0;
	width: 210px;
    }
#patientCare #secondaryNav ul li {
	background:url(/MoranEyeCenter/css/images/NAV_patient_btm.jpg) no-repeat left bottom;
	}
#research #secondaryNav ul li {
	background:url(/MoranEyeCenter/css/images/NAV_research_btm.jpg) no-repeat left bottom;
	}
#outreach #secondaryNav ul li {
	background:url(/MoranEyeCenter/css/images/NAV_outreach_btm.jpg) no-repeat left bottom;
	}
#education #secondaryNav ul li {
	background:url(/MoranEyeCenter/css/images/NAV_edu_btm.jpg) no-repeat left bottom;
	}
#secondaryNav ul li a{
	display:block;
	background:url(/MoranEyeCenter/css/images/tabTopInactive.jpg)
      no-repeat left top;
	padding:10px 10px 12px 15px;
	color: #ffffff;
	margin:0 0 0 0px;
	font: bold "Verdana", Arial, Helvetica, sans-serif;
	/*font: bold 160%  "Verdana", Arial, Helvetica, sans-serif;*/
	font-weight: bold;	
	text-decoration:none;
    }
#home #secondaryNav ul li a{
	background:url(/MoranEyeCenter/css/images/tabTopInactive.jpg) no-repeat left top;
	  text-transform: uppercase;
	}
#patientCare #secondaryNav ul li a{
	background:url(/MoranEyeCenter/css/images/NAV_patient_top.jpg) no-repeat left top;
	}
#research #secondaryNav ul li a{
	background:url(/MoranEyeCenter/css/images/NAV_research_top.jpg) no-repeat left top;
	}
#outreach #secondaryNav ul li a{
	background:url(/MoranEyeCenter/css/images/NAV_outreach_top.jpg) no-repeat left top;
	}
#education #secondaryNav ul li a{
	background:url(/MoranEyeCenter/css/NAV_edu_top.jpg) no-repeat left top;
	}
/*#secondaryNav ul li a:hover{
	color: #b4b4b4;	
	 }*/
 #home #secondaryNav #current {
    background-image:url(/MoranEyeCenter/css/images/tabBack.jpg);
    }
 #home #secondaryNav #current a{
  	color: #b4b4b4;
    background-image:url(/MoranEyeCenter/css/images/tabTop.jpg);
	padding:7px 0px 12px 25px;
    }
#eduNav { 
	display: inline; 
	width: 510px; 
	float: left; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	margin-left: 20px; 
	}
#eduSubNav { 
	display: inline; 
	width: 480px; 
	float: left; 
	}
	
/* =MainContent
----------------------------------------------- */
#mainContent {	
	width: 560px;
	padding-bottom: 20px;
	/*position: relative; */
	border: 0px;
	float: right;
	}
.animation {
	width: 560px;
	height: 112px;
	margin: 0px; padding: 0px;
	border: 0px;
	}
.welcome {
	width: 560px;
	margin: 0px; padding: 0px;
	border: 0px;
	background: url(/MoranEyeCenter/css/images/welcomebkg.gif) left top no-repeat;
	clear: both;
	z-index: 3;
	}
.welcome p {
	padding: 20px;
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 102%;
	line-height: 135%;
	}
.quote { 
	color: gray; 
	font-size: 102%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-style: italic; 
	line-height: 135%; 
	}
.capW {
	margin-right: -3px; padding: 0px;
	font-family: "Times New Roman" , Times, serif;
	font-style: italic;
	font-size: 190%;
	line-height: 80%;
	}
.news {
	width: 280px;
	margin: 0px; padding: 0px;
	float: left;
	}
.news h1 {
	padding: 0px 20px 0px 20px;
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	line-height: 135%;
	background: url(/MoranEyeCenter/css/images/heading_blend.png) center no-repeat;
	}
.news img {
	padding-right: 15px;
	float: left;
	}
.news p {
	width: 240px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	/*font-size: 150%;*/
	line-height: 125%;
	}
.newsRule {
	width: 240px;
	height: 1px;
	padding: 10px 20px 10px 20px;
	background: url(/MoranEyeCenter/css/images/rule.gif) center no-repeat;
	}
.events {
	width: 280px;
	margin: 0px; padding: 0px;
	float: left;
	}
.events h1 {
	padding: 0px 20px 0px 20px;
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	line-height: 135%;
	background: url(/MoranEyeCenter/css/images/heading_blend.png) center no-repeat;
	}
events img {
	padding-right: 15px;
	float: left;
	}
.events p {
	width: 240px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	/*font-size: 150%;*/
	line-height: 125%;
	}
.eventsRule {
	width: 240px;
	height: 1px;
	padding: 10px 20px 10px 20px;
	background: url(/MoranEyeCenter/css/images/images/rule.gif) center no-repeat;
	}
.content p {
	padding: 0px 20px 10px 20px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	/*font-size: 160%;*/
	line-height: 135%;
	}
.content table {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	/*font-size: 110%;*/
	padding-left: 0px;
	}	
#home .content img {
	padding:15px 15px 0 0;
	float: none;
	}
.content img {
	padding-right: 15px;
	float: left;
	}
.results {
padding-left: 6px;
	}
.headShot img {
	margin: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 0px;
	}
.content ul {
	margin: 0 0 0 40px;
	padding: 0px 0 10px 0;
	list-style:disc url(../none) outside;
	}
.content ul li, .content ol li {
	margin: 0;
	padding: 3px 20px 3px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 160%;*/
	line-height: 125%;
	color:#000000;
	}
.content ul li ul li {
	/*font-size: 100%;*/
	line-height: 100%;
	list-style: circle;
	}
.content ol {
	margin-top: 0px;
	padding-top: 0px;
	}
.content dl {
/*font-size: 160%;*/
	}	
dt {
	margin-left:20px; 
	margin-top:7px;
	font-weight: bold;
	/*font-size: 105%;*/
	}
dd {

	}
.photo { 
	width:235px; 
	float:left; 
	display: inline; 
	}
.photo2 { 
	width:480px; 
	float: left; 
	display: inline; 
	}
.photo img { 
	margin-right: 15px; 
	margin-left: 20px; 
	}
.photo2 img { 
	margin-left: 20px; 
	}
.photo p { 
	color: #333; 
	font-size: 90%; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: normal; 
	}
.photo2 p { 
	color: #333; 
	font-size: 90%; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: normal; 
	}
#eduTitle { 
	background-color: black; 
	background-image: url(/MoranEyeCenter/images/EducationHeader.jpg); 
	background-repeat: repeat-x; 
	background-position: left bottom; 
	width: 480px; 
	height: 50px; 
	float: left; 
	margin-top: 20px; 
	margin-left: 20px; 
	}
#eduTitle H2 { 
	color: white; 
	font-size: 140%; 
	text-indent: 100px; 
	word-spacing: 0.3em; 
	letter-spacing: 0.2em; 
	margin-top: 3px; 
	}
#eduPhoto { 
	margin-left: 20px; 
	width: 510px; 
	float: left; 
	}
	
/* =Secondary Content
----------------------------------------------- */

/* =Footer
----------------------------------------------- */
#footer {
	width: 560px;
	float: right;
	margin-bottom: 10px;
	}
#footer p{
	font-family: "Verdana" , Arial, Helvetica, sans-serif;
	/*font-size: 125%;*/
	line-height: 125%;
	padding: 0px 20px 20px 20px;
	}

/* =Forms
----------------------------------------------- */
fieldset {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 30px;
	border: 0px;
	background: url(/MoranEyeCenter/css/images/mainNav_search.gif) top left no-repeat;
	float: left;
	display: block;
	}
fieldset img{
	margin: 0px;
	padding-top: 7px;
	float:left;
	}
#mainNav label {
	padding-left: 20px;
	padding-top: 7px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	display: block;
	float: left;	
	}
#mainNav input#search {
	margin-top:6px;
	width: 90px;
	height: 14px;
	float: left;
	display: block;	
	}
#mainNav input.go {
	margin: 0px;
	padding-top: 7px;
	float:left;
	width:25px;
	height:18px;
	display: block;
	}
#mainNav form{
	margin:0;
	padding:0;
	}