@charset "UTF-8";
/* CSS Style Sheet for Screen */

/* @group COLORS */

/*
	Blue	Medium		#00529B	Links 
	Blue	Medium		#006699 	Art Arrow & Logo
	Gray	Dark			#333333	Text
	Gray	Medium		#666666	Dotted Border
	Red	Dark			#660000	Links
	White					#FFFFFF */



/* @end */

/* @group GLOBAL */

html {
height: 100%;
}

body {
		color: #333; /* Dark Gray */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		outline-style: none; /* Removes dotted border in Firefox */
		text-align: center; /* Centers the page content container in IE 5 browers. */
		height: 100%;
		}


* { 
		border: 0;
		margin: 0;
		padding: 0;
		}


td input {
padding: 2px;
border: 1px solid #aaa;
/* height: 13px; */
/* width: 200px; */
margin: 5px;
word-spacing: 0px;
cursor: pointer;
}

td input.formBlockSubmitButton {
width: 50px;
padding: 0;
}

/* @end */

/* @group LINKS */

a:link {
		color: #00529B; /* Dark Blue */
		font-weight: normal; 
		text-decoration: none;
		}
	a:visited {
		color: #660000; /* Dark Red */ 
		font-weight: normal; 
		text-decoration: none;
		}
	a:hover {
		color: #00529B; 
		text-decoration: underline;
		}
	a:active {
		color: #660000;
		}



/* @end */

/* @group LISTS */

li {margin-bottom: 0.6em;} /* Adds extra padding */
	
	li.nobullet {list-style: none;}/* No bullet list */



/* @end */

/* @group TABLE */

table {
	border-spacing: 2px 2px;
	border-color: gray;
	border-collapse: separate;
	display: table;
}

table.table {
	/* display: none; */
}

.table tbody tr {
	border-collapse: collapse;
	caption-side: bottom;
	font-size: 0.75em;
	margin: 0.5em 0px;
	padding: 0px;
	width: 100%;	
}

body.subpage table.table td {
	border-bottom: 1px dotted #BBB;
padding: 0.5em;
}

/* @end */

/* @group CLASSES */

.center { /* Centers text */
		text-align: center;
		}
		
	.hotkey { /* Underlines accessibility hotkey */
		text-decoration:underline;
		}
	
	.bottomdots {/*Puts horizontal dotted rule under paragaph */
		padding-bottom: 1em; 
		border-bottom:dotted 1px #666;
		}
		
	.smallertext {
		font-size: .8em;
		line-height: 1.5em;
		}



/* @end */

/* @group BRANDING */

	#logo {
		position: absolute; left: .5em; top: 0;
		height: 3em;
		padding: 0; 
		width: 20em;
		background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/cea_logo.png) no-repeat center;
		} 

/* @end */

/* @group STRUCTURE */

#page {
min-height: 100%;
}

#container {
border: thin solid white;
margin: 1em auto;
position: relative;
text-align: left;
width: 56em;
height: 100%;
}

#picture {
	/* height: 316px; */
	position: relative;
	width:100%;
	background-color: #ff6600;
	}
	
#picture img {
	width: 100% !important;
	}

/* @end */

/* @group HEADER */

body.homepage #header {
	height: 100px;
	width: 100%;
}

body.subpage #header {
	height: 111px;
	width: 100%;
}



/* @end */

/* @group HEADER LINKS */

	#header_links { /* Wrapping div for the links (probably not needed? */
		position: absolute; right: 0; top: 1.4em; 
		float:left;
		font-size:.65em;
		height: 2.5em;
		text-align:left;
		width: 45em;
		}
	
	#header_link1 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 5em;
		}
	
	#header_link2 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 6em;
		}
	
	#header_link3 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 7em;
		}
	
	#header_link4 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 10em;
		}
	
	#header_links img {
		height: .75em;
		}

	/* Text Formats ------------------ */
	#header_links a {
		color: #333;
		}
		
	#header_links a:hover {
		color: #00529B;
		}

/* @end */

/* @group NAVBAR */


/*=NAVBAR Top Navigation 
	------------------------------------------------------------------------*/

/* Navbar DIV ------------------ */
#navbar_dropdown{
position:absolute; left: 2.3em; top: 4em;
	height:1.6em;   
	width:54em;
	z-index:5;
	}

/* Remove bullets from ul in the navbar */
#navbar_dropdown ul{
	list-style-type:none;
	}

/* List items in the navbar */
#navbar_dropdown li{
	position:relative; /* Required for drop-down menus */
	float:left;
	width: 8em;
	}

/* Applies to navbar links, unvisited and visited */
#navbar_dropdown a,
#navbar_dropdown a:link,
#navbar_dropdown a:visited{
	color:#333;
  	display:block;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, 
	sans-serif;  	
	font-size:80%;
	font-weight: bold;
	line-height:2em;
	margin-right: .5em;
	outline-style:none; /*Removes dotted border in Firefox */
	padding-left: 1.7em;
  	text-decoration:none;
	width:8em;
	}

/* Navbar hover, active, and current page links */
#navbar_dropdown a:hover,
#navbar_dropdown a:active {
	background-color: #CCC; /* Must have background to work in IE6 #CCC*/
  	color:#00529B;
	text-decoration: none;
	}
	
body.homepage #navbar_dropdown a:hover,
body.homepage #navbar_dropdown a:active {
	background-color: transparent;
	}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar_dropdown li ul{
  	position:absolute;
	background-color: #FFF;
	display:block;
	padding: .35em 2em 0 .2em;
	visibility: hidden;
	width: 7em;
	z-index: 7;
	}

/* Make drop-down visible on navbar hover */
#navbar_dropdown li:hover ul,
#navbar_dropdown li a:hover ul{ /* IE6 hack */
  	border: 1px solid #666;
	left: 0;
	top: 1.4em;
	visibility: visible;
	}


/* Applies to links on the drop-down menu */
#navbar_dropdown li:hover ul li a,
#navbar_dropdown li a:hover ul li a{ /* IE6 hack */
	border:0;
	color:#000;
	display:block;
	font-size: .75em;
	font-weight: normal;
	height:auto;
	line-height: 1.2em;
	text-align: left;
	}

/* Hover on drop-down menu links */
#navbar_dropdown li:hover ul li a:hover,
#navbar_dropdown li a:hover ul li a:hover{ /* IE6 hack */
background-color: transparent;
	color: #00529B;
	text-decoration: underline;
	}
	
	
/* This prevents the current page drop-down link from highlighting */

body.subpage #navbar_dropdown ul.nav-header li.nav-path-selected ul li.nav-selected.nav-path-selected  {
		background:#fff;
		font-weight:normal;
		height: auto;
		}



/* IE6 hack applies to its table drop-down */
#navbar_dropdown table {
	position:absolute; left: 0; top: .5em;
	margin:-1px; 
	border-collapse:collapse; 
	}
	
	/* Divs for buttons that change color noting current menu selection */
	
	
	#navbar_dropdown ul.nav-header li.nav-path-selected {
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}
		
		
	
	
	#navbar_dropdown a.nav-selected.nav-path-selected {
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}
		
	#navbar_dropdown a.nav-path-selected {
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}
	
	
	#navbar_dropdown_current1 {
		position: absolute; left: 2.3em; top: 5em;
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}
	
	#navbar_dropdown_current2 {
		position: absolute; left: 10.4em; top: 5em;
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}
	
	#navbar_dropdown_current3 {
		position: absolute; left: 18.4em; top: 5em;
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}
	
	#navbar_dropdown_current4 {
		position: absolute; left: 26.3em; top: 5em;
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}
	
	#navbar_dropdown_current5 {
		position: absolute; left: 34.2em; top: 5em;
		background-color: #ccc;
		height: 1.8em;
		width: 7.75em;
		z-index: -1;
		}


/* @end */

/* @group BREADCRUMBS */

#breadcrumb_bar {
	position: absolute; left: 0; top: 5.4em;
	background-color: #ccc;
	border: none;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, 
	sans-serif;
	display:block;
	height: 1em;
	margin-top: 1px;
	padding-top: .45em;
	padding-left: 1em; 
	width: 55em;
	text-align: left;
	z-index: 1;
	}

	/* Text Formats ------------------ */
	
	#breadcrumb_bar ul {
	float: left;
}
	
#breadcrumb_bar ul.nav li {
	list-style: none;
	display: inline;
	float: left;
	/*list-style-image: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/arrow-black.jpg);*/
}
	
			#breadcrumb_bar ul.nav li a {
	/*height: 1em;*/
	padding-right: 1em;
	padding-left: 1.5em;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/arrow-black.jpg) no-repeat left center;
	float: left;
	font-size: .65em;
		color: #333;
		font-weight: normal;
		line-height: 1.25em;
		}
	
	
	
	#breadcrumb_bar ul.nav li.nav-path-selected a.nav-path-selected{
		color:#444;
		/*font-size: .65em;*/
		font-weight: bold;
		padding-left: 0;
		background: none;
		}
		
			#breadcrumb_bar ul.nav li.nav-path-selected ul li.nav-selected.nav-path-selected a.nav-selected.nav-path-selected{
		padding-left: 1.5em;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/arrow-black.jpg) no-repeat left center;
		color:#333;
		/*font-size: .65em;*/
		font-weight: normal !important;
		/*line-height: 2.3em;*/
		}
		

		


/* @end */

/* @group SIDEBAR */

#sidebar {
		background-color: transparent;
		border-style: none; 
		color: #333;
		padding: 0 .75em 0 .75em;
		width: 10.5em;
		}
		
body.homepage #sidebar {
	border-style: none;
	/*color: #00529B;*/
	color: #333;
	padding: 1em 1em 1em .75em;
	width: 10em;
	float: left;
}

body.subpage #sidebar {
	background-color: transparent;
	border-style: none;
	color: #333;
	/*font-family: Arial, Helvetica, sans-serif;*/
	padding: 1em 1em 1em .75em;
	width: 10em;
	float: left;
	}
		
	#sidebar p,
	#sidebar a {
		font-size: 0.85em; 
		font-weight:normal;
		text-align: left;
		color: #00529B;
		}
		
body.subpage #sidebar p { /* When paragraph element */
		color: #333;
		font-size: 0.75em;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height: 2em; 
		list-style-type: none;
		margin-bottom: .6em;
		padding:0;
		text-align: center;
		}
	
	#sidebar ul {
		font-size: 0.85em; 
		line-height: 1.1em;
		padding-left: 1em; 
		}
		
body.subpage #sidebar ul {
		display:block;
		/*font-size: 0.75em;*/
		font-size: 0.85em;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height: 1.8em; 
		list-style-type: none;
		margin:0;
		padding:0;
		/*width:13.5em;*/
		}
		
body.subpage #sidebar ul li {
		border-bottom:1px dotted #666666;
		margin:0;
		padding:0;
		overflow: hidden;
		}

	body.subpage #sidebar ul li a {
		background:#ffffff;
		display:block;
		text-decoration:none;
		font-weight:normal;
		color:#333333;
		padding-left: .5em;
		width:13.5em;
		}
	
	body.subpage #sidebar ul li a:visited {
		outline-style: none; /* Removes dotted border in Firefox */
		}
	
	body.subpage #sidebar ul li a:hover {
		background:#ececec;
		}
	
	body.subpage #sidebar ul li a.nav-selected.nav-path-selected,
	body.subpage #sidebar ul li a.nav-selected.nav-path-selected:hover {
		background:#ccc;
		font-weight:bold;
		}
		
	
/* @end */

/* @group RIGHT SIDEBAR */

#right-sidebar {
	padding: 0.5em;
	width: 13.5em;
	float: right;
	}

#right-sidebar a {
	/* font-size: .75em; */
}

#right-sidebar a.download {
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 1em;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-download.jpg) no-repeat left top;
}	
	
#right-sidebar img {
	margin-bottom: 12px;
	}
	
	/* Text Formats ------------------ */
	#right-sidebar p {
	font-size: 0.7em;
	line-height: 1.2em;
	margin-bottom: 1em;
	} 
	
	#right-sidebar h1 {
	font-size: 0.8em;
	margin-bottom: 0.25em;
	margin-top: 0.25em; 
	}
	
	#right-sidebar h2 {
	font-size: 0.7em; 
	margin-bottom: 0.25em;
	margin-top: .65em;  
	}
	
	#right-sidebar ul {
	font-size: 0.75em;
	line-height: 1.35em;
	padding-left: 1.5em; 
	}


/* @end */

/* @group CONTENT */

/*#content {
	border-left: dotted 1px #666;
	border-right: dotted 1px #666;
	float: right;
	width: 42.5em;
	padding: 0.75em;
	}*/
	
/*
#content a {
font-size: 0.75em;
}
*/

td.question {
font-size: 0.75em;
}	

body.homepage #content { /* No right sidebar */
	border-left: dotted 1px #666;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 11em;
	width: 42.5em;
	padding: 0.75em;
		}
		
#content p {
		font-size: 0.8em;
		font-weight:normal;
		line-height: 1.7em;
		margin-bottom: 1em; 
		} 


/* @end */

/* @group SUBPAGE CONTENT */

/*body.subpage #content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 11em;
	border-left: dotted 1px #666;
	border-right: dotted 1px #666;
	padding: 0.75em;
	width: 28.5em;
	}*/
	
	

/*body.subpage #content {
	margin-top: 0;
	margin-left: 12em;
	border-left: dotted 1px #666;
	border-right: dotted 1px #666;
	padding: 0.75em;
	width: 27.5em;
	}*/
body.subpage #content {	
height: 100% !important;
	float: left;
	width: 27.5em;
	padding: 0.75em;
	margin-bottom: 0;
	border-right: dotted 1px #666;
	border-left: dotted 1px #666;
		
}

body.subpage.location #content {	
height: 100% !important;
	float: left;
	width: 42.5em;
	/* background-color: #8eaf2f; */
	padding: 0.75em;
	margin-bottom: 0;
	border-right: none;
	/* border-right: dotted 1px #666; */
	border-left: dotted 1px #666;
		
}

body.subpage.location #page #container .section #right-sidebar {
display: none;
} 
	
	/* Text Formats ------------------ */
	body.subpage #content p {
		font-size: 0.75em;
		line-height: 1.6em;
		margin-bottom: 1em; 
		} 
	
	body.subpage #content h1 {
		/* font-size: 1.75em; */
		font-size: 1.25em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		line-height: 1.6em;
		/* line-height: .25em; */
		margin-bottom: 0.25em; 
		}
		
	body.subpage #content h1 p {
		font-size: 1.25em;
		margin-bottom: 0.25em;
		}
	
	body.subpage #content h2 {
		font-size: 0.75em;
		margin-bottom: 0.25em;
		margin-top: 1.75em; 
		}
	
	body.subpage #content ul {
		font-size: 0.75em; 
		line-height: 1.5em;
		padding-left: 1.5em;
		}

/* @end */

/* @group STRUCTURE */

body.homepage .section,
body.subpage .section {
	display: block;
	float: left;
	width: 56em;
	min-height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom:dotted 1px #666;
	overflow: hidden;
	clear: both;
}

body.subpage .section {
	height: 100% !important;
	}

/* @end */

/* @group FOOTER */

/*#footer {
width: 56em;
clear: both;
background-color: maroon;
color: #fff;
}*/

#footer {
	width: 56em;
	clear: both;
	/*border-top: 1px dotted #666;*/
	padding: 1em 1em 3em 1em;
	}
	
	/* Text Formats ------------------ */
	#footer p {
		color: #999;
		font-size: 0.6em;
		font-weight: normal;
		line-height: 1.5em;
		} 
	
	#footer a:link, a:visited {
		color: #00529B; 
		}
	
	p.footer1{
		float:left;
		text-align: left;
		width: 36em;
		} 
	
	p.footer2 {
		text-align: right;
		} 
		
	p.footer3 {
		display: block;
		margin: 0 auto;
		width: 210px;
		float: left;
		text-align: center;
		position: relative;
	}	
	
	p.footer3 strong {
		display: block;
		margin-top: -2px;
	}
		
	a.facebook{
		margin: 0 auto;
		display: block;
		width: 100px;
		height: 38px;
		overflow: hidden;
		text-indent: -9999px;
		background-image: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-facebook.jpg);
		} 

/* @end */

/* @group CAPTION */

	#caption { /* Transparent caption box */
		position: absolute; bottom: 2em; right: 2em;
		background-color: #fff;
		filter: alpha(opacity=70); /* IE opacity, lower value more transparent */
		font-size:.60em;
		font-style: normal;
		opacity: 0.7; /* CSS3 standard opacity, lower value is more transparent */
		padding: 1em;
		text-align:left;
		width: 12em; 
		z-index: 3;
		}
	
	#caption p {
		line-height: 1.25em;
		}

/* @end */