/*
Last edited: 02 April 2007
by Stewart Duffey

Website: http://www.nottingham.ac.uk/nh/
Created: 
 ---------------------------------------------------------------------------------------------------------------------
	Debugging Styles
--------------------------------------------------------------------------------------------------------------------- */


a[href=" "], a[href=""], .hilite {
	background-color: #FF0 !important ;
}

/* #content *[alt=""], #content-right *[alt=""] { */
/* 	border: 1px solid #F0F !important ; */
/* } */
/*  */
/* #content-right *[src="/nh/jupiter/_images/sidebar/image_to_follow.jpg"] { */
/* 	border: none !important ; */
/* } */


/*
LAURA ZUCCHETTI ADDED THIS MARCH 07: 
#wrap_content has been added to 
make the content cols float 
and avoid absolute positioning
*/
#wrap_content {
float:right;
width:530px;
/*border:1px red solid;*/
}

#wrap_content #headline {
width: auto;
margin: 0px 0px 10px 0px;
}

#wrap_content #content {
margin: 0px 0 0px 0;
width:330px;
float:left;
}

#wrap_content #content.wide {
margin: 0px 0px 0px 0;
}

#wrap_content #content-right {
position:relative;
float:right;
top:0;
left:0;
width:180px;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Base Styles
--------------------------------------------------------------------------------------------------------------------- */

html, body, p, a, h1, h2, h3, h4, h5, h6, ul, li, img, td, address, blockquote {
	color: #222 ;
	background-color: transparent ;
	font-family: Arial, Helvetica, Verdana, sans-serif ;
	font-weight: normal ;
	font-style: normal ;
	text-decoration: none ;
	text-align: left ;
	margin: 0px ;
	padding: 0px ;
	border: none ;
}

html, body {
	color: black ;
	background-color: white ;
	font-size: 12px ;
	line-height: 12px ;
}

p, a, h1, h2, h3, h4, h5, h6, ul, li, img, td, address, blockquote {
	font-size: 1em ;
}

p, td, address, blockquote {
	margin-bottom: 8px ;
	line-height: 1.35em ;
}

strong, b {
	font-weight: bold ;
}

blockquote p, em, i {
	font-style: italic ;
}

#page-width {
    width: 750px ;
}

/* ---------------------------------------------------------------------------------------------------------------------
	Textual Headers
--------------------------------------------------------------------------------------------------------------------- */
/* Common */

h1, h3, h4, h5, h6, legend, .header-color {
	color: #036 ;
}

h2 {
	margin-bottom: 5px ;
}

h1 {
	margin-top: 5px ;
}

h3, h4 {
	font-weight: bold ;
}

/* Specific */

h1 {
	font-size: 24px ;
	line-height: 25px ;
}

h2 {
	color: #777777 ;
	font-size: 16px ;
	line-height: 16px ;
}

h3 {
	font-size: 1.08em ;
	line-height: 1.41em ;
	margin: 15px 0px 6px 0px ;
	padding: 0px 0px 3px 0px ;
	border-bottom: 1px solid #aaa ;
}

h4, h5, h6 {
	font-size: 1em ;
	line-height: 125% ;
}

h4 {
	margin: 12px 0px 2px 0px ;
}

h5, h6 {
	margin: 9px 0px 0px 0px ;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Banner/Header
--------------------------------------------------------------------------------------------------------------------- */

#banner {
	height: 125px ;
	background-color: transparent ;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Skiplinks
--------------------------------------------------------------------------------------------------------------------- */

#skiplinks {
    position: absolute ;
    overflow: hidden ;
	top: 3px ;
	left: 3px ;
	width: 0px ;
	height: 0px ;
}

#skiplinks:active, #skiplinks:focus {
	position: absolute ;
	overflow: visible ;
	width: 750px ;
	height: auto ;
}

#skiplinks p {
	text-align: left ;
}

#skiplinks p, #skiplinks a {
	color: #ccc ;
	font-size: 10px ;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Navigation
--------------------------------------------------------------------------------------------------------------------- */

#navigation {
	float: left ;
	width: 180px ;
	padding: 0px 0px 0px 20px ;
}

#navigation ul li {
	display: block ;
	list-style-type: none ;
}

/* Level 1 */

#navigation ul li a {
	display: block ;
	font-size: 11px ;
	line-height: 13px ;
	color: #ffffff ;
	background-color: #003366 ;
	margin-bottom: 1px ;
	padding: 4px 6px 4px 4px ;
}

/* #navigation ul li a:active { */
/* 	color: #039 ; */
/* 	background: #fff url("../_images/navigation/lv2_arrow.gif") left center no-repeat ; */
/* } */

#navigation ul li a:hover {
	background: #464646 ;
}

/* Level 2 */

#navigation ul ul li a {
	color: #ffffff ;
	background-color: #004891 ;
	padding-left: 14px ;
}

#navigation ul ul li a:hover {
	color: #036 ;
	background: #ccc url("../_images/navigation/lv2_arrow.gif") left center no-repeat ;
}

#navigation ul ul li a.active {
	color: #036 ;
	padding-left: 14px ;
	background: #ccc url("../_images/navigation/lv2_arrow.gif") left center no-repeat ;
}

/* Level 3 */

#navigation ul ul ul li a {
	background-color: #366FB5 ;
	padding-left: 24px ;
}

#navigation ul ul ul li a:hover {
	background: #ddd url("../_images/navigation/lv3_arrow.gif") left center no-repeat ;
}

#navigation ul ul ul li a.active {
	color: #036 ;
	padding-left: 24px ;
	background: #ddd url("../_images/navigation/lv3_arrow.gif") left center no-repeat ;
}

/* Level 4 */

#navigation ul ul ul ul li a {
	background-color: #73A4D9 ;
	padding-left: 34px ;
}

#navigation ul ul ul ul li a:hover {
	background: #e3e3e3 url("../_images/navigation/lv4_arrow.gif") left center no-repeat ;
}

#navigation ul ul ul ul li a.active {
	color: #036 ;
	padding-left: 34px ;
	background: #e3e3e3 url("../_images/navigation/lv4_arrow.gif") left center no-repeat ;
}

/* Level 5 */

#navigation ul ul ul ul ul li a {
	background-color: #9ABAD9 ;
	padding-left: 44px ;
}

#navigation ul ul ul ul ul li a:hover {
	background: #e6e6e6 url("../_images/navigation/lv5_arrow.gif") left center no-repeat ;
}

#navigation ul ul ul ul ul li a.active {
	color: #036 ;
	padding-left: 44px ;
	background: #e6e6e6 url("../_images/navigation/lv5_arrow.gif") left center no-repeat ;
}

/* Level 6 */

#navigation ul ul ul ul ul ul li a {
	background-color: #ABB4C2 ;
	padding-left: 54px ;
}

#navigation ul ul ul ul ul ul li a:hover {
	background: #e9e9e9 url("../_images/navigation/lv6_arrow.gif") left center no-repeat ;
}

#navigation ul ul ul ul ul ul li a.active {
	color: #036 ;
	padding-left: 54px ;
	background: #e9e9e9 url("../_images/navigation/lv6_arrow.gif") left center no-repeat ;
}

/* Static Links */

#navigation-secondary {
	margin-top: 5px ;
}

#navigation-secondary ul li a {
	font-size: 11px ;
	line-height: 13px ;
	color: #036 ;
	background: transparent ;
	font-weight: bold ;
	text-decoration: none ;
	margin: 0px ;
	padding: 3px 0px 4px 3px ;
	border-bottom: 1px solid #777 ;
}

#navigation-secondary ul li a:hover {
	padding-left: 3px ;
	background: #eee ;
}

#navigation-secondary form {
	font-size: 12px ;
	margin: 6px 0px 6px 0px ;
}

#navigation-secondary input {
	line-height: 13px ;
}

#navigation-secondary p, #navigation-secondary a {
	font-size: 11px ;
	line-height: 13px ;
	color: #036 ;
	font-weight: bold ;
}

#navigation-secondary p {
	color: #999 ;
}

#navigation-secondary a {
	color: #036 ;
}

#navigation-secondary #text-resize-controls {
	margin: 6px 0px 6px 0px ;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Main Content NEW HOMEPAGE Sept 2008
--------------------------------------------------------------------------------------------------------------------- */

#contenthome {
}

#contenthome table {
	
}

#contenthome table tr td {
	background-color:#ffffff;
}


#contenthome a {
	color: #036 ;
	background-color: transparent ;
	font-family: Arial, Helvetica, Verdana, sans-serif ;
	font-weight: bold ;
	font-style: normal ;
	text-decoration: none ;
	text-align: left ;
	margin: 0px ;
	padding: 0px ;
	border: none ;
}

#contenthome a:hover {
	color: #c00 ;
	background-color: transparent ;
	font-family: Arial, Helvetica, Verdana, sans-serif ;
	font-weight: bold ;
	font-style: normal ;
	text-decoration: none ;
	text-align: left ;
	margin: 0px ;
	padding: 0px ;
	border: none ;
}

#contenthome h3 {
	color: #3d831c ;
	background-color: transparent ;
	font-size: 1.25em;
	font-family: Arial, Helvetica, Verdana, sans-serif ;
	font-weight: bold ;
	font-style: normal ;
	text-decoration: none ;
	text-align: left ;
	margin: 0px ;
	padding-bottom: 4px ;
	border: none ;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Main Content
--------------------------------------------------------------------------------------------------------------------- */

#headline {
	width: auto;
	margin: 0px 0px 10px 220px;
}

#headline.full_width {
	width: auto;
	margin: 0px 0px 10px 20px;
}

#news_banner {
	width: auto;
	margin: 0px 0px 10px 220px;
}

#headline img {
    margin-top: -106px ;
}

#headline h2 {
	width: 100% ;
	padding-bottom: 5px ;
	border-bottom: 1px solid #777 ;
}

#news-banner {
	font-weight: bold ;
}

#content {
	margin: 0px 200px 0px 220px;
}

#content.wide {
	margin: 0px 0px 0px 220px;
}

/*The flash map primarily uses this*/
#flashcontent {
width:100%;
margin: 0px 0px 0px 20px;
}

#content p a, #content p a:link, 
#content li a, #content li a:link, 
#content td a, #content td a:link {
	font-weight: bold ;
	color: #004891 ;
	text-decoration: underline ;
}

#content p a:visited {
	color: #366FB5 ;
}

#content p a:hover {
	color: #73A4D9 ;
	text-decoration: underline ;
}

#content p a:active {
	color: #73A4D9 ;
	text-decoration: underline ;
}

#content h3 {
	display: block ;
	width: 99% ;
}

#content h3 a {
	font-weight: bold ;
	display: block ;
	color: #036 ;
	margin: 0px 0px -3px 0px ;
	padding: 7px 0px 5px 6px ;
	background: #eee url("../_images/css/h3_arrow.gif") right center no-repeat ;
	text-decoration: none ;
}

#content h3 a:hover {
	color: #fff ;
	background: #036 url("../_images/css/h3_arrow_white.gif") right center no-repeat ;
	text-decoration: none ;
}

html>body #content h3 a {
	width: auto ;
}

#content ul, #content ol {
	padding: 0px ;
	margin: 3px 15px 9px 18px ;
}

#content ul li, #content ol li {
	padding: 0px ;
	line-height: 17px ;
	margin: 0px 0px 3px 9px ;
}

#content ul {
 	margin-left: 9px ;
 	list-style-type: none ;
}

#content ol.alpha {
 	margin-left: 9px ;
 	list-style-type: lower-alpha ;
}

#content .bulleted {
 	margin-left: 9px ;
 	list-style-type: square ;
}

#content td.blank-cell {
	background: #fff;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

/* Form */

#content form {
	padding: 0px ;
	margin: 0px ;
}

#content fieldset {
	background-color: #eee ;
	border: 1px solid #ddd ;
	padding: 3px ;
	margin-bottom: 6px ;
}

#content legend {
    display: none ;
}

#content form table {
	width: 100% ;
	border-collapse: collapse ;
	margin: 9px 0px ;
}

#content form td {
	padding: 3px ;
	border: none ;
	vertical-align: top ;
    background-color: transparent !important ;
}

#content form label {
    width: auto ;
    padding-top: 3px ;
    display: block ;
    text-align: right ;
}


/* #content fieldset div { */
/* 	height: 20px ; */
/* 	margin: 0px ; */
/* 	padding: 0px ; */
/* } */

/* #content fieldset div label { */
/* 	font-size: 12px ; */
/* 	font-weight: bold ; */
/* 	display: block ; */
/* 	float: left ; */
/* 	width: 80px ; */
/* 	padding-top: 4px ; */
/* 	margin-right: 6px ; */
/* 	margin-left: 24px ; */
/* 	text-align: right ; */
/* } */
/*  */
/* #content fieldset div input { */
/* 	display: block ; */
/* 	float: left ; */
/* 	width: 120px ; */
/* } */
/*  */
/* #content fieldset div input[type="submit"] { */
/* 	margin: 6px 0px 0px 110px ; */
/* } */

#content table {
	width: 100% ;
	border-collapse: collapse ;
	margin: 9px 0px ;
}

#content td, #content th {
	padding: 4px ;
	border: 1px solid #ccc ;
	vertical-align: top ;
}

#content th {
	color: white ;
	background: #666 ;
}

#content table.no-rule td, #content table.no-rule th {
	padding: 0px ;
	border: none ;
}

#content table.no-rule th {
	color: black ;
	background: transparent ;
}

#content table.no-rule h3 a {
	font-weight: bold ;
	display: block ;
	color: #036 ;
	margin: 0px 0px -3px 0px ;
	padding: 7px 0px 5px 6px ;
	background: #eee url("../_images/css/h3_arrow.gif") right center no-repeat ;
	text-decoration: none ;
}

#content table.no-rule h3 a:hover {
	color: #fff ;
	background: #036 url("../_images/css/h3_arrow_white.gif") right center no-repeat ;
	text-decoration: none ;
}

#content table.small td, #content table.small th {
	font-size: 11px ;
}

#content blockquote, #content div.callout {
	background: #f6f6f6 ;
	margin: 0px 0px 9px 0px ;
	padding: 12px ;
	font-style: italic ;
}

#content blockquote cite {
	display: block ;
	font-style: normal ;
    clear: both ;
    text-align: right ;
    margin-top: 6px ;
}

#content div.callout {
	display: block ;
	width: 90% ;
    margin-top: 9px ;
}

#content div.callout h3 {
    margin: 0px 0px 6px 0px ;
	border-bottom: none ;
}

#content address {
	font-weight: bold ;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Right-hand Content
--------------------------------------------------------------------------------------------------------------------- */

#content-right {
	position: absolute ;
	top: 185px ;
	left: 570px ;
	width: 180px ;
}

#content-right.lower {
	position: absolute ;
	top: 385px ;
	left: 570px ;
	width: 180px ;
}

#content-right .spacer {
	height: 27px ;
}

#content-right img {
	margin-bottom: 9px ;
}

#content-right a {
	font-weight: bold ;
	color: #004891 ;
}

#content-right a:hover {
	color: #366FB5 ;
	text-decoration: underline ;
}

#content-right div {
	background-color: #eee ;
	padding: 10px ;
	margin-bottom: 9px ;
}

#content-right div h4, #content-right div h5 {
	font-size: 12px ;
	margin-top: 4px ;
}

#content-right div p, #content-right div a, #content-right div ol {
	font-weight: normal ;
	font-size: 11px ;
	line-height: 15px ;
}

#content-right div p {
	margin: 4px 0px 2px 0px ;
}

#content-right div ol.alpha {
	padding-left: 1.5em;
	margin-left: 0px;
 	list-style-type: lower-alpha ;
}

/* Icon table */

table.icons {
	margin-top: 9px ;
	width: 195px ;
	border-collapse: collapse ;
    text-align: left ;
}

table.icons td {
    text-align: left ;
    vertical-align: top ;
    margin: 0px ;
    padding: 0px ;
    background-color: transparent !important ;
}

/* Adobe icon */

#content-right .get_adobe_reader img {
	margin: 0px ;
}

/* Factbox */

#content-right div.factbox {
	border: 1px solid #036 ;
	padding: 0px ;
}

#content-right div.factbox h4 {
	display: block ;
	background-color: #036 ;
	color: #fff ;
	margin: 0px ;
	padding: 3px ;
	text-align: center ;
}

#content-right div.factbox p, #content-right div.factbox h5 {
	margin: 10px ;
}

#content-right div.factbox h5 {
	margin-bottom: -6px ;
	font-weight: bold ;
}

/*LZ added May 31st for sorting out the page sub link areas*/
#content-right div.factbox ul{
list-style-type:none;
padding:5px;
}

/* ---------------------------------------------------------------------------------------------------------------------
	Classes
--------------------------------------------------------------------------------------------------------------------- */

#content .how-to-apply li {
    font-weight: bold ;
    list-style-image: url("../_images/css/li_arrow.gif") ;
}

#content .grey-arrow li {
    list-style-image: url("../_images/css/li_arrow_grey.gif") ;
}

#content-right div.important {
    background-color: #036 ;
}

#content-right div.important h4, #content-right div.important p {
    color: white ;
}

#content-right div.important a {
    color: white ;
	font-weight: bold ;
}

.phone {
	color: #336 ;
	font-weight: bold ;
}

.strong-warning {
	color: #C03 ;
	font-weight: bold ;
}

div.return {
	display: block ;
	text-align: right ;
}

div.return a {
	background: transparent url("../_images/navigation/return_arrow.gif") right center no-repeat ;
	padding-right: 15px ;
	margin: 0px 0px 6px 0px ;
}

.print-only, .text-only  {
	visibility: hidden ;
	display: none ;
}

#content .homepage_intro {
	background-color: #eee;
	border-bottom: 1px solid #777 ;
}

#content .homepage_intro p {
	padding: 10px;
}


/* ---------------------------------------------------------------------------------------------------------------------
	Categories for map highlighting
--------------------------------------------------------------------------------------------------------------------- */
#category_list a {
	text-decoration: none;
}

#category_list td a {
	display: block ;
}

#category_list td a {
	display: block ;
	list-style-type: none ;
	font-size: 11px ;
	line-height: 13px ;
	color: #036 ;
	font-weight: bold ;
}
	
#category_list td{
	padding: 0px 0px 0px 0px ;
}
	
#category_list td a {
	font-size: 11px ;
	line-height: 13px ;
	color: #036 ;
	background: transparent ;
	font-weight: bold ;
	text-decoration: none ;
	margin: 0px ;
	padding: 3px 0px 4px 3px ;
}
	
#category_list td a:hover {
	padding-left: 3px;
	background: #eee ;
}

#category_list td.highlight {
	background: #eee;
}


/* ---------------------------------------------------------------------------------------------------------------------
	News 'scroller'
--------------------------------------------------------------------------------------------------------------------- */
#fscroller {
	color: #000000;
	margin-left: 5px;
}
#fscrollerns {
	color: #000000;
	margin-left: 5px;
} 


/* ---------------------------------------------------------------------------------------------------------------------
	Virtual tours ipix pages
--------------------------------------------------------------------------------------------------------------------- */
#virtual_tour_window {
position:absolute;
top:185px;
left:430px;
width:320px;
height:240px;
}

#tour_overview h4 {
font-size:16px;
}

#tour_overview p {
width:200px;
}

#tour_overview h4.line {
width:100%;
padding-bottom:6px;
border-bottom:1px solid #777;
}

#tour_overview h5 {
font-size:1.1em;
font-weight:bold;
}

#tour_overview ul.list {
margin:0;
padding:0;
list-style-type:none;
}

#tour_overview ul.list li {
margin:0;
padding:0;
list-style-type:none;
line-height:1.6em;
}

#tour_overview ul.list li a {
text-decoration:underline;
}

/*#virtual_tour_window {
width:320px;
height:240px;
float:right;
margin:0 0 0 .8em;
padding:0;
background-color:#006699;
}
*/


/* ---------------------------------------------------------------------------------------------------------------------
	Accommodation Flash map page full width and no main navigation
--------------------------------------------------------------------------------------------------------------------- */


#intro {
float:left;
}

#shortcuts {
width:470px;
float:right;
}

#shortcuts h4 {
margin-top:0;
margin-bottom:.6em;
font-size:1.3em;
}

#shortcuts dl#sc_one {
width:210px;
float:left;
margin:0;
padding:0;
}

#shortcuts dl#sc_two {
width:260px;
float:left;
margin:0;
padding:0;
}

#shortcuts dt {
width: 2em;
height:1.5em;
font-weight: bold;
float:left;
}

#shortcuts dt.tab {
width: 4em;
font-weight: bold;
float:left;
}

#shortcuts dt.right {
width: 7em;
font-weight: bold;
float:left;
}

#shortcuts dd {
height:1.5em;
margin:0;
padding:0;
}
#flashcontent.full_width h3 a {
	font-weight: bold;
	display: block;
	color: #036;
	margin: 0px 0px -3px 0px;
	padding: 7px 6px 5px 6px;
	background: #eee url("../_images/css/h3_arrow_back.gif") left center no-repeat;
	text-decoration: none;
	text-align:right;
}

#flashcontent.full_width h3 a:hover {
	color: #fff;
	background: #036 url("../_images/css/h3_arrow_back_white.gif") left center no-repeat;
	text-decoration: none;
}

#flashcontent.full_width h3.half {
width:245px;
}

/* ---------------------------------------------------------------------------------------------------------------------
	Footer
--------------------------------------------------------------------------------------------------------------------- */

#footer {
	width: 730px ;
	clear: both ;
	padding: 10px 0px 0px 0px ;
	margin: 18px 20px 18px 20px ;
	border-top: 1px solid #aaa ;
}

#footer p, #footer a, #footer address {
	font-size: 11px ;
	color: #888 ;
}

#footer a {
	color: #888 ;
	text-decoration: none ;
}

#footer img {
    margin-bottom: 12px ;
}

#standards_compliant_notes {
	visibility: hidden ;
	display: none ;
}




/* ---------------------------------------------------------------------------------------------------------------------
	Intranet
--------------------------------------------------------------------------------------------------------------------- */

.news-summary {
    background-color: #f2f2f2 ;
    padding: 10px ;
    border-top: 1px solid #aaa ;
    margin: 0px 0px 10px 0px ;
}

.news-summary h3 {
    color: #036 ;
    font-size: 125% ;
    font-weight: bold ;
    line-height: 133% ;
    margin: 0px 0px 5px 0px ;
    padding: 0px ;
    border: none ;
}

.news-summary a {
    display: block ;
    text-align: right ;
}

.news-summary div {
    height: 18px ;
}

.news-summary .sub-headline {
    color: #777 ;
    font-weight: bold ;
    font-size: 100% ;
    width: 50% ;
}

.news-summary .byline {
    float: right ;
    width: 50% ;
    text-align: right ;
}

.news-summary .byline, .news-summary .byline a {
    display: inline ;        
    font-size: 11px ;
    color: #777 ;
    font-style: italic ;
    font-weight: normal !important ;
}


button {
    font-size: 10px ;
    color: #666 ;
    background: white ;
    padding: 3px ;
    margin: 1px ;
    border: 1px solid #036 ;
}


/* ---------------------------------------------------------------------------------------------------------------------
	'One-off' Styles
--------------------------------------------------------------------------------------------------------------------- */

/* #vending-table  { */
/*     background-image: url("../_images/backgrounds/vending_table.jpg") !important ;     */
/* } */
/*  */
/* #vending-table tr.light td { */
/*     background-color: transparent !important ;     */
/* } */
/*  */
/* #vending-table tr.dark td { */
/* 	background: transparent url("../_images/backgrounds/50_percent_tone.gif") !important ; */
/* } */
/*  */
/* #vending-table tr.light td, #vending-table tr.dark td { */
/*     border-bottom: 1px solid #369 !important ; */
/* } */


/* ---------------------------------------------------------------------------------------------------------------------
	'New' Styles
--------------------------------------------------------------------------------------------------------------------- */

/*This is the CSS that holds the flash advert on the homepage*/
#advert {
width:530px;
height:60px;
margin:0px 0px 10px 220px;
}


.file_container {
	background-color: #F2F2F2;
	padding: 10px;
	width: 510px;
	float: right;
	border-top-color: #AAAAAA;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 10px;
}
.file_container_pdf {
	background-color: #F2F2F2;
	padding: 10px;
	width: 510px;
	float: right;
	border-top-color: #AAAAAA;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 10px;
	background-image: url(../_images/pdf_01.jpg);
	background-repeat: no-repeat;
}
.file_container_xls {
	background-color: #DDDDDD;
	padding: 10px;
	width: 510px;
	float: right;
	border-top-color: #AAAAAA;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 10px;
	background-image: url(../_images/xls_01.jpg);
}
.file_container_doc {
	background-color: #DDDDDD;
	padding: 10px;
	width: 510px;
	float: right;
	border-top-color: #AAAAAA;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 10px;
	background-image: url(../_images/doc_01.jpg);
}
.file_container_vis {
	background-color: #DDDDDD;
	padding: 10px;
	width: 510px;
	float: right;
	border-top-color: #AAAAAA;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 10px;
	background-image: url(../_images/vis_01.jpg);
}
.higlighted_link {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #003399;
	text-align: center;
	width: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
}
.edit {
	float: right;
}
.summary_headline {
	font-size: 125%;
	color: #003366;
	padding-bottom: 2px;
	font-weight: bold;
}

#content form tr.menuHeading td {
	padding: 15px 3px 2px 3px;
}
span.menuSeparator {
	display: block;
	padding: 4px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------------------------------------------------
	'Food and drink' Styles
--------------------------------------------------------------------------------------------------------------------- */

#themix div#content {
background-color:#861068!important;
}

#themix div#content a {
color:#FFFFFF;
}

h1.getin {
	/*background-image:url(../../../../_images/foodanddrink/getin.gif);*/
background-image:url(../_images/foodanddrink/getin.gif);
	width:530px;
	height:131px;
	display:block;
	text-indent:-9999px;
	background-repeat: no-repeat;
}

#foodcon {
float:left;
width:300px;
margin:22px 0 0 16px;
}

#foodcon h3{
color:#FFFFFF;
border:0;
font-size:140%;
margin:0 0 8px 0;
line-height:1.1em;
}

#foodcon p {
color:#FFF;
}

div.foodwrap {
border-top:solid 1px #97307C;
border-bottom:solid 1px #97307C;
margin:0 0 10px 0;
}

div.foodwrap p {
margin:6px 0;
font-size:140%;
font-weight:normal;
}

div.foodwrap ul {
margin:10px 16px!important;
}

div.foodwrap ul,
div.foodwrap li {
list-style-type:disc;
color:#FFF;
}

#sub_food {
float:right;
width:180px;
margin:22px 0 0 0px;
padding-right:15px;
}

#sub_food p{ 
color:#FFF;
font-style:italic;
font-size:90%;
margin:4px 0;
}

#sub_food blockquote {
background-color:#861068;
color:#DCBAD2;
font-style:normal;
font-size:150%;
line-height:1.1em;
margin:30px 0;
padding:0;
}

#clear {
clear:both;
}

.clear {
clear:both;
}

/* 
--------------------------------------
DOM Stopper news scroller styles
--------------------------------------
*/

#wrap_news {
margin:0 0 .8em 0!important;
width:180px;
text-align:left;
}

#wrap_news h2 {
width:170px;
height:28px;
background-color:#FFF;
background-image:url(../_images/css/news_h1_bk.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin:0;
padding:5px;
font-size:140%;
text-indent:-9999px;
}
#news {
width:180px;
border-bottom:solid 1px #AAAAAA;
background-image:url(../_images/css/dom_news_bk.jpg);
background-repeat:repeat;
}
#news a {
/*color:#666;*/
text-decoration: underline;
font-size:1em!important;
}
#news ul {
margin:0 .5em 0 1em;
padding:0;
list-style-type:none;
}
#news li {
line-height:1.5em;
color:#666;
font-size:1em;
margin-bottom:1em;
margin-top:1em;
}
/* the news box when JavaScript is available */
#news.hasJS {
height:200px;
overflow:hidden;
position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul {
position:absolute;
top:200px;
left:0;
margin:0 .5em 0 .5em;
padding:0;
}

#DOMnewsstopper {
display:none!important;
/*width:168px;
background-color:#EEEEEE;
margin:0!important;
padding:5px;
border-color:#AAAAAA;
border-width:0 1px 1px 1px;
border-style:solid;*/
}

#DOMnewsstopper a {
/*width:230px;
display:block;
color:#5A7B9C;
font-size:110%;
text-decoration:none;*/
}

/* 
--------------------------------------
Feedback form 
--------------------------------------
*/

#content form dl {
margin-bottom:3em;
}

#content form dl dt {
display:block;
border:1px red soild;
height:1.5em;
}

#content form dl dt label {
text-align:left;
}

#content form dl dd {
margin:0 0 .6em 0;
}

#content form dl dd input {
width:320px;
border:solid 1px #000;
padding:.3em;
}

#content form dl dd input#send_form {
width:120px;
height:22px;
border:0;
padding:0;
}

#content form dl dd textarea {
width:320px;
border:solid 1px #000;
padding:.3em;
}

/* 
--------------------------------------
Factbox divs 
--------------------------------------
*/

/* SD 17/08/07
Ordered lists inside factbox divs were not covered before - note that there is
a difference in the way IE and Firefox handle the left margin of an ordered list
so there is a declaration in screen_default_ie.css as well.
*/

#content-right div.factbox ol {
padding:6px 6px 6px 0px;
margin-left:27px;
}

#content-right div.factbox ol li {
padding-left:0px;
margin-left:0px;
}

#content-right div.factbox ul li,
#content-right div.factbox ol li {
line-height:1.5em;
}