/* CSS for WEB Technology Students' website */
body {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  color: #000;
}

body, p, dt, dd, li, div { 
  font: normal 12px 'lucida grande', 'lucida sans unicode', helvetica, arial, sans-serif;
}

a:hover, .feature a:hover, #nav li a:hover, .main a:hover, .secondary a:hover{
  text-decoration: underline;
}

#wrapper {
  width: 780px;
  margin: 0 auto;
}


#wrapper1 {
  width: 780px;
  margin: 0 auto;

}



#header h1 {
  display: none;
}

html > #header h1 {
  height: 0;
  margin: 0;
  font-size: 1px;
  text-indent: -999em;
}

#header p.third {
  height:0px;
  margin: 0;
  background-color: #FFF;
  background-position: top left;
  background-repeat: no-repeat;
  text-align: right;
}

#header p.third img {
  padding: 0px 0px;  
}

.header1 {
  background-image: url(images/pstcc.jpeg);  
}

.header2 {
  background-image: url(images/pstcc.jpg);  
}

.header3 {
  background-image: url(images/lab.jpg);  
}

.third, .col {
  width: 260px;  
}

p.third, div.third, .col {
  float: left;  
}

div.third {
  height: 304px;  
}

.col {
  height: 356px;
}

html > div.third {
  height: auto;
  min-height: 402px;  
}

html>body .col {
  height: auto;
  min-height: 356px;
  
}
/*Feature-------------------------------*/

#nav {
  background: #FFF url(images/shadow-blue.gif) top right no-repeat;
  color: #000;  
  margin-top: 55px;
}

.feature {
  height: 47px;
   padding: 1px 2% 0 2%;
  background-color: #FFF;
  color: #000;
  font-size: 10px;

}

.feature a, .secondary a {
  color: #036;
  text-decoration: none;
  
}

/*.feature p {
  margin: 0;
  padding: 22px 62px 0 2%;
  font-size: 9px;  text-align: right;  
}*/

div.feature {
  height: 15px;
  background: #FFF url(images/pstcc-logo.gif);
  margin-left:-20px;  
}

#nav ul {
  margin: 0;
  padding: 15px 15px 0 2%;
  list-style-type: none;
  background: url(images/shadow-blue.gif) top right no-repeat;
  text-align: right;  
}

#nav li {
  margin: 0;
  padding: 3px 0;  
}

#nav li a {
  color: #000;
  text-decoration: none;  
}

#nav li a:hover {
	color: #021898;
	text-decoration: none;
}

#nav p.copyright {
  padding-right: 5%;
  color: #ccc;
  font-size: 10px;
  text-align: right;
}

h1.feature {
  height: 71px;
  margin: 0;
  padding: 0;
  background: #FFF url(images/weblogo.jpg) 64% 100% no-repeat;
  color: #369;
  font-size: 24px;
  text-indent: -5000px;  
}

* html h1.feature {
  position: relative;
  left: -4px;
  margin-right: -4px;  
}

.main a {
  color: #036;
  text-decoration: none;
}

.logo {
	   position: absolute;
	   margin-top: 480px;
			}

/*Misc----------------------------------*/
dl {
  margin:0;
  padding: 0 0 0 0;  
}

dt, dd {
  padding-right: 3%;
  padding-left: 3%;  
}

dt {
  padding-top: 15px;
  font-weight: bold;
}

dd {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 10px;  
}

dd h3 {
  margin-top: 0;  
}

.clear {
  clear: both;
}

/* Home page specifics */

#home .main {
  width: 250px;
  background-color: #FFF;
  color: #000;
  border-left:dotted;
  border-right:dotted;
  border-top:dotted;
  min-height:430px;
  max-height:430px;  
}

dl .secondaryrss {
  background: #FFF;
  width: 260px;

    
}

#home .secondary dt, #home .secondary dd, #interior .secondary dt, #interior .secondary dd {
  padding-left: 15px;  
}

/* Secondary page specifics */

hr {color:#000000;}

#interior .main {
  float: left;
  width: 520px;
  background-color: #FFF;  
}