/* CSS Document */
body{
margin:8px 0 0 0;
padding:0; 
background:url("images/bg.gif") repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#666666;
line-height:1.6;}

#wrapper{
margin:0 auto; 
padding:0;
width:745px;
}
#logo{padding:0; margin:0;background:#225781}
a{color:#8E8E1A}

 #nav {
margin:0;
padding:0;
background:#3570A3 url("images/nav-bg.gif") 0 0 repeat-x;
float:left;
width:100%;

border-width:1px 0;
}
#nav li {
display:inline;
padding:0;
margin:0;
font-size:80%;

}
#nav a
 {
color:#fff;
background:url("images/nav-bg.gif") 0 0 repeat-x;
margin:0;
padding:15px 8px 15px 8px;
float:left;
width:auto;
border-right:1px solid #225781;
text-decoration:none;
font-weight:bold ;
text-transform:capitalize;
text-shadow: 2px 2px 2px #555;
}
/* #nav li:last-child a {
border-right:none;
 }*/
 
.homepage #nav-home a,
.student #nav-student a,
.partners #nav-partners a,
.news #nav-news a,
.links #nav-links a,
.computing #nav-computing a,
.staff #nav-staff a, #nav a:hover {color:#fff;
background: url("images/nav-up-bg.gif") 0 0 repeat-x;

}
a.mainselect{
background: url("images/nav-up-bg.gif") 0 0 repeat-x;
}

#nav li#nav-links a:link, #nav li#nav-links a:visited{border-right:none;}

.clear{clear:both; height:0; line-height:0}
.clearfooter{clear:both; height:10px; }
#layoutholder{background:#fff}
#homeleft{
float:left; 
width:370px;
}
#homeright{
float:left; 
width:375px;
}
h1.home{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6;
font-weight:normal;
font-size:150%;
margin:0 0 0 0;
padding:10px 10px 0 0
}
h2.homeh2{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6;
font-weight:normal;
font-size:140%;
margin:0 0 0 0;
padding:10px 10px 0 0
}
p{font-size:70%; padding:5px 0 5px 0; margin:0}

#handbooksholder{
padding:0px 10px 10px; margin:0}

ul#handbooklist{
margin:0;
padding:0;


}/*
p#homelink{background:url(images/bullet-arrow.gif) no-repeat center left; padding:2px 0 2px 20px;}

#handbooklist li {
display:inline;
padding:0;
margin:0;
font-size:80%;

}

#handbooklist  a:link,
#handbooklist a:visited {
color:#fff;
background:url("images/student-book.gif") 0 0 repeat-x;
margin:0;
padding:0px ;
float:left;
width:170px;
text-decoration:none;

text-transform:capitalize;
height:110px;
}

#handbooklist a:hover {
color:#fff;
background:url("images/student-book-over.gif") 0 0 repeat-x;
}
#handbooklist li#staff a:link,
#handbooklist li#staff a:visited{
background: url("images/staff-book.gif") 0 0 repeat-x;
margin-left:10px;
padding:0
}
#handbooklist li#staff a:hover{
background: url("images/staff-book-over.gif") 0 0 repeat-x;
}
#handbooklist  a:link p,
#handbooklist  a:visited p{
padding:0 5px;
text-transform:none;
font-family:"Trebuchet MS", Helvetica, sans serif;
margin:0
}
*/
h3.homeh3{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#fff;
font-weight:normal;
font-size:100%;
padding:0 5px;
margin:0;
border:none;
}

h3{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#666;
font-weight:normal;
font-size:100%;
margin:0 0 0 0;
padding:5px 0 ;
text-transform:capitalize;

border-bottom:1px solid #999;

}
h4{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6;
font-weight:normal;
font-size:90%;
margin:0 0 0 0;
padding:5px 0 ;
text-transform:capitalize;
}
#footer{background:#CAE1F5; color: #2A6CA3;margin:0}
#footer a{color: #2A6CA3}
#footer p{padding:5px; margin:0; font-size:68%;}

/* date in the news section */
div#textholder{background:blue}
div.newsholder {margin:5px 0 0 0; padding:0;}

div.newsitem{float:right; width:320px; padding:0; margin:0}
div.newsitem p{padding:0; margin:0}


p.news{margin:0; padding:0 5px 0 0;}

p.datefull {color:#D24B07}

p.maintitle{color:#999; text-transform:uppercase;} 

div.date {margin: 0px 330px 0px 0px;  background:#C3C14B}



/* date styles from www.mezzoblue.com (thanks!!) */

span.calPage {color: #fff; font-size: 10px; display: block; text-align: center; text-transform: uppercase; line-height: 1.5em; margin-top: 0; 

padding-top: 5px; top: 20px;

 /* I have to choose between IE5.0 and 5.5 here. I choose 5.5.*/

left: 20px;

voice-family: "\"}\"";

voice-family:inherit; 

left: -40px;} 

i {}



span.calPage span.day {display: block; font-weight: bold; font-size: 16px; text-indent: -3px; 

letter-spacing: 0; color: #727015;}



span.calPage span.year {display: block; font-weight: normal; font-size: 9px;  

letter-spacing: 0; color: #fff; padding-bottom: 5px;}
.spacer{
margin:0;
padding:0;
height:1px;
line-height:0;
}
/*main styles for inner pages*/
h1{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6;
font-weight:normal;
font-size:150%;
margin:0 0 0 0;
padding:0 ;
text-transform:capitalize;
line-height:1
}
#layoutholderinner{background:#fff; padding:10px}

#maincontent{
float:left;
width:475px;
margin:0;
padding:0;
}
/*ul#secondnav{
font-size:70%;
list-style:none;
color:#3571A3;
padding:0;
margin: 0px;
padding: 0px;
text-align: left;
list-style: none;
}
#secondnav li{
display: inline;
margin: 0px;
padding: 0px;
width: 100%;
list-style: none;
background:url("../images/left-nav-bg.gif") 0 0 repeat-x;
} 
#secondnav li a{
display: block;
height: 24px;
margin: 0px;
padding: 0 0 0 20px;
border-bottom: 1px solid #fff;
color:#3571A3;
background:url("../images/nav-arrow.gif") center left no-repeat;
text-decoration: none;
}
#secondnav li a.selected,
#secondnav li a:hover{
text-decoration: none;
color:#fff;	
background:#3572A4 url("../images/select-bg.gif") 0 0 no-repeat;
}*/
span.maintitle{color:#999999}
#computerbu{padding:10px 0}

/* end*/

.partnertext a,
p.homelink a{
background:#5C8CB6 url("partners/images/partner-arrow.jpg") center left no-repeat;
padding:5px 5px 5px 20px;
color:#fff;
text-decoration:none;
}
.partnertext a:hover;
p.homelink a:hover{
background:#86A7C9 url("partners/images/partner-arrow.jpg") center left no-repeat;
}

/*handbook pages*/
h1{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6;
font-weight:normal;
font-size:150%;
margin:0 0 0 0;
padding:0 ;
text-transform:capitalize;


line-height:1
}

h2{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6;
font-weight:normal;
font-size:120%;
margin:0 0 0 0;
padding:7px 0 ;
text-transform:capitalize;
line-height:1.3

}


#layoutholderinner{background:#fff; padding:10px}
#leftnav{
float:left;
width:240px; 
background:url("images/left-nav-bg.gif") 0 0 repeat-x;
margin:0 10px 0 0;
}
#maincontent{
float:left;
width:475px;
margin:0;
padding:0;
}
#maincontent ul{
font-size:70%;
padding:0;
margin:5px 20px;
}
#maincontent ul li{
padding:2px 0}
#maincontent ol{
font-size:70%;
padding:0;
margin:5px 20px;
}
#maincontent ol ul{
font-size:100%;

}
#maincontent ol li{
padding:2px 0}

ul#secondnav{
font-size:70%;
list-style:none;
color:#3571A3;
padding:0;
margin: 0px;
padding: 0px;
text-align: left;
list-style: none;

}
#secondnav li{
/*display: inline;*/
	margin: 0px;
	padding: 0;
	width: 100%;
	list-style: none;
	
} 
#secondnav li a{
display: block;
	/*height: 24px;*/
	margin: 0px;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #fff;
	color:#3571A3;
background:url("images/nav-arrow.gif") center left no-repeat;
	
	
	text-decoration: none;
	

}
#secondnav li a.selected,
#secondnav li a:hover{
text-decoration: none;
color:#fff;	

background:#4b8bc2 url("images/select-bg.gif")  center left  no-repeat;


}


span.maintitle{color:#999999}
#computerbu{padding:10px 0}

h2.newsh2{padding:0; margin:0; line-height:1; font-weight:normal; font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6; font-size:95%;
}

/*partners*/
.partnerholder{
float:left;
width:100%;
background:#E7F3FA;

margin:10px 0;
}
.collegeimg{
float:left;
width:105px;
margin:0 10px 0 0;
padding:5px 0;
}

.partnertext{
float:left;
width:610px;
}
.partnertext a{
background:#5C8CB6 url(../partners/images/partner-arrow.jpg) center left no-repeat;
padding:5px 5px 5px 20px;
color:#fff;
text-decoration:none;
}
.partnertext a:hover{
background:#86A7C9 url(../partners/images/partner-arrow.jpg) center left no-repeat;
}
h2.partnerh2{
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6;
font-weight:normal;
font-size:140%;
margin:0 0 0 0;
padding:15px 10px 0 0;
text-transform:capitalize;
line-height:1
}
/****************/



h2.newsh2{padding:0; margin:0; line-height:1; font-weight:normal; font-family:"Trebuchet MS", Helvetica, sans serif;
color:#5C8CB6; font-size:95%;
}

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

/*links*/

#linksright{
float:left;
width:240px;
margin:10px 0 0 10px;
}
div#links{float:left; width:475px; padding:0; margin:0; }
div#links ul{font-size:70%; list-style:none;padding:10px 0; margin:0;}
div#links ul li{background:url(images/bullet-arrow.gif) no-repeat 0px 5px; padding:2px 0 2px 20px;}

table{font-size:70%;margin:10px 0}
table td, th{padding:5px; vertical-align:top}
table th{background:#4584BA; color:#fff}
tr.lblue{background:#ECF0F3}
tr.lgreen{background:#F8F9DF}
th#maintablehead{background:#AFBA01; text-transform:uppercase;}



 ul#handbooklist  {
        list-style: none;
       
		margin:0;
		padding:0;
		float:left;
width:100%;
font-family:"Trebuchet MS", Helvetica, sans serif;
color:#fff;
font-weight:normal;
font-size:150%;
		} 


ul#handbooklist li {
      
        margin: 0;
		background:#4c8cc3 url("images/staff-book-bg.jpg") no-repeat 0 0 ;
		list-style: none;
}
ul#handbooklist li#student {
		background:#01a4db url("images/student-book-bg.jpg")  no-repeat 0 0;
		margin: 0 0 10px 0;
}

ul#handbooklist li a { 
        color: #fff;
        display: block;
        font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding: 10px;
        text-decoration: none;
}

ul#handbooklist li a h3.homeh3{padding:0;margin:0}

 * html #links li a {  /* make hover effect work in IE */
	width:370px;
}

ul#handbooklist li a:hover {
      background:#6b89a3 url("images/staff-book-bg-over.jpg")  no-repeat 0 0;
}
#handbooklist li#student a:hover {
      background:#6b89a3 url("images/student-book-bg-over.jpg")  no-repeat 0 0;
	  
}