/* CSS Document */
html, body{ 
 margin:0; 
 padding:0; 
 height: 100%;
 font-family: Letter Gothic Std, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 }
h2 {
 font-size: 14px;
 border-top:1px dashed #FF0000;
 font-weight:normal;
 text-transform:uppercase;
 margin: 10px 0 5px 0;
 padding-top: 10px;
 }
h3 {
 font-size:12px;
 font-weight:normal;
 margin: 10px 0 5px 0;
}
p {
margin: 8px 0 5px 0;
padding: 0 ;
}
#container {
 width: 700px;
 margin: 0px auto; 
 border-left: 1px dashed #CCCCCC;
 border-right: 1px dashed #CCCCCC;    
 min-height:100%;
 height:auto !important;
 height:100%;
 }

#header {
 margin-left: 7px;
 padding-top: 17px;
 }
 
#content {
 width: 540px;
 margin-left: 84px;
 }
#details {
 width: 380px;
 }
.icons {
 padding: 0px 0 0px 0;
 }
.icons img.icon {
 margin: 0px 4px 5px 0;
 }
 
.video {
 float: left;
 padding-top: 10px;
 width:200px;
 }
.videoDetails {
 float:left;
 padding-top: 10px;
 margin-left: 15px;
 width: 125px;
 }

#footer {
 margin-left: 20px;
 margin-top: 10px;
 clear:both;
 }
.footerText {
 float:left;
 margin: 0 0 0 14px;
 color: #999999;
 }
.footerText p {
 margin:0;
 padding-top:3px;
 }
#logo {
 float:left;
 margin-top:2px;
 }

.postgrad {
 color:#2b4855;
 text-decoration: none;
 }
.year3 {
 color:#4b315b;
 text-decoration: none;
 }
.year2 {
 color:#827e0f;
 text-decoration: none;
 }
.year1 {
 color:#823a86;
 text-decoration: none;
 }
a{
 color: #666666;
 }
a:hover.postgrad, a:hover.year3, a:hover,year2, a:hover.year1 {
 color:#c53737;
 }