* {margin:0;padding:0;}
body {font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; text-align: center;}
#container{margin: 10px auto 10px auto; width: 768px; text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size: 110%;}
img{border:none;}
#head td {vertical-align:top;}
#head ul {list-style:none; margin:0 0 0 10px; float: left; display:block; width: 180px;}
#head {background: #3D5529 url('head_bg.gif') repeat-x top left ; height: 111px; width: 768px;}
.title {background: transparent url('head_title_bg.gif') no-repeat top left;width:374px;}
.menu {background: transparent url('head_menu_bg.gif') no-repeat top right ;}
#head h1 { color:#fff; font-size: 30px; margin: 30px 0 0 30px;}
#head ul  {margin: 30px 10px 0 0; font-size: 112%; list-style:none}
.lecture ul {list-style:none;margin: 10px 0 0 0}
.lecture li {padding-left: 15px;background:transparent url('arrow.gif') no-repeat left bottom;}
#head a {color: #fff; text-decoration:none; padding-left: 10px;background: transparent url('menu_arrow.gif') no-repeat center left ; }
#head a:hover, #head  .act a {color:yellow; background: transparent url('head_menu_arrow_act.gif') no-repeat center left ; }
#head h1 a, #head h1 a:hover {background-image:none; padding-left:0;}
#intro, #highlights { border-top: 10px solid #fff; background: #E5E5E5;}
#intro td.pic {width: 146px; background: #fff;}
#intro .pic img {border: 2px solid #fff;}
#intro .pic div {border: 1px solid #CFCFCF;width:136px;margin-left:10px;}
#intro .text {vertical-align:top; padding:20px;}
#intro h2,#highlights h3,#highlights h3 a,#highlights h4 a,#highlights h4,#bodycopy a, a {background:transparent;color: #3D5529; text-decoration:none;}
#highlights h3 a:hover,#highlights h4 a:hover, #bodycopy a:hover, a:hover {color:#6F2922;background:transparent;}
#highlights td {height: 65px; vertical-align:top; padding: 10px 20px; 10px 10px;}
#highlights .two, #highlights .three {border-left: 10px solid #fff;}
#section  {background:#E5E5E5; border-top: 9px solid #fff; height:62px; }
#section h2 {margin-left: 28px;color: #3E5529; margin-right:10px}
#section .sectionTitle {width:240px;white-space: nowrap;}
#section ul {list-style:none; display:block;float:left; margin-right: 10px;/* width: 160px;*/}
#section a {font-weight:bold;text-decoration:none;color:#3E5529; padding-left: 10px; background: transparent url('bullet_arrow.gif') no-repeat center left ; display:block; }
#section a:hover, #section .act a { color:#6F2922;background: transparent url('bullet_arrow_active.gif') no-repeat center left ; }
#bodycopy{ border: solid #E5E5E5; border-width: 0 6px 6px 6px; padding: 12px 22px 22px 22px; min-height: 310px;/* overflow:auto;*/}
#bodycopy h3 {color: #6F2922; margin:10px 0 10px 0;}
#bodycopy h4 {letter-spacing: 1px;color:#333}
#bodycopy p.date {font-weight:bold;font-family: Georgia,"Times New Roman",serif;text-align:right;color:#333;font-size:110%;margin-bottom:10px;}
#bodycopy .lecture hr {margin: 20px 0 20px 0;color: #dfdfdf; background: #e3e8d0; border: 0; height: 1px;}
#bodycopy p {text-align:justify}
#bodycopy p a, #highlights p a {text-decoration:underline;}
#bodycopy li {list-style:none; padding-left: 10px;background: transparent url('bullet.gif') no-repeat center left ;}
#footer {background: #E5E5E5; border-top: 9px solid #fff; padding: 10px 28px 10px 28px; text-align:right; color:#3D5529;}
#footer ul {list-style:none;}
#footer li{display:inline;}
#footer a {color:#3D5529; text-decoration:none;}
#footer a:hover {color:#6F2922;}
#copy {text-align:right;color:#ccc;font-size: 90%;}
#container .csi-image img {margin:5px;}
#container .csc-caption {margin: 0 5px 0 5px; font-size:100%; color:#6F2922;}
.clear {clear:both;}