/*

	Bioethics.ac.uk
	created by Ryan Mitchell on 25/01/2007

*/

html, body { background-color: #FFFFFF; }
html { font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#333; }

img { border:none; }
p { padding:6px 0px; margin:0px; }
div { margin:0px; padding:0px; }
form { margin:0px; padding:0px; }
a, a:hover { color: #3B90BD; text-decoration: none; }
blockquote { padding: 0px 0px 0px 7px; }

h2 { padding: 6px 0px; margin: 0px; font-weight: normal; color: #3B90BD; font-size: 14px; }

#container { width:862px; margin:0px auto; }
#banner { margin:10px 0px 10px 0px; height:85px; }
#banner .right { float:right; width:618px; text-align:right; padding:0px 0px 0px 0px; font-size:12px; }
#banner .right a { color:#333; text-decoration:none; }
#banner .right a:hover { color:#3A8FBC; text-decoration:none; }
#logo { padding:0px 0px 0px 0px; }
#strapline { height:105px; }
#content { font-size:13px; }
#content .nav { float:left; width:245px; }
#content .main { margin-left:245px; }
.subtitle { background-image:url(../images/right_col_header.gif); background-repeat:no-repeat; width:199px; font-size:15px; color:#000; padding-left:45px; } 
.subtitle2 { background-image:url(../images/right_col_header_news.gif); background-repeat:no-repeat; width:183px; font-size:15px; color:#000; } 
.subtitle2 p{ padding-left: 45px; } 

#content .nav .research { background-image:url(../images/header_research_resources.gif); background-repeat:no-repeat; width:195px; font-size:15px; color:#000; padding-left:45px; }
#content .nav .s_research { background-color:#D1EEFF; font-weight: normal; vertical-align:middle; padding:3px 20px; margin:1px 0px; }
#content .nav .reference { background-image:url(../images/header_reference_catalogue.png); background-repeat:no-repeat; width:195px; font-size:15px; color:#000; padding-left:45px; }
#content .nav .s_reference { background-color:#E5FFD6; font-weight: normal; vertical-align:middle; padding:3px 20px; margin:1px 0px; }
#content .nav .info { background-image:url(../images/header_biocentre_info.png); background-repeat:no-repeat; width:195px; font-size:15px; color:#000; padding-left:45px; }
#content .nav .s_info { background-color:#EEEEEE; font-weight: normal; vertical-align:middle; padding:3px 20px; margin:1px 0px; }
#content .nav .related { background-image:url(../images/related_links.png); background-repeat:no-repeat; width:195px; font-size:15px; color:#000; padding-left:45px; }
#content .nav .selected { background-color:#FFFFA6; font-weight: normal; vertical-align:middle; padding:3px 20px; margin:1px 0px; }
.sublinks ul { list-style:none; padding:1px 0px 1px 0px; margin:0px; width: 240px; }
.sublinks ul li { background-color:#FFFFFF; font-weight: normal; vertical-align:middle; padding:3px 20px; margin:1px 0px; }
.sublinks ul li a { color:#323232;  text-decoration:none; }

#content div.title { background-image:url(../images/main_page_title.png); background-repeat:no-repeat; font-size:15px; color:#000; padding-left:45px; }

#content .main div#promo { background-image: url(../images/bg-promo.png); background-repeat: no-repeat; height: 170px; margin-bottom: 5px; padding:10px; width: 599px; }
#content .main div#promo div.images { background-color: #FFF; height:170px; position:relative; width:599px; }
#content .main div#promo div.images div#arrows { opacity: 1; position: absolute; right: 5px; top: 5px; z-index:1; }
#content .main div#promo div.images div#arrows div{ float: left; }
#content .main div#promo div.images div#arrows div img{ height:16px; padding-left: 5px; width:16px; }
#content .main div#promo div.images div.promo-item { display:none;  }
#content .main div#promo div.images div.promo-item.selected{ display:block;  }

#content .main div#promo div.images img{ height:170px; width:599px; }
#content .main div#promo div.images div.summary { background-image: url(../images/bg-summary.png); bottom: 0px; height: 62px; padding: 5px 10px; position: absolute; width: 579px; }
#content .main div#promo div.images div.summary h2 { color: #D1EEFF; font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; }
#content .main div#promo div.images div.summary h2 a{ color: #D1EEFF; text-decoration: none; }
#content .main div#promo div.images div.summary p { color: #FFF; font-size: 12px; margin: 0px; padding: 0px; }

#content .main div#media { margin-bottom: 175px; }
#content .main div#media div.box { float: left; height: 190px; margin-top: 5px; padding: 5px; width: 190px; }
#content .main div#media div.box img { height: 75px; width: 190px; }
#content .main div#media div.box a { color: #333; font-weight: bold; }

#content .main div#media div.blue { background-color: #CDEEFF; margin-left: 8px; margin-right: 8px; }
#content .main div#media div.grey { background-color: #F8F8F8; }

div#content div.main table td.newleft, div#content div.main table td.newright { vertical-align:top; width: 248px; }
div#content div.main table td.newleft { padding: 0px 10px; }
div#content div.main table td.newleft div.title { background-image:url(../images/header_green.png); background-repeat:no-repeat; width:258px; height: 27px; font-size:15px; color:#000; padding-left:45px; } 
div#content div.main table td.newright div.title { background-image:url(../images/header_green.png); background-repeat:no-repeat; width:263px; height: 27px; font-size:15px; color:#000; padding-left:45px; } 
div#content div.main table td.newright img { height: 70px; padding: 0px 10px 10px 0px; width: 100px; }
div.opinion { margin-bottom: 2px; padding: 10px; }
div.opinion.lightgrey { background-color: #F8F8F8; }
div.opinion.darkgrey { background-color: #F2F2F2; }

div.newright { margin: 10px 0px 0px 308px; width: 308px; }
div.newright div.title { background-image:url(../images/header_grey.png); background-repeat:no-repeat; width:308px; height: 27px; font-size:15px; color:#000; padding-left:45px; } 

#content .main .left { width:308px; }
#content .main .left .title { background-image:url(../images/header_green.png); background-repeat:no-repeat; width:308px; height: 27px; font-size:15px; color:#000; padding-left:45px; } 
#content .main .contentbox { padding:8px 0px 0px 25px; }

#content .main .col2 { margin: 0px px 0px 308px; }
#content .main .right { float: right; margin: 0px px 0px 308px; width: 308px; }
#content .main .right .title { background-image:url(../images/header_grey.png); background-repeat:no-repeat; width:308px; height: 27px; font-size:15px; color:#000; padding-left:45px; } 
#content .main .contentbox { padding:8px 0px 0px 25px; }

#content .main .contentbox { padding:8px 0px 0px 25px; }
#content .main .atitle { font-size: 14px; height: 58px; }
#content .main .atitle a{ color:#333333; text-decoration:none; font-weight: bold; }
#content .main .atitle a:hover{ color:#333333; text-decoration:underline; font-weight: bold; }
#content .main .more { padding:0px; text-align:right; }
#content .main .more a{ color:#333333; text-decoration:none; font-weight: bold; }
#content .main .more a:hover{ color:#333333; text-decoration:underline; font-weight: bold; }
#content .main .subtitlenobg { font-size:15px; color:#000; } 

#footer { clear:both; margin-top:25px; color:#525252; font-size:11px; margin-left:275px; }
#footer .links a { color:#525252; text-decoration:none; }
#footer .links a:hover { text-decoration:underline; }
#footer .rt { color:#999; font-size:10px; padding-top:0px; margin-top:-2px; }
#footer .rt a { color:#999; text-decoration:none; }
#footer .rt a:hover { text-decoration:underline; }

/* Form Styles */
label { width: 150px; float:left; color:#333333; font-style: italic; padding-right: 10px; font-size: 13px; }
.styling  { height: 15px; width: 100px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle;padding-left: 2px; }
.stylingcomment  { height: 125px; width: 300px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle;padding-left: 2px; }
.stylingarea  { height: 55px; width: 100px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle;padding-left: 2px; }
#frm_login { margin: 10px 40px 0px 40px; }
.nd { visibility: hidden; }
.error { background-color: #F0F0F0; font-weight: bold; color: #3B90BD; text-align:center;  }
div.submit { padding-left:180px; line-height:200%; }
#addComment { display:none; }

/* Table Formatting */
.msg { background-color: #F0F0F0; font-size: 12px; text-align: center; border: 1px dashed #666666; padding: 10px 10px; }
.row1 { background-color: #F0F0F0; font-size: 12px; vertical-align: top; }
.row0 { font-size: 12px; background-color:#CAEAFF; }

/* Search Styling */
.searchtitle { font-size:16px; }
.searchsmall { line-height:14px; font-size:11px; }

/* events styles */
.eventboxdate { font-size:11px; font-style:italic; }
.prevnext { width:60px; float:right; }
table.calendar { margin-top:12px; width: 75%; text-align: center; }
table.calendar a {font-weight: bold; text-decoration: none; }
table.calendar a:hover {font-weight: bold; text-decoration: none; }
table.calendar td { height:20px; width:25px; }
td.weekend {
	background-color: #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	}
td.today {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: middle;
}

td.square {
	background-color: #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	}
	
.posted { font-size: 11px; font-style: italic; }