/* CSS Document */
* {margin: 0; padding: 0;}
a {text-decoration: none; color: #00f;}
a img {border: 0;}
fieldset {border: 0;}
body {background: #fff; margin: 0 2%; font: 80%/1.2 verdana, arial, helvetica, sans-serif; color: #000; height:100%;  }
.clear {clear: both;}
a:link {color:#039; background: transparent;}
a:visited {color:#36c; background: transparent;}
a:hover {color: #00f; text-decoration: underline;}
a.bar:link {color:#ffffff; background: transparent;}
a.bar:visited {color:#ffffff; background: transparent;}

#accessibility {display: none;}
#header {background: #f8f8ff url("http://www.bath.ac.uk/assets/images/sulis2.gif") 290px 0 no-repeat; height: 79px; position: relative; padding: 3px 1% 0px 290px;}
#header h3 {float: right;}
#header h1 {margin-left: 6%; height: 62px; padding: 15px 0 0; font-size: 1.6em; color: #039;}
#header h1 span {text-transform: lowercase; display: block; font-size: x-large; font-style: italic; margin-bottom: -0.3em}
#header div {
	position: absolute;
	right: 1%;
	bottom: 0;
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
#header img {position: absolute; left: 0; top: 0;}
#header h3 img {
	position: relative;}
#header form, #header fieldset {display: inline;}
#header form label {position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px;}
#header form #words {margin-left: .5em;}
#content, #side, #links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content { margin: 0 20% 0 202px; min-height: 330px; padding: 2% 2%; }
#content h2 { margin: 0 0 0.5em; font-size: 1.5em;}


#content p {
	padding-top: 0.8em;
	padding-bottom: 0.6em;
	line-height: 1.2em;
}

#content ul {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 1.5em;
}
#content h2 {
	color: #039;
	margin: 0 0 0.5em;
	font-size: 1.4em;
}
#content h3 {
	color: #039;
		margin: 0 0 0.5em;
	font-size: 1.3em;
}
#content h4 {
	color: #36c;
font-size: 1.2em;
}
#content .nobullet {
	padding-left: 10px;
	list-style: none;
}
#rhcol {
	float: right;
	width: 200px;
	line-height: 0.95em;
	font-size: 0.9em;
}
#rhcol {
	background: #f7f7f7 url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y left center;
	font-size: 0.85em;
	color: #333333;
}
#rhcol ul {margin: 1em 0 1em 2%;}
#rhcol ul li {display: block; margin: 0.3em 0; }
#rhcol form {margin-left: 2%;}
#rhcol label {position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px;}
#rhcol select {font-size: 100%;}
#rhcol .bull { background: url(http://www.bath.ac.uk/graphics/arrow.gif) no-repeat left top; padding-left: 10px;
}
#rhcol .nobullet {
	padding-left: 10px;
	list-style: none;
}
#rhcol h4 {
	color: #333;

	line-height: 1.4em;
	font-weight: bold;
	font-size: 1em;
	padding-left: 4px;
}
#rhcol .lineabout {border-bottom: 1px solid #399; background: url(http://www.bath.ac.uk/graphics/icons/dot_h.gif) repeat-x left top;}
#rhcol .line {border-bottom: 1px dashed #eedfcc;}

#side {
	font: 0.85em/2em verdana, arial, helvetica, sans-serif;
	width: 202px;

	float: left;
	background: url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y right center;

}
#side .lineabout{ border-top: 1px solid #399; background: #fff url(http://www.bath.ac.uk/assets/images/pgreygrd.gif)  no-repeat right center;}
#side .line-about{ border-top: 1px solid #399;}
#side dl {background: #f8f8ff; margin: 0px 0 10px; padding: 2px 0px 2px 2px; }
#side p span{
	background-color: #fff;
	margin: 0px;
	font-family: geneva, sans-serif;
	color: #666;
	background-image:url(http://www.bath.ac.uk/graphics/icons/dot_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
	display: block;
	font-variant: small-caps;
}
#side dl dt {border-top: 1px solid #003399; font-weight: bold; color: #333;  }
#side dd ul li a {display: block; border-bottom: 1px solid #fff; color: #000;}
#side a:hover {background: #ccddee; border: 1px solid #ccc; border-width: 0 1px 1px 0;}
#side dl dt, #side dd ul li {display: block; border-bottom: 1px solid #ccc; background: url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y right center;}

#side .label {font-size: 0.9em;}

#footer {
	text-align: center;
	margin: 0 25%;
	border-top: 1px solid #399;
	font: 0.95em Geneva, Arial, Helvetica, sans-serif;
	color: #3366CC;
}
#footer a {float: right;}
#footer p a {float: none;  }

#navcontainer {width: 100%; float: left; background: url(http://www.bath.ac.uk/assets/images/navbarmb.gif) top left repeat-x; }
#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline;  font-weight: bold;}
#navcontainer ul{ margin: 0; padding: 0 0 0 0;  font-weight: bold;  font-size: 0.85em;}
#navcontainer ul li a{ line-height: 20px;  float: left; border-right: 1px solid #ffffff; padding: 0.2em 10px;}
#navcontainer ul li a:hover {background-color: #F8F8FF; color: #36C; padding: 0.2em 10px;}
#navcontain {width: 100%; float: left; background: url(http://www.bath.ac.uk/assets/images/navbar-p280.gif) top left repeat-x; }
#navcontain ul { padding: 0; }
#navcontain ul li { display: inline;  font-weight: bold;}
#navcontain ul{ margin: 0; padding: 0 0 0 0; color: #fff; font-weight: bold;  font-size: 0.85em;}
#navcontain ul li a{ line-height: 25px; color: #fff; float: left; border-right: 1px solid #ffffff; padding: 0 10px;}
#navcontain ul li a:hover {background-color: #F8F8FF; color: #36C; padding: 0 10px;}
#navlist li a:hover, #navlist li a:active{color: #036; text-align: left; }
#leftnav {width: 200px; float: left;}
#leftnav li {display: block; float: left; background: url(http://www.bath.ac.uk/assets/images/navbar-teal.gif) repeat-x left top; width: 201px;  border-right: 1px solid #fff; }
#leftnav li a:hover, #leftnav li a:active {color: #036; text-align: left;}
.caption {
	font-size: 10px; color: #999;
	padding-bottom: 4px;
	}
.indent {margin-left: 1em; }
.factfile {
	font: 0.95em Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #Fff;
	border: 1px solid #CCCCCC;
	display: block;
	padding: 2px;}
.boldhead {
	padding-top: 0em;
	padding-bottom: 0em;
	font-weight: bold;
	margin-bottom: 0px;
}
