html, body, form {margin: 0;padding: 0;}

body {
	font-family: "trebuchet ms", verdana, Sans-serif;
	font-size: 13px;
	color: #000;
	text-align: center;
	background: #eee;}

#page-container {
	position:relative;
	width: 950px;
	margin: 0 auto 12px auto;	
	text-align: left;
	background: #fff url(/images/left-bar.gif) 0 182px repeat-y;
	height:100%;
	border:0px solid #000;}

#headerIndex {height: 238px;background: #fff url(/images/header-main.jpg) 0 0 no-repeat;border-bottom:3px solid #fff;}	
#header {height: 173px;background: #fff url(/images/header-inner.jpg) 0 0 no-repeat;border-bottom:3px solid #fff;}
#header2 {height: 33px;background: #fff url(/images/header-inner.jpg) 0 0 no-repeat;border-bottom:3px solid #fff;}

.txtSearchIndex, .txtSearch {z-index:99;position:absolute;top:244px;left:824px;width:120px;font:normal 12px arial;border:0;padding:0 0 0 2px;margin:0;height:16px;}
.txtSearch {top:179px;}

#textSizer {background:#fff; margin:0; padding:2px; font: bold 12px Arial;color:#000;border:1px solid #bbb;}
#textSizer a {border:1px solid #ccc; font:bold 18px Arial;color:#000; text-decoration:none;padding:0px 3px;}
#textSizer a.small{font:bold 12px Arial;}
#textSizer a.medium{font:bold 15px Arial;}
#textSizer a.reverse-contrast {color:#fff; background-color:#000; }
#printer {padding:2px 36px 3px 2px; display:inline;}
#printer a {text-decoration:none; border:none;}
a img {border:none;}

#leftbar {float:left; width:180px; line-height:18px; border:0px solid; background:#000; margin-top:0px;color:#fff;}
	#leftbar .padding {	padding:0 0 20px 0;}	
	#leftbar h2 {background:#bbb; margin:0; padding:4px; font: bold 14px Arial;color:#000;}
		dl, dd, ul {margin:0; padding:0; list-style:none;}
	#leftbar dl dt {padding:4px;}
	#leftbar dl dt a {padding:0px; font: bold 15px Arial;color:#fff;display:block;}
		li.submenu a{margin:0; padding:8px; font: normal 12px Arial;color:#fff;text-decoration:none;}
		li.submenu a:hover{text-decoration:underline;}

#content {
	font-family: verdana, Sans-serif;
	border-top:0px solid #000;	
	margin:29px 0 0 180px;
	margin:2px 0 0 180px;	/* added for ie6, overwrites previous line - works OK in other browsers */
	}
#content-index{
	font-family: verdana, arial, sans-serif;
	float:left;
	margin:2px 0 0 6px;
	width:474px;
	_height:354px;
	min-height:354px;
	border:1px solid #bbb;}
	
#featureGroup{float:right;margin:2px 0 0 0;width:284px;}
	
#featureGroup h3 {margin:0; margin-top:140px; height:28px; background-color:#000; font-size:1.0em;}
#featureGroup a {display:block; padding:4px; color:#fff;}
#featureGroup div {	border:1px solid #000;float:left;margin:0px 4px 6px 4px;height:173px;width:130px; }
	#featureGroup .malcolm{background:#fff url(/images/feature-malcolm.jpg) no-repeat 0 0;}
	#featureGroup .cataract{background:#fff url(/images/feature-cataract.jpg) no-repeat 0 0;}
	#featureGroup .terms{background:#fff url(/images/feature-terms.jpg) no-repeat 0 0;}
	#featureGroup .refractive{background:#fff url(/images/feature-refractive.jpg) no-repeat 0 0;}
	
#content h1, #content h2,  #content h3, #content-index h1, #content-index h2,  #content-index h3{
	font-family: "trebuchet ms", verdana, Sans-serif;margin: 4px 0;	padding: 0 0 0 0;}
.grey{color:#999;}
.normal{color:#000;}
#content p, #content-index p{ margin: 0;}
#content .padding, #content-index .padding {padding: 4px 8px 4px;min-height:250px;}
#addMember, #editMember, #listMembers{padding: 4px 8px 4px;}
	
#content .padding img {}	
#content ul, #content-index ul{margin:4px 0 0 0;margin-left:2.2em;list-style:disc;}

ul .grey{font-size:1.1em;}

#content .move-top {
	background: #fff url(/images/move-top.gif) 2px 5px no-repeat;
	position:relative;float:right;border:1px solid #ddd;top:0px; padding:2px 2px 2px 16px;margin:2px 16px 0;}
	.move-top a {color:#777;text-decoration:none;}
	.move-top a:hover {color:#000;}
	
#content table {border:1px solid #ccc; border-collapse:collapse; vertical-align:top; padding:2px; font:inherit;}
	#content table td {font:inherit; vertical-align:top; padding:2px 4px;}
#content #table-right {float:right;margin-left:12px; border-collapse:collapse; border:1px solid #ccc;clear:both;}
#content .table-right td {padding:2px;}
.table-right{float:right; border-collapse:collapse; border:1px solid #ccc; margin:8px;table-display:fixed;width:100px;}
.caption {font:normal 13px arial, verdana, sans-serif; color: #000; line-height:16px;}
.caption sup { vertical-align: baseline; font-size: 100%; position: relative; top: -.5ex; }
a:focus, a:active {border:none;}

/* footer */
#footer {
	clear: right;
	height: 66px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #c9c9c9;
	border-top: 1px solid #efefef;
	padding: 0px 25px;
	line-height: 18px;
	margin:150px 0 0 181px;}
#footer a {color: #c9c9c9;	text-decoration: none;}
#footer a:hover {color: #db6d16;}
#footer #altnav {width: 380px;float: right;text-align: right;padding-top: 13px;}
#footer #copyright {padding-top: 13px;}
.hidden {display: none;}
	
/* MainNavigation */
#nav { 
	float:right;
	clear:both;
	height: 30px; 
	background:#fff url(/images/main-nav-bg.gif) 180px 0px repeat-x;
	margin:-3px 0 0px 0;
	padding:3px 0 0 0;
	width:770px;
	border-bottom:0px solid #ff0;
	list-style: none;}

#nav ul { padding:0;margin: 0;list-style: none;}

#nav a {display: block;font: bold 15px Arial;color:#fff;text-decoration:none;}
#nav a.nolink {cursor:default;}
#nav li { float: left;border-left: 0px solid #000;margin: 0; padding: 0;position: relative;}
	/* width needed or else Opera goes nuts */
	#nav li.home{width:62px;padding:2px 0} 
	#nav li.team{width:90px;padding:2px 0} 
	#nav li.locations{width:170px;padding:2px 0} 
	#nav li.patient{width:150px;padding:2px 0} 
	#nav li.contact{width:100px;padding:2px 0} 
	#nav li.other {width:48px;padding:2px 0}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	font: bold 1.1em/30px Arial, Helvetica, sans-serif;
	background: #000;
	color: #fff;
	display: block;
	padding: 0 10px;
	text-decoration: none;}
	  			
.nav li:hover ul {top:21px;}
  
.nav ul li {border:0; float:none;}
  
.nav ul a {
	border: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-right: 20px;
	width: 170px;
	white-space: nowrap;}

.nav ul a.contact, .nav ul a.team {width: 128px;}
.nav ul a.other, .nav ul a.locations {width: 150px;}
  
#nav ul a:hover { background:#eee;  color:#000;}
	  
#nav li ul { /* second-level lists */
	position: absolute;	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	width: 180px;
}
 /* this class should be placed on a div or break element and should be the final 
 	element before the close of a container that should fully contain a float */
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}

.button{
	height : 19px;
	background : #99cc00;
	font : bold 12px Verdana, sans serif;
	color : #ffffff;
	BORDER-RIGHT: #006600 2px solid; 
	BORDER-TOP: #006600 1px solid; 
	BORDER-LEFT: #006600 1px solid; 
	BORDER-BOTTOM: #006600 2px solid; 
	VERTICAL-ALIGN: top;
	padding-bottom:4px;
}

.sortable {width:880px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(/images/table-sorter/header-bg.gif); text-align:left; color:#fff; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:14px; padding:3px 4px 4px; margin:0;}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(/images/table-sorter/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(/images/table-sorter/header-selected-bg.gif)}
.sortable .desc h3 {background:url(/images/table-sorter/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(/images/table-sorter/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#eff6fa}
.sortable td.evenselected {background:#eff6fa}
.sortable td.oddselected {background:#dce6ee}

.field a {text-decoration:none; display:block; color:#000;}
.field a:hover { color:#FF0000} 

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}

ul.article-list{margin-left:-15px;padding:0;list-style:none;}
ul.article-list li a, li.article a, li.article-anchor a {text-decoration:none;color:#000;height:22px;}
ul.article-list li a:hover, li.article a:hover, li.article-anchor  a:hover{text-decoration:underline; color:#555;}
li.article, li.article-anchor {margin:3px 0px 5px -25px; list-style:none;padding:0 0 0 20px;}
li.article {background:url(/images/page_white_text.png) no-repeat 0 0;}
li.article-anchor {background:url(/images/page_white_magnify.png) no-repeat 0 0;}