.chromestyle{
width: 648px;
font-weight:bold;
overflow:hidden}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";display: block; height: 0; clear: both; visibility: hidden;}

.chromestyle ul{width: 648px; padding: 8px 0;margin: 0px; text-align: left; margin-left: 55px;
}

.chromestyle ul li{
	display: inline;
}

.chromestyle ul li a{color: #FFFFFF;padding: 3px 12px; margin: 0; text-decoration: none;border-right: 2px solid #FFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;
}

.chromestyle ul li a:hover{
color: #FFFFFF;
}

#chromemenu ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu #######*/

.dropmenudiv{position:absolute;display: block;margin-top: 6px; top: 0px; margin-left: -10px; font:normal 12px Verdana; line-height:16px; z-index:100;background-color: #0620a0; width: 200px; visibility: hidden; text-align: left; color: #FFFFFF;}

.dropmenudiv a{width: 99%;display: block;text-indent: 12px;padding: 5px 0 6px;text-decoration: none;font-weight: bold;border: 1px solid #ffffff; color: #FFFFFF;}

.dropmenudiv a:link{ color: #FFFFFF}

.dropmenudiv a:hover{background-color: #030b58;color: #FFF}

#header {background:#FFF; width:680px; margin-bottom: 10px;}
#image{background:#ffF; width:680px; margin-top: 10px;}
#image H1{font-size: 19px; font: Verdana; color:#0620a0; margin-top: 8px}
#image H2{font-size: 15px; font: Verdana; color:#0620a0; margin-top: -15px}
#image H3{font-size: 15px; font: Verdana; color:#0620a0; margin-left: 10px; text-align: left; margin-bottom: -10px}
#image p{font: Verdana; font-size:14px}
#image a{text-decoration:none}
#image a:hover{text-decoration:underline}
#menu{background: url(images/SteinerBlechman_WebHome2009_03.gif) #0066FF; height: 36px; margin-top: 3px}
#content {background:#FFF;}
#sub-section {background:#FFF; font-family:Geneva, Arial, Helvetica, sans-serif; width: 800px}
#sub-section p{font: Verdana; font-size:14px}
#sub-section H2{font-size: 15px; font: Verdana; color:#0620a0; margin-top: -15px}
#sub-section H3{font-size: 15px; font: Verdana; color:#0620a0; margin-left: 10px; text-align: left}
#sub-section p{font: Verdana; font-size:14px; margin-left: 26px}
#sub-section a{text-decoration:none}
#sub-section a:hover{text-decoration:underline}
#sub-section ul li{color:#000000; font-size: 13px; margin-bottom: 10px}
#footer {background:#FFF; font-size:11px; font-weight:bold; text-align:center; color:#0620a0}

/*******************************************************************/
body {width:650px;margin:0 auto; margin-top: 10px; text-align:left;}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
#header,#image,#content,#sub-section,#footer {overflow:visible;text-align:left}
#header,#image,#footer {width:100%; width:648px} /* safari and opera need this */
#content,#sub-section {float:left}
#content {width:46.5%}
#sub-section {width:99.9%; margin: 8px 0 0 10px}
#footer {clear:left; height: 30px; padding-top: 30px; margin-left: 14px; text-align: center}