/* TOP NAVIGATION BAR STYLES*/


/* Main navigation cells */

td#left_context {
	background: #003082;
}

table#subsitetable {
	background: #6e79b7;
}

td.navcell {
	padding: 0px;
	color: white;
	background: #001062;
	background-image: url('/images/gradients/navigation.png');
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid gray;
	white-space: no-wrap;
}

td.navcell a {
	color: white;
}

td.navcell a:visited {
	color: white;
}

td.navcell a:hover {
	color: white;
	cursor: pointer;
}

td#subsite {
	background: #001062;
/*	background: #6e79b7; */
	background-image: url('/images/gradients/navigation.png');
	background-position: top;
	background-repeat: repeat-x;
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 0px;
}

span#span_subsite {
	color: #bac9de;
	background: none;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

div.navcell {
	margin: 0px;
	border: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 100%;
	white-space: no-wrap;
}

div.navcell a {
	color: white;
}

div.navcell a:hover {
	color: white;
}

td#subsite {
	border-bottom: 3px solid #7F97C0;
	padding-right: 11px;
}

.ie td#subsite {
	padding-right: 0px;
}

div#cell_upper {
	border-bottom: 1px solid #F4C365;
}

td#upper {
	padding-right: 12px;
	border-bottom: 2px solid #EFAA23;
	width: 120px;
	max-width: 120px;
	min-width: 120px;
}

.ie td#upper {
	padding-right: 0px;
}

div#cell_pre {
	border-bottom: 1px solid #94B8FF;
}

td#pre {
	padding-right: 10px;
	border-bottom: 2px solid #669AFF;
	width: 120px;
	max-width: 120px;
	min-width: 120px;
}

.ie td#pre {
	padding-right: 0px;
}

div#cell_butcombe {
	border-bottom: 1px solid #CA5F71;
}

td#butcombe {
	padding-right: 9px;
	border-bottom: 2px solid #B31B34;
	width: 120px;
	max-width: 120px;
	min-width: 120px;
}

.ie td#butcombe {
	padding-right: 0px;
}

div#cell_parents {
	border-bottom: 1px solid #48B8D2;
	width: 100%;
}

td#parents {
	padding-right: 10px;
	border-bottom: 2px solid #0092BA;
	width: 10%;
}

.ie td#parents {
	padding-right: 0px;
}

div#cell_ocs {
	border-bottom: 1px solid #8C3B92; /* #985F9C; */
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.gecko div#cell_ocs {
	width: 90px;
}

td#ocs {
	padding-left: 0px;
	border-bottom: 2px solid #6C1B72;
	width: 10%;  
}

.ie td#ocs {
	padding-right: 0px;
}

div#cell_foundation {
	border-bottom: 1px solid #DBB770;
	width: 100%;
}

td#foundation {
	padding-right: 10px;
	border-bottom: 2px solid #CC9933;
	width: 10%;  
}

.ie td#foundation {
	padding-right: 0px;
}

div#cell_ccsl{
	border-bottom: 1px solid #6DAC67;
	width: 87%;
}

.ie div#cell_ccsl {
	width: 100%;
}

td#ccsl {
	border-bottom: 2px solid #2F8927;
	width: 10%; 
}

td#extranet {
	border-bottom: 3px solid #7F97C0;
/*	width: 88px; */
	width: 100px;
}


/* Cells for Sharepoint */

td#crosscollege {
	border-bottom: 3px solid #7F97C0;
/*	width: 88px; */
	width: 11%;
}

td#support {
	border-bottom: 3px solid #7F97C0;
/*	width: 88px; */
	width: 9%;
}

td#community {
	border-bottom: 3px solid #7F97C0;
/*	width: 88px; */
	width: 10%;
}


/* Banner image */

tr.banner {
}

td.banner_left {
	text-align: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	height: 120px;
	background-image: url(/images/top_arch.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #F4C365;
	border-top: 1px solid gray;
}

td.banner_left img {
	z-index: 5;
	padding-right: 0px;
	margin-right: 0px;
	border: 0px;
	clear: none;
}

td.banner {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 360px;
	max-width: 360px;
	min-width: 360px;
	height: 120px;
/*	background-image: url(/images/banners/top_upp_6thform.jpg);*/
	background: #003082;
	background-repeat: no-repeat;
	border-bottom: 1px solid #F4C365;
	border-top: 1px solid gray;
}

img#crest_right {
	position: relative;
	left: 0px;
	top: 25px;
	z-index: 5;
	padding-left: 0px;
	margin-left: 0px;
	border: 0px;
	clear: none;
}

.safari table.body_new img#crest_right {
	position: relative;
	left: 0px;
	top: 23px;
	z-index: 5;
	padding-left: 0px;
	margin-left: 0px;
	border: 0;
	clear: none;
}

.ie img#crest_right {
	top: 23px;
}


td.banner_right {
	background: #003082;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 360px;
	min-width: 360px;
	max-width: 360px;
	height: 120px;
	border-bottom: 1px solid #f4c365 !important;
	border-top: 1px solid gray !important;
	background-image: url('/images/top_cc_home.png');
	background-repeat: no-repeat;
}


/* Need borders to work around IE6 XHTML bug */
.upper td.banner_right {
	background-image: url('/images/top_cc_upper.png');
}


.butcombe td.banner_right {
	background-image: url('/images/top_cc_but.png');
} 

div.banner_content {
	position: relative; 
	top: 0px;
	left: 0px;
	width: 360px;
	height: 120px;
	top: 0px;
	left: 0px;
}

div.crest_right {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 360px;
	height: 120px;
	z-index: 10;
}

div.slide_cover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 360px;
	height: 120px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity: 0.8;
	z-index: 3;
}

img#banner {
	border: 0px;
	margin: 0px;
}


/* Lines */

td.top_line {
	font-size: 3px;
	border-top: 1px solid #EFAA23;
	border-bottom: 1px solid #94B8FF;
	background: #003082;
}

td.top_line_left {
	font-size: 3px;
	border-top: 1px solid #EFAA23;
	border-bottom: 1px solid #94B8FF;
	background: #003082;
}

td.middle_line {
	font-size: 3px;
	border-top: 1px solid #669AFF;
	border-bottom: 1px solid #d33352;
	background: #003082;
}

td.middle_line_left {
	font-size: 3px;
	border-top: 1px solid #669AFF;
	border-bottom: 1px solid #d33352;
	background: #003082;
}

td.bottom_line {
	font-size: 6px;
	border-top: 1px solid #B31B34;
	background: #003082;
}

td.bottom_line_left {
	font-size: 6px;
	border-top: 1px solid #B31B34;
	background: #003082;
}