/*
** Jodrell Bank Observatory CSS style
** Version 3.0.1
**
** Created 2006/09/06 by Stuart Lowe
** Last updated 2006/10/17 by Stuart Lowe
*/

body { background: white ; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size: 14px; padding: 0px; margin: 0px; }


/* General HTML markup */
a { color: #264641; }
a:hover { color:#009999; }
p.hidden { display:none; }


/* Colours */
.bggrey { background-color: #ddd; }
.bgwhite { background-color: #fff; }



/* Skip links */
.nav-skiplinks { position: absolute; top: 0; left: 0; }
.nav-skiplinks a, 
.nav-skiplinks a:hover, 
.nav-skiplinks a:visited { position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.nav-skiplinks a:active { position: absolute; top: 0; left: 220px; border: 1px dashed #cccccc; background-color: #f5f5f5; color: inherit; width: auto; height: auto; } 
.nav-skiplink-target { width: 1px; height: 1px; }


/* Logo */
/* #logo { border: none; margin: 0; padding: 0; width: 218px; position: absolute; top: 0; left: 5px; z-index: 100; } */
/* #logo img { border: none; margin: 0; padding: 0; } */

#logo { border: none; margin: 0; padding: 0; position: absolute; top: 0; left: 5px; z-index: 100; }
#logo img { border: none; margin: 0; padding: 0; }



/* Toolbar */
/* Known issues : IE5 doesn't position right correctly */
#toolbar { border: none; margin: 0; padding: 0; height: 3em; width: auto; overflow: hidden; position: absolute; top: 0; right: 0; }
#toolbar p { background-color: #f5f5f5; color: inherit; display: inline; float: left; font-size: 0.8em; margin: 0; padding: 0.8em 0 1em 1em; }
#toolbar p.universityhome { background-color: #ffffff; color: inherit; font-size: 1em; padding-right: 1em; }
#toolbar p a { padding: 1em 0 0 0; text-decoration: underline; }
#toolbar input, 
#toolbar select { font-size: 0.9em; }


/* Main header containing top of logo and quick nav tools */
#header { z-index: 5; margin-left:40px; left:0px; height: 115px; }
label.hidden { display:none; }
#contentandsides {
	position: absolute;
	top: 116px;
	left: 0px;
	padding-left:30px;
	padding-top:27px;
}


/*
** Tabbed navigation - copied from main university site 10/10/2005
*/
#tabbedbar { font-size: 13px; 
		width: 100%;
	     	}
#tabbedbar div.tab {
	float: left;
	position: relative;
	width: 100%;
	right: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 5px solid #264641;
}
html>body #tabbedbar div.tab { 
	padding-left: 0; /* Opera fix */
}
#tabbedbar div.tab ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left:-1px;
}
#tabbedbar div.tab ul li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	font-weight: bold;
}
#tabbedbar div.tab ul li a, 
#tabbedbar div.tab ul li span {
	float: left;
	display: block;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-align: center;
	text-decoration: none;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#tabbedbar div.tab ul li a, 
#tabbedbar div.tab ul li span {
	float: none;
}
 /* End IE5-Mac hack */
#tabbedbar div.tab ul li {
	background: url("../images/tabcorners_02.gif") no-repeat right top;
}
#tabbedbar div.tab ul li a {
	background: url("../images/tabcorners_01.gif") no-repeat left top;
}
#tabbedbar div.tab ul li span {
	background: url("../images/tabcornersselected_02.gif") no-repeat top right;
	border: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#tabbedbar div.tab ul li span a {
	background: url("../images/tabcornersselected_01.gif") no-repeat top left;
	border: none;
	color: #ffffff;
	margin: 0;
	}
#tabbedbar div.tab ul li a:hover {
	text-decoration: underline;
	}

/* Horizontal bar */
#tabbedbar div.bar,
#tabbedbar div.bar ul {
	background-color: #264641;
}
#tabbedbar div.bar {
	position: relative;
	float: left;
	width: 100%;
	right: 0px!important;
	border-bottom: 5px solid #264641;
}
#tabbedbar div.bar ul  {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	font-size: 0.85em;
	border-left:1px solid black;
}
#tabbedbar div.bar ul li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	list-style: none;
	margin: 0;
}
#tabbedbar div.bar ul li a {
	border-right: 1px solid #cccccc;
	color: #ffffff;
	display: block;
	height: 15px;
	float: left;
	margin: 0;
	padding: 5px 5px 5px 7px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}
#tabbedbar div.bar ul li span {
	border-right: 1px solid #cccccc;
	background-color: #009999;
	color: #ffffff;
	height: 15px;
	float: left;
	margin: 0;
	padding: 5px 5px 5px 7px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}
#tabbedbar div.bar ul li span a {
	border: none;
	background-color: #009999;
	height: 15px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#tabbedbar div.bar ul li a:hover {
	color: #ffcc00;
	text-decoration: underline;
}	
#tabbedbar div.tab ul,
#tabbedbar div.bar ul {
	/* width: 900px; a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	right: 0px;
}



/* Main page styling */
#middle {
	float:left;
	width: 100%;
	margin-top:10px;
}
#middle div.left {
	margin:auto;
	padding-right:300px;
}
#right {
	float: right;
	width: 30%;
	margin-top:1px;
	background-color: #eee;
}
#right img { width: 290px; }
#right p { margin: 0px; padding:10px; text-align: left; }
#right address { margin: 0px; padding:10px; }

#splash { margin-top: 10px; background: url('../images/frontimage.png') no-repeat 640px center; background-color: #264641!important; }
.boxsplashhome { color: #ffffff; width: 100%; padding: 0px; }
.boxsplashhome .body { width: 610px; margin: auto; float: left; padding: 1em; padding-bottom: 0px; font-size:85% ;}
.boxsplashhome h1,h2 { margin: 0px; }
.boxsplashhome .image { display: none; margin: auto; padding: 0px; }
.boxsplashhome .bottomline { clear: both; height: 0px; overflow: hidden; margin:0px; border-bottom: 5px solid #ddd;}
.boxsplashhome a { color: white; }

/* Set leader page primary colour */
.boxsplashleader, 
.boxsplashleader .body, 
.boxsplashleader h1 { background-color: #009999; color: #ffffff; }



/* Column layouts, used for home pages */
#promos { margin-top: 10px; font-size: 1em; padding-bottom: 5px; }
.content-column25percent,
.content-column30percent,
.content-column33percent,
.content-column40percent,
.content-column50percent,
.content-column60percent,
.content-column100percent,
.content-column70percent { float: left; margin-right: 0.5%; height: 100%; overflow: hidden; }
.content-column25percent { width: 23%; }
.content-column30percent { width: 28%; }
.content-column33percent { width: 31%; }
.content-column40percent { width: 38%; border: 1px solid #666; background: #dddddd; float: right; }
.content-column50percent { width: 48%; }
.content-column60percent { width: 58%; }
.content-column70percent { width: 68%; }
.content-column100percent { width: 98%; }

#promos .news { clear: both; padding: 0.3em; }
#promos .main .news img { float: left; width: 200px; margin-right: 10px; margin-bottom: 5px;  border: 1px solid black; }
#promos .main .news ul { margin-left: 200px; }
#promos .news img { float: left; width: 80px; margin-right: 10px; margin-bottom: 2px; border: 1px solid black; }
#promos .news h2 { margin:0px; margin-top: 0px; font-size: 0.8em; }
#promos .news p { margin:0px; margin-top: 0px; font-size: 0.8em; }


div.jodcast { overflow:auto; padding: 5px;  margin-bottom: 5px; }
div.jodcast img { float: left; padding-right: 10px; margin-top:-4px; border: 0px; }

div.news_left {
	padding:5px;
	margin-right:15px;
	width: 98%;
	float: left;
}
div.news_right { padding:5px; margin:auto; }
div.news_left h2, div.news_right h2 { margin:0px; margin-top: 0px; font-size: 1em; }
div.news_left p, div.news_right p { margin:0px; margin-top: 4px; font-size: 0.8em; }
div.news_left img,div.news_right img { float: left; width: 80px; margin-right: 10px; margin-bottom: 2px; border: 1px solid black; }
div.news_left ul { font-size: 0.8em; }
div.news_left li { font-size: 0.8em; }
/*
** Define the positioning of the breadcrumb trail
*/
#breadcmb {
	float: left;
	width: 100%;
	margin-top:0.6em;
	font-size:0.8em;
}
#breadcmb a { text-decoration: none; }
#gap { margin: 0px; padding: 0px; font-size:0.5em;}


/*
** Define the left-hand menu bar
*/
#left { width: 10px; float:left; margin-top:0px; }
#left ul { padding: 0px; margin: 0px; list-style-type:none; }
#left li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	border-bottom: 1px solid #cccccc;
	font-size: 0.8em;
	font-weight: bolder;
	color: #264641;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
#left li.title {
	background-color: #264641;
	background: url("../images/tabcornersselected_02.gif") no-repeat top right;
	padding: 5px;
	padding-left: 10px;
	color: white;
	border:0px;
	font-size:0.9em;
	font-weight:normal;
}
#left ul.related li.title {
	background-color: silver;
	background: url("../images/relatedlinkscorners_02.gif") no-repeat top right;
}
#left a {
	display: block;
	padding: 5px;
	padding-left: 15px;
	width: 153px;
	font-size: 100%;
	text-decoration: none;
	font-weight: normal;
	background: url(../images/leftmenubullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-right:10px;
}
#left a:hover {
	background-color: #dddddd;
	background-repeat: no-repeat;
	background-image: url(../images/leftmenubullet.gif);
	background-position: left;
}



#main {
	margin-left: 195px;
	margin-right: 10px;
	padding: 0px;
}

body.fullwidth #main {
	margin-left: 0px;
	margin-right: 10px;
	padding: 0px;
	float:left;
}

#main p {
	padding:0px;
	margin: 0px;
	margin-bottom: 10px;
	text-align: justify;
}

/*
** General HTML tags for paragraphs, images, headings etc
*/
p { text-align: justify; }
img { border: 0px; }
h1 {
	font-weight: bolder;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 20px;
}
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }



/*
** Footer styles
*/
#footer { clear:both; color: #999999; }
#footer .navigation {
	width: 100%;
	font-size: 0.7em;
	float:none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom: 5px;
}
#footer .feedback {
	float:right;
	font-size: 0.8em;
	margin-right:10px;
}
#footer .feedback p { text-align:right; }
#update {
	clear:both;
	float:right;
	font-size: 0.8em;
	color: #999999;
	margin-right:10px;
}