/* CSS Document */

html body
{
font-size : 80%;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #F2F2F2;

}

#header
{
background-color : #222222;
}

#container
{
background-color : #FFFFFF;
border-top: none;
}

#contents p
{
line-height : 150%; 
}

#contents  a:link
{ 
color : #B82233;
text-decoration : underline;
}

#contents a:visited
{ 
color : #B82233;
text-decoration : underline;
}

#contents a:hover
{ 
color : #B82233;
text-decoration : underline;
}

#contents a:active
{ 
color : #B82233;
text-decoration : underline;
}

#contents h1
{
font-style : normal;
font-weight : normal;
font-size : 150%;
}

#contents h2
{
font-style : normal;
font-weight : normal;
font-size : 140%;
}

#contents h3
{
font-style : normal;
font-weight: normal;
font-size : 120%;
}

#contents h4
{
font-style : normal;
font-weight: bold;
font-size : 100%;
}

#sitewide a:link
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#sitewide a:visited
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#sitewide a:hover
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#sitewide a:active
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:link
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:visited
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:hover
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:active
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#schooltitle
{
background-color : #0878A6;
}

#schooltitle h2
{
font-style : normal;
font-weight : normal;
font-size : 160%;
}

#identity
{
background-color : #A6D3FF;
}

#uwbheader
{
background-color : #B82233;
}

#uwbheader h2
{
font-style : normal;
font-weight : normal;
font-size : 160%;
}

#uwblogo
{
background-color : #B82233;

}

#footer
{
background-color : #FFFFFF;
font-size : 85%;
padding-bottom:40px;
}

#footerlink
{
background-color : #FFFFFF;
font-size : 100%;
}

#footer ul
{
list-style : none;
}

#footer p
{
font-style : normal;
font-weight : normal;
font-size : 100%;
}

#footer a:link
{ 
color : #B82233;
text-decoration : underline;
}

#footer a:visited
{ 
color : #B82233;
text-decoration : underline;
}

#footer a:hover
{ 
color : #B82233;
text-decoration : underline;
}

#footer a:active
{ 
color : #B82233;
text-decoration : underline;
}

#idheading
{
background-color : #FDB415;
}

#idheading p
{
font-size : 150%;
color : #FFFFFF;
padding-left: 0px;
padding-top:30px;
margin  : 0px 0px 0px 0px;
height :60px;
}



#contents ul li, #contents ol li
{
padding-top:10px;
line-height:150%;
}


#contents ul li ul li, #contents ol li ol li
{
padding-top:5px;
}

#breadcrumb ul li
{
padding-bottom:0px;
}


#breadcrumb li
{
text-decoration:none;
}

#breadcrumb li a:link
{
text-decoration:none;
color:#B82233;
}

#breadcrumb li a:hover
{
text-decoration:none;
color:#B82233;
}

#breadcrumb li a:active
{
text-decoration:none;
color:#B82233;
}
#breadcrumb li a:visited
{
text-decoration:none;
color:#B82233;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li 
{
list-style-type: none;
font-size:1.0em;
font-weight:normal;
}

#menu dt 
{
cursor:pointer;
border-bottom: 1px solid #FFFFFF;
background-color: #B82233;
}

#menu dd 
{
border: 0px solid #666666;
}

#menu dd a
{
background-color:#FDB415;
font-size:100%;
padding-left:25px;
padding-right:10px;
padding-top  :5px;
padding-bottom  :5px;
border-bottom: 1px solid #ffffff;
color: #b82233;
text-decoration: none;
font-weight : normal;
display: block;
}

#menu dt a
{

color: #FFFFFF;
text-decoration: none;
font-weight : bold;
display: block;
border: 0 none;
padding-right:5px;
}

#menu dt a:hover
{
color:#FDB415;
}

#menu dd a:hover 
{
color: #ffffff;
}

#menu dt a:active
{
background: #B82233;
color: #FFFFFF;
}

#menu dd a:active
{
background: #FDB415;
color: #B82233;
}

.searchfield
{
background-color : #FFFFFF;
font-size : 90%;
border-width : 1px;
border-style : solid;
border-color : #FFFFFF;
width : 142px;
}

.linkspacer1
{
color : #B82233;
}

.linkspacer2
{
color : #FFFFFF;
}

.schooltitle
{
background-color : #FDB415;
color : #FFFFFF;
font-weight : normal;
font-size : 150%;
}

.imagefloat
{
/* Hide from IE-Mac \*/
float:left;
/* End hide */
}

.logofloat
{
float:left;
}

.centerheading
{
vertical-align:middle
}

.light
{
font-weight : normal;
font-size : 100%;
}
#deptid
{
background-color:#FDB415;
}

#deptid p
{
margin:0px 0px 0px 8px;
padding:5px 0px 0px 0px;
font-size:150%;
color:#b82233;
}

.table_no_border
{
padding:0px;
margin:0px;
border-collapse:collapse; 
}


table
{
border-style:solid;
border-width:1px;
border-color:#FDB415;
padding:3px;
margin:3px;
border-collapse:collapse; 
font-size:0.85em;
}


th
{
background-color:#b82233;
color:#FFFFFF;
padding:5px;
margin:5px;
height:20px;
vertical-align:middle;
}

td
{
padding:2px;
margin:0px;
border-style:solid;
border-width:1px;
border-color:#FDB415;
}

tr
{
padding:0px;
margin:0px;
border-style:solid;
border-width:1px;
border-color:#FDB415;
}

.featurelink_captionBox {
		background-color:#FDB415;
		height:100%;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;
	
	}
	
#feature_links p, #side_number6 p, #side_number7 p, #side_number8 p
{
		background-color:#B82233;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;
}


	
#profile_links p
{
		background-color:#FDB415;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;
}
	
#page_heading h1
{
background-color:#B82233;
font-size:1.3em;
line-height:1.25em;
padding:5px 5px 5px 5px;
margin:-3px 0px 0px 0px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
}

.banner_captionBox {
		background-color:#FDB415;
		padding:5px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		color:#FFFFFF;
	}
	
#top_story h2
{
		background-color:#FDB415;
		height:100%;
		font-size:1.3em;
		line-height:1.6em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:normal;
}	

#top_story p, #top_story p a
{
		background-color:#FDB415;
		height:100%;
		font-size:1.0em;
		line-height:1.6em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:200;
}	

#top_story h1
{
		background-color:#FDB415;
		
		font-size:1.35em;
		line-height:1.35em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:bold;
}
	
#news h2 {
		background-color:#FDB415;
		padding:5px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		color:#FFFFFF;
font-size:1.1em;
	}
	
#news .other_stories {
		background-color:#FDB415;
		color:#ffffff;
		padding:0px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		font-size:1.3em;
		line-height:1.6em;	
	}

#sidepanel
{
margin-top:10px;
padding:0px 0px 0px 0px;
border:1px solid #B82233; 
}

#sidepanel h2
{
		background-color:#B82233;
		padding:3px 3px 3px 3px;
		text-align:center;
		color:#FFFFFF;
		font-size:1.1em;
		line-height:1.6em;	
		margin-top:0px;
		margin-bottom:7px;
}

#sidepanel h3
{
		font-size:1.0em;
		padding:3px 3px 3px 3px;

}

#sidepanel h4
{
		font-size:1.0em;
		font-weight:bold;
		padding:3px 3px 3px 3px;
}

#sidepanel p
{
		background-color:#FFFFFF;
		font-size:1.0em;
		text-align:left;
		color:#333333;
		font-weight:normal;
      
}	

#sidepanel a
{
		font-size:1.0em;
		text-align:left;
		text-decoration:underline;
		color:#FDB415;
}	
sidepanel li{color:#FDB415;}


#page_heading p
{
line-height : 150%; 
padding-bottom:0px;
padding-top:0px;
}

#page_heading  a:link
{ 
color : #B82233;
text-decoration : underline;
}

#page_heading a:visited
{ 
color : #B82233;
text-decoration : underline;
}

#page_heading a:hover
{ 
color : #B82233;
text-decoration : underline;
}

#page_heading a:active
{ 
color : #B82233;
text-decoration : underline;
}


#sidepanel1, #sidepanel2, #sidepanel3, #sidepanel4
{
margin-top:10px;
		padding:0px 0px 10px 0px;
border:1px solid #B82233; 

}


#sidepanel1 h2, #sidepanel2 h2, #sidepanel3 h2, #sidepanel4 h2
{
		background-color:#B82233;
		padding:3px 3px 3px 3px;
		text-align:center;
		color:#FFFFFF;
		font-size:1.1em;
		line-height:1.6em;	
		margin-top:0px;
		margin-bottom:5px;
		font-weight:normal;
}

#sidepanel h3, #sidepanel1 h3, #sidepanel2 h3, #sidepanel3 h3, #sidepanel4 h3
{

		margin-top:0px;
		padding:0px 3px 0px 3px;
		
		text-align:left;
	
		font-size:0.85em;
		line-height:1.2em;	
		margin-top:0px;
		margin-bottom:7px;
}



#sidepanel ul, #sidepanel1 ul, #sidepanel2 ul, #sidepanel3 ul
{
margin: 0px 5px 10px 0px;
padding:0px 5px 0px 15px;
}

#sidepanel ul li, #sidepanel1 ul li, #sidepanel2 ul li, #sidepanel3 ul li
{
		background-color:#ffffff;
		font-size:0.85em;
		text-align:left;
		color:#333333;
		font-weight:normal;
background-image:url(../masterfiles/images/arrow.gif);
background-repeat:no-repeat;
background-position:-0px 10px;
line-height:120%;
list-style-type:none;
padding:5px 0px 0px 10px;
margin: 0px 0px 0px 5px;
}


#sidepanel p, #sidepanel1 p, #sidepanel2 p, #sidepanel3 p
{
padding:0px 3px 3px 3px;
		background-color:#fff;
		font-size:0.8em;
		text-align:left;
		color:#333333;
		font-weight:normal;
        margin-bottom:5px;
        margin-top:5px;
}	

#sidepanel a:link, #sidepanel a:visited, #sidepanel1 a:link, #sidepanel2 a:link, #sidepanel1 a:visited, #sidepanel2 a:visited, #sidepanel3 a:link, #sidepanel3 a:visited
{
		font-size:1.0em;
		text-align:left;
		text-decoration:none;
		color:#B82233;
}	
#sidepanel a:hover,  #sidepanel1 a:hover, #sidepanel2 a:hover, #sidepanel3 a:hover
{
text-decoration:underline;
}


#sidepanel a img, #sidepanel2 a img, #sidepanel3 a img, #sidepanel4 a img
{
padding-bottom:0px;
margin-top: -5px !important;
/* \*/
margin-top:-5px; /* this is the hack ie5/6/win */
/* */
margin-bottom: -5px !important;
/* \*/
margin-bottom:-10px; /* this is the hack ie5/6/win */

/* */
}

/* new - to make the text under the feature links the links as well as image*/
#number6 a:link, #number7 a:link, #number8 a:link, #number9 a:link, #number10 a:link, #number11 a:link, #number12 a:link
{ 
font-size : 90%;
color : #B82233;
text-decoration : none;
}

#news p
{

		background-color:#b82233;
		width:130px;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;

}

#staffintro {

	background-color: #FDB415;
	}

#contents
{
	padding-top:0px;
margin-top:10px;
}
	
#staffdetails {
	background-color: #B82233;	
	margin-left:40px;
	width:290px;
	padding-top:0px;
	margin-top:0px;

}

#staffdetails p
	{
					
			font-size:1.0em;
			line-height:1.25em;
			padding:5px 5px 5px 5px;
			margin:-3px 0px 0px 0px;
			color:#ffffff;
			
	}
    
    #staffdetails p a:link
	{
		
			color:#ffffff;
			
	}
	
#staffpagetitle h1 {
		
		background-color:#FFFFFF;
		padding:5px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		font-size:1.1em;
		color:#000000;
		
}


#staffdetails h2
{
		font-weight:bold;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#ffffff;
}		

#contents table
{
border:1px #CCCCCC solid;
border-collapse:collapse;
table-layout:fixed;
font-size:0.9em;
}

#contents td, #contents tr, #contents th {
	border: 1px dotted #CCCCCC;
}

#left p, #right p, #left h3, #right h3
{
font-size:80%;
}

#left h3, #right h3
{
font-size:90%;
color:#b82233;
font-weight::normal; 
}

#left, #right
{
border: 1px dashed #b82233;
padding-left:5px;
padding-right:5px;
padding-top:5px;
margin-top:10px;
height:150px;
}

#leftside
{
float: left;
width:49%;

}

#rightside
{
float: right;
width:49%;

}

#left img, #right img
{
float:left;
padding-right:10px;
}

#left a img, #right a img
{
border:none;
}
0px 0px 0px 0px;
		font-size:1.1em;
		color:#000000;
		
}


#staffdetails h2
{
		font-weight:bold;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#ffffff;
}		

#contents table
{
border:1px #CCCCCC solid;
border-collapse:collapse;
table-layout:fixed;
font-size:0.9em;
}

#contents td, #contents tr, #contents th {
	border: 1px dotted #CCCCCC;
}

#left p, #right p, #left h3, #right h3
{
font-size:80%;
}

#left h3, #right h3
{
font-size:90%;
color:#b82233;
font-weight::normal; 
}

#left, #right
{
border: 1px dashed #b82233;
padding-left:5px;
padding-right:5px;
padding-top:5px;
margin-top:10px;
height:150px;
}

#leftside
{
float: left;
width:49%;

}

#rightside
{
float: right;
width:49%;

}

#left img, #right img
{
float:left;
padding-right:10px;
}

#left a img, #right a img
{
border:none;
}

padding-right:10px;
}

#left a img, #right a img
{
border:none;
}
ne;
}