html, body{
   padding:6px; 
   margin:0px; 
   width:98%;
   font-family: Arial,Helvetica,sans-serif;
}


/**** HEADER OF PAGE **********************************************************/
.header{
   width:auto;
   height:70px;
   padding:0;
   margin:20px;
   margin-top:0px;
   margin-bottom:0px;
}

.headcontent{
   height:100%;
   padding:0;
   margin:0;
   background-color:#D1D9EF;
}

.headtext{
   position:relative;
   top:2px;
   background-color:transparent;
   padding:0;
   margin:0;
   font-family: Tahoma, Helvetica, sans-serif;
   font-weight:normal;
   /* font-variant:small-caps; */
   letter-spacing:4px;
   display:inline;
}

* html body .headtext{
   top:3px;
}

.depttext{
   font-size:100%;
   color:#5F5F5F;
}

.compscitext{
   font-size:250%;
   letter-spacing:6px;
   color:#5F5F5F;
}

.cslogo{
   padding-top:5px;
   padding-left:5px;
   padding-right:15px;
   float:left;
}

.unilogo{
   padding-top:10px;
   padding-left:10px;
   padding-right:15px;
   float:right;
}

/*Hack to make search integrate better with header in IE*/
* html body .iebox{
   position:absolute;
   left:20px;
   top:20px;
   height:5px;
   width:5px;
   background-color:#A4B8EF;
   z-index:-1;
}

.search{
   width:200px;
   height:21px;
   padding:0px;
   margin:20px;
   margin-bottom:0px;
   margin-top:5px;
}

* html body .search{
   height:15px;
}

.searchcontent{
   background-color:#A4B8EF;
   height:100%;
   padding:0;
   margin:0;
}

.searchform{
   position:absolute;
   top:5px;
   left:25px;
   width:250px;
   height:20px;
   margin:0;
   padding:0;
   border:none;
   vertical-align: bottom;
}

* html body .searchform{
   top:6px;
}

.searchfield{
   height:12px;
   border-width: 0px;
   padding:0px;
   padding-left:2px;
   margin:0;
   vertical-align:middle;
   font-size:10px; 
   font-weight:100;
   font-family: Tahoma, Helvetica, sans-serif;
   letter-spacing:1px;
   width:135px;
}

.searchbutton{
   padding:0px;
   padding-left:1px;
   padding-right:1px;
   margin:0;
   border:none;
   font-size:10px; 
   font-weight:100;
   font-family: Tahoma, Helvetica, sans-serif;
   letter-spacing:1px;
   background:#D1D9EF;
   color:#39497B;
   vertical-align:middle;
}

.datetime{
   position:absolute;
   top:5px;
   right:35px;
   padding:0;
   margin:0;
   color:#AFAFAF;
   font-family: Tahoma, Helvetica, sans-serif;
   font-size:smaller;
   /* font-variant:small-caps; */
   font-weight:normal;
}

.bannerpic{
   padding:0;
   margin:0;
   height:80px;
   width:343px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/banner.png');
   background-repeat:no-repeat;
   position:absolute;
   top:25px;
   left:47%;
}

.bannerpic[class]{
   background-image:url(/images/banner.png);
   top:26px;
}
/******************************************************************************/


/**** FOOTER OF PAGE **********************************************************/
.footer{
   width:auto;
   height:25px;
   padding:0;
   margin:20px;
   margin-bottom:15px;
   clear:both;
}

* html body .footer{
   margin-bottom:5px;
}
.footercontent{
   height:100%;
   padding:0;
   margin:0;
   background-color:#D1D9EF;
}

.leftfootercontent{
   float:left;
   padding:0;
   margin:0;
   padding-left:10px;
}

.rightfootercontent{
   float:right;
   padding:0;
   margin:0;
   padding-right:10px;
}

.footertext{
   font-family:Tahoma,Helvetica,sans-serif;
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
   background-color:transparent;
   color:#404060;
}

.legals{
   float:left;
   padding:0;
   margin:0;
   padding-left:30px;
   padding-bottom:10px;
}

.pageinfo{
   float:right;
   padding:0;
   margin:0;
   padding-right:30px;
   padding-bottom:10px;
}

/*****************************************************************/

/**** LINKS ******************************************************/

.links{
   position:absolute;
   right:25px;
   top:2px;
   padding:0;
   margin:0;
}

.nav{
   padding:0;
   margin:0;
   list-style-type:none;
   display:inline;
}

.navitem{
   padding:0;
   margin:0;
   display:inline;
}

body a.navlink {
   /* padding-left:5px; */
   color:#404060;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

body a.navlink:visited{
   color:#404060;
   background-color:transparent;
   /* font-weight:bold; */ 
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
} 

body a.navlink:hover {
   color:#8B8EA3;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

body a.navlink:focus{
   color:#8B8EA3;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:underline;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

body a.footernavlink {
   /* padding-left:5px; */
   color:#404060;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

body a.footernavlink:visited{
   color:#404060;
   background-color:transparent;
   /* font-weight:bold; */ 
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
} 

body a.footernavlink:hover {
   color:#8B8EA3;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

body a.footernavlink:focus{
   color:#8B8EA3;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:underline;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

.navsep{
   color:#AFAFAF;
   font-size:12px;
}
/*****************************************************************/


/***** YEAR TAB ***************************************************/

.yearnav{
   position:absolute;
   top:5px;
   left:220px;
   width:89px;
   height:16px;
   padding:0;
   margin:0;
}

* html body .yearnav{
   height:15px;
}

.yearnavcontent{
   background-color:#8393BF;
   height:100%;
   padding:0;
   margin:0;
}

.cont{
   position:absolute;
   top:0px;
   left:3px;
}

.nowyeartext{
   font-family:Tahoma,Helvetica,sans-serif;
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
   background-color:transparent;
   color:white;
}

.pastyeartext{
   font-family:Tahoma,Helvetica,sans-serif;
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
   background-color:transparent;
   color:#FFCB3F;
}

.futureyeartext{
   font-family:Tahoma,Helvetica,sans-serif;
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
   background-color:transparent;
   color:#58FF4F;
}

body a.yearlink {
   /* padding-left:5px; */
   color:white;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

body a.yearlink:visited{
   color:white;
   background-color:transparent;
   /* font-weight:bold; */ 
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
} 

body a.yearlink:hover {
   color:#404060;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:none;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}

body a.yearlink:focus{
   color:#404060;
   background-color:transparent;
   /* font-weight:bold; */
   text-decoration:underline;
   font-family:Tahoma,Helvetica,sans-serif;
   /* font-variant:small-caps; */
   /* letter-spacing:1px; */
   font-size:12px;
   border-bottom:0px dotted #4F4F4F;
}
/******************************************************************/

/***** EDIT TAB ***************************************************/

.editnav{
   position:absolute;
   top:5px;
   left:309px;
   width:94px;
   height:16px;
   padding:0;
   margin:0;
}

* html body .editnav{
   height:15px;
}

.editnavcontent{
   background-color:#A4B8EF;
   height:100%;
   padding:0;
   margin:0;
}

.editcont{
   position:absolute;
   top:0px;
   left:3px;
}

/******************************************************************/

/*****Teaching links***********************************************/

.teachbox{
   padding:0;
   margin:0;
   position:absolute;
   right:20px;
   top:101px;
   height:5px;
   width:1px;
   background-color:#D1D9EF;
}

* html body .teachbox{
   right:19px;
   top:100px;
}

.teach{
   float:right;
   width:472px;
   height:18px;
   padding:0;
   margin:0;
   margin-top:10px;
   margin-right:20px;
}

* html body .teach{
   margin-top:0;
   margin-right:10px;
}

.teachcontent{
   height:100%;
   padding:0;
   margin:0;
   background-color:white;
   text-align:right;
   padding-right:6px;
}

.teachnav{
   padding:0;
   margin:0;
   list-style-type:none;
   display:inline;
   vertical-align:top;
}

.teachnavitem{
   padding:0;
   margin:0;
   display:inline;
}
/******************************************************************/

* html body .pnghide{
   visibility:hidden;
}

/*Main Bulk of Page*/
div.content{
   font-family:Arial,Helvetica,sans-serif;
   font-weight:normal;
   margin-left:30px;
   margin-right:30px;
   margin-top:20px;
   /* width:95%; */
   color:black;
}

/*Images get their own style*/
body img{
   border:none;
}

/*Remove borders from img links */
body a.imglink:link{
   color: #FFFFFF;
   text-decoration:none;
   border-bottom:0px dotted #4F4F4F;
}

body a.imglink:visited{
   color: #FFFFFF; 
   text-decoration:none;
   border-bottom:0px dotted #39497B;
}

body a.imglink:hover{
   color: #FFFFFF;
   text-decoration:none;
   border-bottom:0px dotted #39497B;
}

.past{
   background-color:#EFEFD1;
}
.future{
   background-color:#EEFFEE;
}