body { color: #333; background: url('http://www.webtexture.net/wp-content/uploads/2012/10/5-Seamless-Fabric-Patterns-Thumb02.jpg') #444;}

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

.platform {margin: 20px auto; background-color: #fff;}
.header {padding:40px; padding-bottom:30px; background-image: url("../img/bg.png");}
.name-text {font-size: 36px; margin-bottom:10px; margin-top: 30px; line-height: 36px;color:orange;}
.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:40px;}
.section-title {  font-size: 20px; font-style: italic; padding-bottom: 5px;}
.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: orange; margin-bottom: 5px;}
.pdf {width: 50px; display:block; height: 50px; background-image: url(../img/pdf_icon.png); cursor: pointer; margin-top:10px;}
a.dotted {border-bottom: 1px black dotted; display: block;}
a.dotted:hover {text-decoration: none;}

/* Portrait tablet to landscape and desktop */
@media (min-width: 900px) { 
  .platform {width:980px; }
  .section-title { width: 180px; }
  .section-body { width: 690px; }
  
  .pdf {position: fixed; top:250px; margin-left: 300px;}

  .item-name { max-width:550px; font-size: 16px; font-weight: bold; color: orange;}
  .item-desc { max-width:550px; font-size:14px; font-style: italic;}
  .item-period {border: 1px solid #ddd; font-size: 12px; padding:2px 5px 2px 5px;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
  .name-text {margin-top: 15px;}
  .main {padding:20px; padding-bottom:25px;}
  .platform {margin: 10px auto;}
  .header {padding:10px; padding-bottom:0px;}
  .seperator {margin: 5px 0 10px 0;}
  .inner-seperator {margin:5px 0 10px 0; }
}

#footer {
	color:white;
	
	background-image: url("../img/bg.png");
	border-top:1px solid #ddd;

	color: #333;
}

#footer a{
color: #333;
color: #333;
}

a:active {
}