
* { padding:0 ; margin: 0;}
body,p { font-family: verdana, arial, sans-serif; color: #323232; font-size: 12px;}
h1.heading { font-family: arial; color: #505050; font-size: 24px;  border-top: 3px solid #EC6E00; border-bottom: 1px solid #ccc; padding: 5px; margin-bottom:9px; }
a { text-decoration: none; color:#323232; }
a.underline { border-bottom: 1px dashed #323232; padding-bottom: 2px; }
a.underline:hover { color: #969696; border-bottom: 1px dashed #969696; }
p{ line-height: 1.8; padding: 5px 0; }
p span { font-weight: bold; }
address {line-height: 1.8; }
ul { list-style: none;  }
ul.style { list-style:square; }
hr { border-bottom: 1px dotted #ccc; }
img#docpic {position: relative; float: right; width: 150px; height: 180px; margin-top: 13px; }
.imgbox { width:525px; height: 210px;}
.qualification { width: 370px; float: left; }
.qualification p {  font-size: 12px; font-family: verdana;}
.qualification a:hover { text-decoration: underline;}
.qualification a.email { background:#EC6E00; color:#fff; font-weight: bold; padding: 5px; }
.clear { clear: both; position: relative; }
h2 { margin-top: 15px; font-family: arial; font-size: 17px; }
h2.noline { margin-top: 15px; font-family: arial; font-size: 17px; text-decoration: none; }
h3 { margin-top: 8px; font-family: arial; font-size: 15px; font-style: italic;}
h2.side-heading {text-decoration:none; margin: 0; background: #323232; border-top: 3px solid #EC6E00; font-family: arial; font-size: 16px; color: #fff; padding: 4px 8px 6px 8px; }
h2.side-heading_sub {text-decoration:none; margin-top:25px; background: #323232; border-top: 3px solid #EC6E00; font-family: arial; font-size: 16px; color: #fff; padding: 4px 8px 6px 8px;}
#container { width:950px; margin:0 auto; }
#header { clear: both; margin-top: 10px; }
#logo h1 { text-indent: -9999px; background:url(../images/logo.gif) top left no-repeat; width:300px; height:67px; }
#small {background-image:url('../images/small.gif'); display:block; width:24px; height:24px; margin-bottom: 30px; }
#large {background-image:url('../images/large.gif'); display:block; width: 24px; height:24px; margin-bottom: 30px;}
#black {background-image:url('../images/black.gif'); display:block; width: 24px; height: 24px; }
#viewoption { margin: 23px 0 0 680px; clear:both; position: absolute; width: 280px; height: 10px; top: 10px; padding: 15px 0; }
#viewoption li { display: inline; float:left; margin:0px 3px; }
#viewoption li#view { font-size: 14px; font-weight: bold; }
#viewoption li#type, #viewoption li#contrast{ font-family: arial; font-variant: small-caps; font-size: 16px; font-weight: bold; }
#viewoption li#large a, li#darkonlight a, li#lightondark a { font-size: 12px; color:#000; padding:6px; border: 1px solid #000; font-weight: bold; }
#viewoption li#larger a { font-size: 14px; color:#000; padding: 6px; border: 1px solid #000; font-weight: bold; }
#viewoption li#largest a { font-size: 16px; color:#000; padding: 6px; border: 1px solid #000; font-weight: bold;}
#viewoption li#lightondark a { font-size: 12px; background:#000; color:#fff; }
#menu { clear: both; position:absolute; width: 950px; background:#323232; top: 80px; z-index: 1; }
#cssdropdown, #cssdropdown ul {  }
#cssdropdown li { float: left; position: relative; }
.mainitems { border-right: 1px solid #ccc; }
.mainitems a { padding: 11px 10px 15px 10px; color: #fff; display: block; }
.mainitems a:hover { background: #515151; }
.subuls{ display: none; width: 10em; position: absolute; top: 3.3em; left: 0; background-color: #515151; }
.subuls li{ width: 100%; }
.subuls li a { border-bottom: 1px solid #888; display: block; padding: 4px 4px 9px 6px; border-left: 1px solid #000; }
.subuls li a:hover { background: #727272; }
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto; left: auto; }
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;}

.banner { height: 360px; top: 130px; position: absolute; background: url(../images/banner.jpg); width: 950px;}
#submenu { position:relative; width: 282px; height: 360px; float:right ; background:url(../images/submenu.png); filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
*:first-child+html #submenu {filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35;}
#sidemenu { font-family: verdana; width: 200px; height: 118px; float: right; padding: 3px 0; position:relative; top:90px; }
* html #sidemenu	{top:60px;}
*:first-child+html #sidemenu	{top:60px;}
#sidemenu_sub {font-family: verdana; width: 199px; padding: 3px 0; background:#ffffff; margin-bottom:25px; border-bottom: 1px solid #ccc; border-top:3px solid #EC6E00;}
#sidemenu li, #sidemenu_sub li { padding: 0; }
#sidemenu a { width: 180px; display: block; font-size: 14px; color: #fff; padding: 5px; text-align: right; font-weight:bold; }
#sidemenu_sub a { width: 187px; display: block; font-size: 12px; color: #000; padding: 5px; text-align: right; }
#sidemenu a:hover  { border-right: 2px solid #EC6E00;  background: #727272; }
#sidemenu_sub a:hover { border-right: 2px solid #EC6E00;  background: #ddd; }
#content { clear: both; margin-top: 423px; border-bottom: 1px solid #ccc; padding-bottom: 50px; height: 1%; }
#content_sub { clear: both; margin-top: 53px; border-bottom: 1px solid #ccc; padding-bottom: 50px; height: 1%;}
#left_content { width: 195px; margin-right: 15px; float: left;}
#left_menu { width: 195px; font-family: verdana;}
#left_menu ul {  }
#left_menu li { padding: 0px; float: left; width: 195px;}
#left_menu a { margin: 0; display: block; color: #323232; padding: 8px; border-bottom: 1px solid #ccc; }
#left_menu a:hover { background:#ddd; }

#left_content_top	{margin-bottom:20px;
					padding-bottom:20px;}
#left_content_top ul { width: 195px; list-style: none;} 
#left_content_top li { border-bottom: 1px solid #ccc; }
#left_content_top span a { float: right; color: #EC6E00; }
#left_content_top span a:hover { text-decoration: underline; background: #fff; }
#left_content_top a { color:#969696; line-height:1.4em; display: block; padding: 8px; margin: 0;}
#left_content_top span.black { color: #000;}
#left_content_top a:hover { background:#ddd;}

#middle_content { float: left; margin-right: 15px; width: 525px; text-align:justify;}
#middle_content p.orange { color:#EC6E00; }
#middle_content a.news { color:#EC6E00; float:right; }
#middle_content ul, #middle_content ol, #middle_content li { margin-left:17px; line-height: 1.8; }
#middle_content ol li a	{border-bottom:1px dotted #454545;}

#right_content { float: left; width: 199px; margin: 0; padding:0 ;} 
#right_content_top p, #right_content_top_sub p { font-size: 12px; border-bottom: 1px solid #ccc; padding-left:10px; } 
#right_content_bottom, #right_content_bottom_sub { margin-top: 25px; }
#right_content_bottom span a, #right_content_bottom_sub span a{ float: right; color: #EC6E00; }
#right_content_bottom span a:hover, #right_content_bottom_sub span a:hover { text-decoration: underline; background: #fff; }
#right_content_bottom a, #right_content_bottom_sub a{ color:#969696; line-height:1.4em; display: block; padding: 8px; margin: 0;}
#right_content_bottom span.black { color: #000;}
#right_content_bottom a:hover, #right_content_bottom_sub a:hover { background:#ddd;}
#right_content_bottom ul, #right_content_bottom_sub ul { width: 200px; list-style: none;} 
#right_content_bottom li, #right_content_bottom_sub li { border-bottom: 1px solid #ccc; }

#footer { clear: both; margin-top: 10px; padding: 5px 5px 25px; font-size: 10px; }
#footer a { color: #000; }
#footer ul { display: inline; border-left: 1px solid #ccc; margin-left: 10px; }
#footer li { display: inline; border-right: 1px solid #ccc; padding: 0 10px; }

/* contact us form */

table { margin-top: 20px;}
div .formLabel	{width:600px;}

/* Site Map*/

.sitemap ul { list-style: square; }
.sitemap li { list-style: disc; }
.sitemap ul li { list-style: circle; }
.sitemap a:hover {text-decoration:underline; }

/* eyecondition/cataract */
img.float_left { padding:10px 10px 5px 0 ; float:left; }

/* surgical/cataract surgery */
.surgical_caratact { width: 150px; border: 1px dashed #ccc; float:right; margin: 0px 0px 5px 10px; padding: 10px;}
.surgical_caratact p { text-align: center; padding-bottom: 20px; }
.surgical_caratact p#no_padding { text-align: center; padding-bottom:0;}

.surgical h2	{clear:both;}
.surgical h3	{clear:both; padding-top:20px; margin-top:0;}
.surgical img.float_left	{padding-top:0;}

/* contact us form */
#cuform { width: 502px; padding: 10px; margin-top:10px;}
#cuform h2 { color: #EC6E00; text-decoration: none; }
#cuform p { color: #323232; }
#cuform p span a { font-family: verdana; color: #999; }
label { font-family: verdana; color: #999; font-weight: bold;}
select.small { font-size: 12px; font-family:verdana; }
form { padding: 10px 0 0 20px;}
.txt { width: 150px; }
.button { width: 60px; }

/* Gallery */
#gallery { padding: 12px 30px 20px 38px; }
.thumbnail { padding: 3px 3px 8px 3px; background:#ccc; border: 1px double #bbb; float:left; margin: 0px 5px 5px 0px; }
a img { border:none; }
a:hover img { filter:alpha(opacity=90); -moz-opacity:.50; opacity:.50; }

/* map */
#map { margin: 10px 0; width: 530px; height: 300px; border: 1px solid #ccc; padding-left: 20px;}

/* news & updates */
.date span {font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#EC6E00; text-align:left;}
.date { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#323232; width:100%; padding-bottom:2px; text-align:right;}
.news_update	{font-size:11px; color:#454545;}

/* Our Affiliates */
.snec	{width:100%;
		height:120px;}
		
.snec_img	{float:left;
			padding:10px;
			width:80px;
			height:95px;}

.snec_text	{float:right;}

/* Our Specialists */
.specialist	{width:100%;
			height:220px;
			border-bottom:1px solid #cccccc;}

.specialist_img	{float:left;	
				padding:10px;
				width:150px;
				height:180px;}	



.specialist a	{color:#EC6E00;
				font-weight:bold;}

.specialist a:hover	{text-decoration:underline;}

/* image map */
dl.banner {background:url(../images/image_map.jpg) top left no-repeat; position:absolute; top:0; overflow:hidden; float:left; }
dd#dr_ang { top: 80px; left:280px; position:relative;}
dd#dr_ang a { position:absolute; width:160px; height:200px; text-decoration:none; outline:none;}
dd#dr_ang span	{ display:none; }
dd#dr_ang a:hover { position:absolute; top: -10px; left:5px; }
dd#dr_ang a:hover span { 
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #1A1A1A;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	font-weight: bold;
	position: relative;
	top:150px;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: auto;
	outline:none;
} 

dd#dr_ong { top: 180px; left:300px; position:relative;}
dd#dr_ong a { position:absolute; width:140px; height:200px; text-decoration:none; outline:none; }
dd#dr_ong span	{ display:none; }
dd#dr_ong a:hover { position:absolute; top: -10px; left:5px; }
dd#dr_ong a:hover span { 
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #1A1A1A;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	font-weight: bold;
	position: relative;
	top:150px;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: auto;
	outline:none;
} 

dd#dr_adrian { top: 20px; left:160px; position:relative;}
dd#dr_adrian a { position:absolute; width:130px; height:300px; text-decoration:none; outline:none; }
dd#dr_adrian span	{ display:none; }
dd#dr_adrian a:hover { position:absolute; top: -10px; left:5px; }
dd#dr_adrian a:hover span { 
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #1A1A1A;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	font-weight: bold;
	position: relative;
	top:180px;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: auto;
	outline:none;
} 

dd#dr_ronald { top: 30px; left:40px; position:relative;}
dd#dr_ronald a { position:absolute; width:130px; height:300px; text-decoration:none; outline:none; }
dd#dr_ronald span	{ display:none; }
dd#dr_ronald a:hover { position:absolute; top: -10px; left:5px; }
dd#dr_ronald a:hover span { 
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #1A1A1A;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	font-weight: bold;
	position: relative;
	top:180px;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: auto;
	outline:none;
} 

dd#dr_chan { top: 30px; left:440px; position:relative;}
dd#dr_chan a { position:absolute; width:160px; height:300px; text-decoration:none; outline:none;}
dd#dr_chan span	{ display:none; }
dd#dr_chan a:hover { position:absolute; top: -10px; left:5px; }
dd#dr_chan a:hover span { 
	display: block;
	text-indent: 0;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #1A1A1A;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	font-weight: bold;
	position: relative;
	top:300px;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: auto;
	outline:none;
} 
