body { background: #e3e8ed url(../../images/layout/body-bg-names.gif); font: 76% verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; }
img { border: 0; }
#container { background: #fff url(../../images/layout/gradient.gif) repeat-x bottom left; border: 1px solid #cacece; border-top: 0px solid #c3d9e2 ;  margin: 0 auto; position:relative;width: 760px; }
#leftcol { float: left; width: 190px; margin:0 0 100px 0;}
#leftcol #logo { margin: 0 0 20px 0; padding:0;}
#leftcol #logo a { display:block;height:102px; width:190px;background: #fff url(../../images/layout/logo.gif) no-repeat top left;border-bottom:1px solid #cacece;border-right:1px solid #cacece;overflow:hidden;text-indent:-3000em;  }
#leftcol #slogan {margin: 0 0 20px 10px; padding: 0;font:normal 16px/21px Georgia, "Times New Roman", Times, serif;text-align:right;color:#5c5e60;  width: 155px;}
#leftcol #nav { clear:both;margin: 0 0 20px 0; padding: 0; }
#leftcol #nav li { list-style: none; margin: 0 0 2px 0; padding: 0; }
#leftcol #nav li a { display: block; font: bold 11px Arial;padding: 3px 0 3px 8px; margin:0 0 0 10px; width: 147px; }
#leftcol #nav li a:link,
#leftcol #nav li a:visited { background: #e1e5e5; color: #00583b; text-decoration: none; }
#leftcol #nav li a:hover,
#leftcol #nav li a:active { background: #00583b!important; color: #e1e5e5!important; text-decoration: none;}
#leftcol #nav li a.open { background: #40826d!important; color: #e1e5e5!important; text-decoration: none; }
/* #leftcol #nav li a.open { background: #00583b!important; color: #e1e5e5!important; text-decoration: none; } override above line - client doesn't want to see the sublinks*/        
#leftcol #nav li a.open:hover,
#leftcol #nav li a.open:active,
#leftcol #nav li a.active { background: #00583b!important; color: #e1e5e5!important; text-decoration: none;}      
#leftcol #nav li ul { display: none; } /*hide sub list from initial display*/
#leftcol #nav li.open ul { display: block; } /*show sub list when inside open class*/
/* #leftcol #nav li.open ul { display: none; } override above line - client doesn't want to see the sublinks*/
#leftcol #nav li ul { clear:both;margin: 0; padding: 0; }
#leftcol #nav li ul li { list-style: none; margin: 0; padding: 0;}
#leftcol #nav li ul li strong { color:#222;display: block; font: bold 11px Arial;padding: 4px 0 0px 15px; margin:0 0 0 10px; width: 137px;}
#leftcol #nav li ul li a { display: block; font: normal 10px/10px verdana!important;padding: 4px 0 5px 30px; margin:0 0 0 10px; width: 125px;}
#leftcol #nav li ul li a:link,
#leftcol #nav li ul li a:visited { background: none; color: #00583b; text-decoration: none; }
#leftcol #nav li ul li a:hover,
#leftcol #nav li ul li a:active { font-weight:bold!important;background: #fff!important; color: #00583b!important; text-decoration: none;  }
#leftcol #nav li ul li a.active,
#leftcol #nav li ul li a.active:link,
#leftcol #nav li ul li a.active:visited,
#leftcol #nav li ul li a.active:hover,
#leftcol #nav li ul li a.active:active { font-weight:bold!important;background: #fff url(../../images/layout/green-dot.gif) no-repeat 19px 6px!important; color: #00583b!important; text-decoration: none; }        
#leftcol #newsletter{ margin:0 0 0 10px; padding: 0 10px 50px;width: 131px; border:1px solid #d9d9d9; background:#fff url(../../images/layout/newsletters-bg.jpg) no-repeat bottom left;}
#leftcol #newsletter h3 {font: bold 11px Arial; margin:0 -11px; padding:3px 0 3px 10px; background:#00583b; color: #fff;width:143px;text-transform:uppercase;}
#leftcol #newsletter p {font: normal 11px verdana; color:#555; }
#leftcol #newsletter a:link,
#leftcol #newsletter a:visited { color: #00583b; text-decoration: underline; }
#leftcol #newsletter a:hover,
#leftcol #newsletter a:active { background: #00583b; color: #fff; text-decoration: none; }
#rightcol { float: right; width: 569px; padding: 102px 0 100px 0;background: url(../../images/layout/banner.jpg) no-repeat top left;}
#rightcol #specialists {float:left; border-top:1px solid #cacece; padding:10px 0 0 0;margin:0 0 5px 0; list-style:none;width:100%;} 
#rightcol #specialists h3 { float:left; background:#00583b; color: #fff;width: 162px; text-align:right; padding: 5px 10px; margin:0 5px 0 0;font: normal 12px Arial; }
#rightcol #specialistNav {float:left; margin:0; padding:0; list-style:none;background:#cacece url(../../images/layout/scale.gif) no-repeat top right; width:353px;height:25px;} 
#rightcol #specialistNav li { display:inline; margin: 0; padding: 0; }
#rightcol #specialistNav li a { float:left;font: normal 12px Arial;padding: 0 10px; margin: 5px 0;border-right:1px solid #fff; }
#rightcol #specialistNav li a:link,
#rightcol #specialistNav li a:visited { color: #fff; text-decoration: none; }
#rightcol #specialistNav li a:hover,
#rightcol #specialistNav li a:active,
#rightcol #specialistNav li a.active {color: #000!important; text-decoration: none!important; }
#rightcol #specialistNav li a.last { border-right:0px solid #fff;}
#rightcol #content {width: 540px;clear:both;}
#rightcol #content a:link,
#rightcol #content a:visited { color: #000; text-decoration: underline; }
#rightcol #content a:hover,
#rightcol #content a:active { background: #000; color: #fff; text-decoration: none; }
#rightcol #content h1 { float:left; width:100%;clear:both;color: #666; font: normal 28px/28px Georgia, "Times New Roman", Times, serif; margin: 25px 0 25px 0; padding: 0 0 20px 0;background: #fff url(../../images/layout/underline-dots.jpg) repeat-x bottom left;}
#rightcol #content h2 { color: #00583b; font: bold 14px/14px Arial; margin: 0 0 10px 0; padding: 0 0 5px 0;background: #fff url(../../images/layout/underline-dots.jpg) repeat-x bottom left;}
#rightcol #content h3 { color: #00583b; font: bold 12px/12px Arial; margin: 0 0 10px 0; text-transform:uppercase; }
#rightcol #content p { font-size: 11px; margin: 0 0 15px 0; padding: 0; }
#rightcol #content ul { font-size: 11px;}
#rightcol #content p.note { clear: both; color: #555; font-size: 9px; }
#rightcol #content .left {float:left; margin: 0 20px 20px 0; }
#rightcol #content .right { float:right; margin: 0 0 20px 20px; }
#rightcol #content ol {margin: 0 0 0 15px; padding: 0 0 0 10px;}
#rightcol #content ol li {margin: 0 0 20px 0;}
#rightcol #content ol  ul {margin: 0 0 0 15px; padding: 0 0 0 15px;}
#rightcol #content ol ul li {list-style-type:disc;margin: 0 0 7px 0;}
#rightcol #content ol ul ul li {list-style-type: lower-alpha;margin: 0 0 5px 0;}
#rightcol #content .footer {background: url(../../images/layout/underline-dots.jpg) repeat-x top left;padding:15px 0 0 0}
#rightcol #content .people ul {margin:0 0 25px 0; padding:0; list-style-type:none;}
#rightcol #content ul.contactinfo {margin:0 0 25px 0; padding:0; list-style-type:none;}
#rightcol #content ul.contactinfo li {margin:0 0 10px 0;}
#rightcol #content ul.contactinfo strong {float:left; margin:0 5px 0 0; clear:both;width:65px;font-weight: normal; color:#00583b;}
#rightcol #content ul.contactinfo address {float:left; margin:0 0 20px 3px;font-style:normal; }
#rightcol #content .profile {float:left;width:100%;clear:both;margin:0;}
#rightcol #content .profile .overview {background:#bbb; float:left;  padding:10px; margin:0 5px 20px 0;width:162px;height:249px;overflow:hidden;}
#rightcol #content .profile .overview h2 {color:#5c5e60; font: bold 14px/14px Arial, Helvetica, sans-serif;border-bottom: 2px dotted #999; margin:0 0 5px 0;padding:0 0 5px 0;background:none;}
#rightcol #content .profile .overview h4 {color:#fff;font: italic 14px/20px Georgia, "Times New Roman", Times, serif;margin:0 0 20px 0;}
#rightcol #content .profile .overview ul {margin:0; padding:0;list-style-type:none;}
#rightcol #content .profile .overview ul li {color:#5c5e60;}
#rightcol #content .profile .overview ul li a {font-size: 11px;}
#rightcol #content .profile .overview ul li a:link,
#rightcol #content .profile .overview ul li a:visited { color: #5c5e60; text-decoration: underline; }
#rightcol #content .profile .overview ul li a:hover,
#rightcol #content .profile .overview ul li a:active {color: #dedfe1;background:#000; text-decoration: none;}
#rightcol #content .profile img {float:right;}
#rightcol #content .profile h1 {clear:both!important;width:100%;margin-top:5px!important;}
#rightcol #content .profile p {clear:both!important;width:100%;}
#footer { background: #fff; border-top: 0px solid #c3d9e2; clear: both; height: 50px; padding: 10px; }
#footer h4 { float: left; color:#555;font: normal 16px/16px Georgia, "Times New Roman", Times, serif; margin: 0 30px 0 0; padding: 0 0 0 30px; width: 120px; }
#footer .contactinfo { float: left;font: normal 9px Verdana, Arial, Helvetica, sans-serif ; margin: 0 10px 0 0; padding: 0 0 0 7px; border-left: 3px solid #00583B;  }
#footer .contactinfo p { font-weight:bold; margin: 0; padding: 0; color:#666;}
#footer .contactinfo ul { margin: 0; padding: 0;}
#footer .contactinfo ul li { list-style: none; margin: 0; padding: 0;font: normal 9px Verdana, Arial, Helvetica, sans-serif; width:150px;color:#666;}
#footer .contactinfo ul li a:link,
#footer .contactinfo ul li a:visited { color: #666; text-decoration: none; }
#footer .contactinfo ul li a:hover,
#footer .contactinfo ul li a:active { color:#fff;background:#000;}
#footer .contactinfo ul li.phone { font-weight:bold; color:#00583b;}
#footer address { float: left;font: normal 9px Verdana, Arial, Helvetica, sans-serif ; margin: 0; padding: 0 0 0 7px; border-left: 3px solid #00583B; width:160px;color:#666;}

#rightcol #content .error {background:red;color:#fff;clear:both;padding:5px;}
#rightcol #content .error a.close:link,
#rightcol #content .error a.close:visited {color:#fff!important;}
#rightcol #content .error a.close:hover,
#rightcol #content .error a.close:active {color:red!important;background:white;}

#rightcol #content .success {background:green;color:#fff;clear:both;padding:5px;}
#rightcol #content .success a.close:link,
#rightcol #content .success a.close:visited {color:#fff!important;}
#rightcol #content .success a.close:hover,
#rightcol #content .success a.close:active {color:green!important;background:white;}

#rightcol #content .uploadform {clear:both;background:#E2F5EF; padding:5px; margin:0 0 20px 0!important;}

#rightcol #content .filelist {margin:0; clear:both; }
#rightcol #content .filelist h2 span { font-weight:normal!important;}
#rightcol #content .filelist h2 .listproperties { display:none!important; }

#rightcol #content .viewOptions {margin:0; padding:0; position:absolute; top:179px; left:340px;text-align:left;}
#rightcol #content .viewOptions strong {display:none;}
#rightcol #content .viewOptions strong {display:none;}

#rightcol #content ul.files {margin: 0; padding:0;float:left;width:100%;clear:both;}
#rightcol #content ul.files li {float:left;clear:both; position:relative;list-style:none;margin:0 0 0px 0; border-bottom:1px solid #eee;padding:0;width:100%; height:24px;overflow:hidden;}
#rightcol #content ul.files li a.delete {position:absolute; display:block;width:100%;height:22px;padding:2px 0 0;top:0;left:0;text-indent:-3000em;overflow:hidden;}
#rightcol #content ul.files a.delete:link,
#rightcol #content ul.files a.delete:visited {background:#fff url(/images/layout/delete-16x16.gif) no-repeat 3px 3px!important;color:red!important;}
#rightcol #content ul.files a.delete:hover,
#rightcol #content ul.files a.delete:active {background-color:#FFCFDE!important;color:red!important;}
#rightcol #content ul.files li a.file {position:absolute; display:block;height:22px;top:0; left:4%;padding:2px 0 0;width:96%;text-indent:2px;}
#rightcol #content ul.files li a.file:link,
#rightcol #content ul.files li a.file:visited {background:transparent!important;}
#rightcol #content ul.files li a.file:hover,
#rightcol #content ul.files li a.file:active {color:#000!important;background:#BFE8FF!important;font-weight:bold;}

#rightcol #content h1 span a:link,
#rightcol #content h1 span a:visited {color:#F00;}
#rightcol #content h1 span a:hover,
#rightcol #content h1 span a:active {background:#F00;color:#fff;}