#academic{
  padding: 0px 10px 10px 010px;
  text-align: center;


  background-image: url(../images/backgroundimage.jpg);
  background-color: #eee;
  background-position: center top;
  background-attachment: fixed;

}

#academic #academics{


  background-image: url(../images/academicbg.jpg);
  background-repeat: repeat-y;
  margin-left: 25px;
  margin-top: 5px;

}

#academic #academics #academicscontent{
  
  height: 556px;

}


#academic #academiclinks{

  width: 350px!important;
  float: right;
  margin-right: 30px;

  display: inline;

}

#academic #academiclinks ul{

  list-style-type: none;
  width: 370px!important
}

#academic #academiclinks ul a{

  display: block;

  width: 370px!important;

  font-size: 1.2em;

  text-decoration: none;
  text-align: right;

  color: #fff;

}

#academic #academiclinks ul a:hover{

  color: #ff0;
  
}

/* ######################################

   ##########  ACADEMIC COLLEGES ######## 
 
   ###################################### */

#academics{

  width: 694px;
  margin-left: 26px;
  background-color: #81382f;

}	

#academics #academicscontainer{

  width: 694px;
  background-color: #fff;

  padding-bottom: 25px;
}

#academics #contents{

  float: left;
  width: 390px!important;
  min-height: 400px;
  #height: 400px;

  background-color: #fff;

}

#academics #logo{

  float: left;
  margin-top: 10px;

}

#academics #academicsnavbar{ 

  width: 674px;
  height: 35px;
  background-color: #fff;
  
  margin-left: 10px;
  padding-top: 10px;

}

#academics #academicsnavbar a{

  display: block;
  float: left;

  text-decoration: none;
  font-size: 1.1em;

  padding: 1px 10px 3px 10px;
  border-bottom: 3px solid #000;
  border-right: 1px solid #000;

  color: #555;
  /* background-color: #eee; */

}

#academics #academicsnavbar a.end{

  border-right: 0;

}

#academics #academicsnavbar a:hover{

  background-color: #ddd;

}

#academics #contents h2{

  font-size: 1.3em;
  margin-left: 20px;
  margin-top: 5px;

  text-decoration: underline;

}

#academics #contents h3{
  margin-top: 10px;
  margin-left: 35px;

  font-size: 1.2em;
}
  
#academics #contents p{


  text-indent: 1em;
  font-size: 1.1em;
  margin-left: 35px;
  margin-top: 5px;
  padding: 0px!important;


}

#academics #contents ol, #academics #contents ul{

  font-size: 1.1em;
  margin-left: 70px;

}

#academics #contents li{

  margin-top: 5px;

}


/* #################################################

   ##########  ACADEMIC COLLEGES BACKGROUND ######## 
 
   ################################################# */

#academicscoe{

  background-image: url(../images/backgroundimage.jpg);
  background-attachment: fixed;
}

#academiclinks{

  margin-top: 30px;

}


/* #################################################

   ############ MEDIA GALLERY ######################

   ################################################# */

#schoolalbum{

  margin-top: 10px;
  margin-left: 30px;

}

#schoolalbum #schoolalbumwrapper{

  margin-top: 10px;
  margin-left: 20px;
  float: left;

}

#schoolalbum #schoolalbumimage{

  width: 140px;
  height: 105px;
  overflow: hidden;

}

#schoolalbum img{

  border: 0px;
  width: 140px;

}

#schoolalbumtitle p{
 
  margin: 0;
  padding: 0;

  margin-left: -0px!important;

}

#schoolalbumtitle a{

  font-size: .8em;
  color: #744;
  text-decoration: none;

}

#schoolalbumtitle a:hover{

  text-decoration: underline;

}

#schoolalbum #schoolalbumcount p{

  margin: 0px!important;
  margin-top: -3px!important;
  margin-left: 30px!important;
  font-size: .9em;

}

p.schoolmediaheader{

  font-size: 1.5em!important;
  font-weight: bold;

}

.schoolmediaheader a{

  text-decoration: none;
  color: #733;

}

.schoolmediaheader a:hover{

  color: #a33;
  font-size: 1.1em;
  font-weight: 0!important;

}

#albumtitle{

  margin-top: 15px;
  margin-left: 5px!important;
  font-weight: bold;
  
  color: #de0000;

}

#albumdescription{

 margin-left: 15px;

}

/*############################################

  ######### NEWS ARCHIVES ####################

  ############################################ */

#articlewrapper{
 
  min-height: 200px;
  #height: 200px;

}

#newsarchives{

  margin-left: 15px;
  margin-top: 3px;
  #margin-top: 12px;

}

#newsarchivesnav{

  font-size: 1.1em;
  margin-left: 10px;
  margin-top: 10px;

  padding-bottom: 1px;
  border-top: 3px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #e9e9e9;
}

#newsarchivesnav p{

  text-align: right;
  margin-right: 30px;

}

#newsarchivesnav a{

  color: #f50050;

}

#newsarchivesnav a:hover{

  font-weight: bold;

}

#newsarchivesnav input{

  margin-left: 2px;
  font-size: 1em;
  text-align:center;

  border: 1px solid #909090;

}

#newsarchivesnav input.btn{

  background-color: #000;
  color: #fff;
  font-weight: bold;

}

#article{

  background: url(../images/newsdivider.gif) 15px bottom;
  background-repeat: no-repeat;

}

#article .title{

  margin-top: 10px!important;
  margin-left: 25px!important;
  font-weight: bold;
  color: #720000;

}

#article .message{

  color: #353535;

}

#article .author{

  margin-right: 30px; 
  text-align: right;
  font-style: italic;
  color: #909090;

}

#article a{

  text-decoration: none;
  color: #de0000;

}

#article a:hover{

  font-weight: bold;

}

#newsfooternav{

  margin-top: 30px;
  margin-left: 10px;
  font-size: .8em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-bottom: 3px;

  background-color: #e9e9e9;  

}

#newsfooternav a{

  text-decoration: none;
  color: #de0000;

}

#newsfooternav a:hover{
  
  font-weight: bold;

}

#newsfooternav span.pages{

  padding-left: 10px;
  padding-right: 10px;


}

#newsfooternav p{
 
  text-align: right;
  margin-right: 30px;

}

h3.news{

  padding-left: 50px;
  padding-top: 30px;

}

h3.news a{

  text-decoration: none;
  color: #de0000;

}

h3.news a:hover{

  color: #de0000;
  text-decoration: underline;

}

/* ###############################################

   ##### TABLE DATA : 2 COLUMNS ##################
	
   ############################################### */

.tabledatatwocolumn td{

  font-size: .6em;
  width: 140px;
  padding-top: 10px;
  padding-left: 10px;
  vertical-align: top;

}

.tabledatatwocolumn .b{

  width: 100px;
  font-weight: bold;
  vertical-align: top;

}

.tabledatatwocolumn .r{
  width: 270px;
}