/* for top header copied from newstyles.css to here,START */
.topStrip{background:#fff; height:1px; width:964px; font-size:9px; color:#ffffff; vertical-align:top;}
#header {height:89px; background:#FFFFFF;}
#logo{background:url(../images/sre_logo_sm.jpg) top left no-repeat; float:left; height:89px; width:350px; }
#topRight{width:614px; height:89px; text-align:right; float:left;}
#topRight a { color: #333; }
#topNav { margin: 0; padding: 0; }
#topNav ul  { display: inline-block; margin: 0; padding: 0; }
#topNav ul li { display: inline; list-style-type: none; }
#topNav a { font-weight: bold; display: inline-block; color: #333; text-decoration: none; padding-right: 10px; }
#topNav a.last { border-right: none; padding-right: 5px; }
/* END */

/* common css */
*{ margin:0px; padding:0px; border:0px;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0px auto; font-size: 11px; line-height: 1.5em; color: #444; background: url(../images/body-bg.png) repeat-x top #FFF; }
a{  color:#00703C; text-decoration: underline; }
a:hover{   color:#ffc220;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */
.brclear { clear:both;height:0; margin:0;font-size: 1px;line-height: 0px;}
.floatleft{ float:left;}
.floatright{ float:right;}

#holderM{ background:#FFF; width:964px;margin:0px auto 50px auto; text-align:left;}
.logo{ float:left; padding:10px 0 0 10px;}
.cont-number { float:right; text-align:right; padding:15px 10px 0 0; line-height:25px; color:#924302;}
.cont-number b{ font-size:20px; font-weight:bold;}
.tablebg{ background:url(../images/shodow-M.png) repeat-y;}
.border{border:1px #eee solid; }
#contentM{ background:#fff;}
#leftcol { float:left; width:265px; background:#f1f4d7; border-left:1px solid #FFF;  }
#leftcol label { display:block; padding-left:10px;}
#leftcol label.halfsize { display:inline; float:left; width:113px; padding-left:10px; }
#leftcol input { border:1px solid #bbbe9c; padding:1px; margin:0 0 10px 10px; display:block; width:240px;}
#leftcol input.checkbox { border:none; padding:1px; margin:0 10px 10px 10px; float:left; width:auto;}
#leftcol .selectbox { border:1px solid #bbbe9c; padding:0px; margin:0 0 10px 10px; display:block; width:243px; }

#leftcol input.halfsize { border:1px solid #bbbe9c; padding:1px; margin:0 0 10px 0px; display:inline; float:left;width:115px;}
#leftcol textarea { border:1px solid #bbbe9c; padding:1px; margin:0 0 10px 10px; display:block; width:240px; height:100px;}
#leftcol p.intext { padding:0px 20px 15px 10px; float:left;}
#middlecol{ float:right; text-align:left; clear:right; width:655px; padding:20px 30px 0 5px;}
#middlecol h2{ border-bottom: 1px solid #000; color: #444;   margin-bottom: 15px; font-size: 16px; font-weight: bold;   line-height: 20px;}
#middlecol h3{ color:#00620F;   font-size:14px; margin:25px 0 12px;}
#middlecol h4{  margin-bottom:6px; font-size: 12px;}
#middlecol h5{   margin-bottom:6px; font-size: 11px;}
#middlecol p{ margin-bottom:8px;} 

#middlecol ol{ margin: 0px 0px 8px 40px;}
#middlecol ul { margin: 0px 0px 8px 30px;}
ul.pdflist{display:block; margin:5px 0px 5px 0px;}
ul.pdflist li{ display:block; background:url(../images/iconpdf.png) no-repeat left top; padding-left:20px; margin-top:10px; list-style-type:none;}

/* added as per the suggestion given by Paul */
hr {border:0px; border-top:1px dotted #CCC; height:0px;}