
div#content-primary a:link    { color: #006699; font-weight: bold; text-decoration: none; }
div#content-primary a:visited { color: #6699CC; font-weight: bold; text-decoration: none; }
div#content-primary a:hover   { color: #CC6633; font-weight: bold; text-decoration: underline; }
div#content-primary a:active  { color: #006699; font-weight: bold; text-decoration: none; }

div#content-secondary a:link    { color: #006699; font-weight: bold; text-decoration: none; }
div#content-secondary a:visited { color: #006699; font-weight: bold; text-decoration: none; }
div#content-secondary a:hover   { color: #CC6633; font-weight: bold; text-decoration: underline; }
div#content-secondary a:active  { color: #006699; font-weight: bold; text-decoration: none; }

#home a.homenav:link { color: #CC6633; font-weight: bold; text-decoration: none; }
#home a.homenav:visited { color: #CC6633; font-weight: bold; text-decoration: none;  }
#home a.homenav:hover { color: #CC6633; font-weight: bold; text-decoration: underline; }
#home a.homenav:active { color: #CC6633; font-weight: bold; text-decoration: none;  }
 
#content-primary ul { list-style: disc url("../icons/bullet.gif"); padding-left:20px; margin:0px 0px 10px 0px; }
#content-primary ul.arrowlist { list-style: disc url("../icons/arrow.gif") inside; margin:0px; padding:3px; }
#content-primary img.noborder { border: 0px solid #fff;}

img.dropshadow { background:#fff; padding:5px; border-right:solid 2px #ddd; border-bottom:solid 2px #ddd; }
img.left { background:#fff; float: left; margin: 0px 10px 0px 0px; border: solid 0px #ffffff;}

.line { border-bottom: thin dotted #cccccc; padding: 10px 0px 0px 0px; }
.intro { padding: 10px 5px 0px 5px; font-size: 14px; color: #666; font-style: italic; }
.right {float: right; margin: 0px 0px 0px 20px;}
.left {float: left; margin: 0px 10px 0px 0px;}
.left {width: 154px;}
.quote { padding: 10px 0px 0px 0px; font-size: 14px; color: #666; font-style: italic; }
.pleasenote { border: 2px solid #0099cc; margin: 10px 0px 10px 0px; text-align: left; font-weight: bold; padding: 10px; vertical-align: top; width:auto;}
.outline { border: 1px solid #D4D0C8; margin: 10px 0px 10px 0px; padding: 10px;  background: #F6F4F1; vertical-align: top;}

#home { border-collapse: collapse; border: 0px solid #fff; background:#fff; }
#home th { padding: 6px 0px 1px 0px; background: #fff; text-align: left; text-transform:uppercase; color:#cc6633; font-weight:bold; vertical-align: bottom; }
#home td { border: 1px solid #D4D0C8; vertical-align: top; padding: 8px; background: #F6F4F1;}
#home .noborder { border: 0px solid #fff; background: #fff;}
#home .banner { border: 0px solid #fff; background-image:url("../images/banners/default.jpg"); background-repeat:no-repeat;  height:205px;}
#home .banner p.header { text-align: right;  font-weight: normal; color:#fff; font-size: 200%; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-top: 20px; text-decoration:none; }
#home .banner p { text-align: right;  font-weight: bold;  color:#fff; font-size: 110%; }
div#home .banner a, #home .banner a:visited { text-align: right;  font-weight: bold;  color:#e4eaea; font-size: 100%; text-decoration:underline;}
#home img { background:#fff; padding:5px; border-right:solid 2px #ddd; border-bottom:solid 2px #ddd; float: right; margin-left:3px; }

table.noborder { border-collapse: collapse; border: 0px solid #666; margin-bottom: 5px; }
table.noborder th { border: 0px outset #666; padding: 3px; background: #d4d0c8; text-align: left; font-weight: bold;  }
table.noborder td { border: 0px outset #666; padding: 3px; vertical-align: top;}
table.noborder th p, table.noborder td p, table.noborder td ul, table.noborder td ol, table.noborder td li, table.noborder td a { font-size: 100%;}

table.standard { border-collapse: collapse; border: 1px outset #ccc; margin-bottom: 5px;}
table.standard th { border-collapse: collapse; border: 1px outset #ccc; padding: 3px; background: #d4d0c8; text-align: left; font-weight: bold; }
table.standard td { border-collapse: collapse; border: 1px outset #ccc; padding: 3px; vertical-align: top;}
table.standard th p, table.standard td p, table.standard td ul, table.standard td li, table.standard td ol { font-size: 100%;}

table.related { border-left: 1px solid #A5A6AA; border-bottom: 1px solid #e4eaea; background: #fff; margin: 0px 0px 5px 5px; float: right; }
table.related th { padding: 8px 10px 8px 10px; color: #cc6600; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 1.2em; border-bottom: 1px solid #fff; border-top: 1px solid #e4eaea; background-color: #FCFBFF; } 
table.related td { border-bottom: 1px solid #fff; border-top: 1px solid #e4eaea; padding: 3px 10px 3px 10px; background-color: #e8f0ff; }
table.related th p, table.related td p, table.related td ul, table.related td ol { font-size: 100%;}
table.related img { float:right; background:#fff; border-right:solid 2px #ddd; border-bottom:solid 2px #ddd; margin-left:3px; }

table.sidebar { border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; margin: 0px 0px 5px 5px; float: right; }
table.sidebar th { padding: 8px 10px 8px 10px; color: #cc6600; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 1.2em; border-bottom: 1px solid #fff; border-top: 1px solid #e4eaea; background-color: #fff; } 
table.sidebar td { border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 3px 10px 3px 10px; background-color: #fff; }
table.sidebar th p, table.sidebar td p, table.sidebar td ul, table.sidebar td ol { font-size: 100%;}
table.sidebar img { float:right; padding:5px; background:#fff; border-right:solid 2px #ddd; border-bottom:solid 2px #ddd; margin-left:3px; }

table.pleasenote { border-collapse: collapse; border: 2px solid #0099cc; margin: 10px 0px 5px 0px; text-align: left; font-weight: bold; }
table.pleasenote td { padding: 10px; vertical-align: top; }
table.pleasenote th p, table.pleasenote td p, table.pleasenote td ul, table.pleasenote td li, table.pleasenote td ol { font-size: 100%;}

table.alert { border-collapse: collapse; border: 2px solid #ffcc66; background:#ffffcc; margin: 10px 0px 5px 0px; text-align: left; font-weight: bold;  }
table.alert td { padding: 10px 10px 10px 40px; vertical-align: top; background: url("../icons/icon-alert.gif") no-repeat; }
table.alert th p, table.alert td p, table.alert td ul, table.alert td li, table.alert td ol { font-size: 100%;}

table.outline { border-collapse: collapse; border: 1px solid #D4D0C8; margin: 5px 0px 10px 0px; }
table.outline th { background: #d4d0c8; text-align: left; padding: 5px; font-weight: bold; }
table.outline td { background: #F6F4F1; padding: 15px 5px 15px 15px;  vertical-align: top;}
table.outline th p, table.outline td p, table.outline td ul, table.outline td li, table.outline td ol { font-size: 100%;}
.part { font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; color:#cc6633;}

table.grey { border-collapse: collapse; border: thin solid #ccc; margin: 0px 0px 10px 10px; }
table.grey th { border-bottom: thin dotted #cccccc; text-align: left; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color:#666666;}
table.grey td { border-bottom: thin dotted #cccccc; padding: 5px;}

#factfile { border-collapse: collapse; background: #F6F4F1; margin: 1em 0em 1em 1em; width: 260px; float: right; text-align: left; vertical-align: top; border: 1px solid #D4D0C8;}
#factfile table { margin: 15px; }
#factfile th { padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color:#666666;}
#factfile td { padding: 2px; font-size: 11px;}
#factfile li { font-size: 11px;}
#factfile strong { color:#333; }
#factfile img { background:#fff; padding:5px; border-right:solid 2px #ddd; border-bottom:solid 2px #ddd; width:200px; float: left; margin-bottom:10px;  }




/* Special Tabs per Helen */


div#navtabs 
{ 
background-color: #006699; min-width: 694px; max-width: 1214px; padding: 0px 20px 0px 20px; border-left: 1px solid #066;  border-right: 1px solid #066; background-image: none;  background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; line-height: 1em; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto; overflow-x: hidden; overflow-y: hidden; }

div#navtabs ul {
background: #006699; float:left; list-style: none; margin:0; padding: 0px; width:100%; }

div#navtabs li {
       background-color: #006699; display: block; float: left;
       }
div#navtabs a {
       display: block;
/*
       float: left;
*/
       color: #fff;
       text-decoration: none;
       background-color:#006699;
       padding:4px 10px 4px 10px;
       border-right: 1px solid #3399cc;
}
div#navtabs a:hover {
       display: block;
       float: left;
       color: #000;
       text-decoration: none;
       background-color: #F6F4F1;
}
div#navtabs a.first {
       border-left: 1px solid #3399cc;
       border-right: 1px solid #3399cc;
}
div#navtabs a.current {
       background-color: #cc6633;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
div#navtabs li a { float: none }
/* End IE5-Mac hack */
/*end of tabbed nav bar*/



/*hvs 02.03*/
div#dept-title {
background-color: #3399cc; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%;
background-y-position: 0%; min-width: 694px; max-width: 1214px; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto;
overflow-x: hidden; overflow-y: hidden; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px;
}

div#dept-title h2 {
margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0.2em; padding-right: 0pt; padding-bottom: 0.2em;
padding-left: 0pt; line-height: normal; font-family: verdana,arial,helvetica,sans serif; font-size: 1.3em; font-weight: normal;
color: white; background-color: #3399cc; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%;
}

div#dept-title a {
color:#FFFFFF; text-decoration:none;
}

body.three-col div#content-secondary p {
	padding-left: 10px;
}

body.three-col div#content-secondary {
float: right; background-image: none; background-color: #fff; height: 100%; 
}

body.three-col div#content-secondary {
float: right;  width: 34.4%;  padding-left: 0pt; }



/* 
   www.cam.ac.uk 'Rotating Feature' styling
   (c) University of Cambridge Computing Service 2008 
*/

#features {
        color: #fff;
        background-color: #9cc;
        width: 100%;
        height: 125px;
        overflow: hidden;
        position: relative;
		padding: 0;
        margin: 0;
}

/* div#features, rather than just #features, needed to 
   override div#content-primary elsewhere */

div#features a, div#features a:visited, div#features a:link, div#features a:active {
        padding: 0;
        margin: 0;
        font-weight: bold;
        line-height: normal;
        color: #fff;
}       

div#features a:hover {
        text-decoration: underline;
        color: #fff;
}      

#features img {
	
	margin:0px;
	padding:0px;  
	float:left;
}

#features ul {
        outline: solid;
        margin: 0;
        padding: 0;
        list-style: none;
}

#features ul li {
        float: left;
        margin: 0;
        padding: 0;
        outline: solid;
}

.feature-bg {
        height: 125px;
        position: absolute;
        left: 60%;
        top: 0;
        width: 38%;
        text-align: left;
        padding: 10px;
        margin: 0;
}

.feature-bg h2 {
        line-height: normal;
        padding: 0 5px 0 3px;
        margin: 0 0 -5px 0;
        font-weight: bold;
        font-style: normal;
        font-size: 1.3em;
}

.feature-bg p {
        font-size: 0.9em;
        margin: 0;
        padding: 5px 5px 5px 3px;
}

.feature-links {
        text-align: right;
        position: absolute;
        /*top: 70px;*/
        right: 10px;
        bottom: 20px;
        }

.image-credit {
        font-size: 9px;
        position: absolute;
        bottom: 5px;
        left: 10px;
        margin: 0; 
        padding: 0;
}

.image-credit span {
        padding: 1px 5px 2px;
}

