body { color: #333; background-color: #444;}

.border {border:1px solid #ddd; }
.hide {display:none;}

.platform {margin: 40px auto; background-color: #fff;}
.header {padding:40px; padding-bottom:30px; }
.name-text {font-size: 36px; margin-bottom:10px; margin-top: 30px; line-height: 36px;}
.major-text {font-size: 18px; margin-bottom: 10px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-bottom-2 {margin-bottom:2px;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}

.main {padding-left:40px; padding-right:40px; }
.section-title {  font-size: 20px; font-style: italic; padding-bottom: 10px; margin-right:20px ; }
.section-body { }
.seperator {border-bottom: 1px solid #ddd; margin: 20px 0 30px 0;}
.seperator-line {border-bottom: 0px solid #eee; margin: 2px 0 2px 0;}
.inner-seperator {margin:10px 0 20px 0; border-bottom: 1px dashed #ddd;}
.section-body ul {margin-left: 17px;}
.subject-name { font-size: 16px; font-weight: bold; color: #2e4dbf; margin-bottom: 5px;}
a.dotted {border-bottom: 1px black dotted; display: block;}
a.dotted:hover {text-decoration: none;}

.item-name { max-width:550px; font-size: 16px; font-weight: bold; color: #2e4dbf;}
.item-desc { max-width:550px; font-size:14px; font-style: italic;}
.item-period {border: 1px solid #036; font-size: 12px; padding:2px 5px 2px 5px; margin-right:10px;}