﻿/* MediCinema CSS Document */
/* Developed by Iain Phillips */

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

img {
	border: none;
}

h1 {
	float: left;
	font-size: 1.8em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: normal;
	color: #143C5A;
	padding: 0px;
	margin: 0px;
}

.orange_break {
	clear: both;
	background: #ea5217;
	height: 1px;
	width: 100%;
}

a {
	color: #ea5216;
}

/* Page Layout */

#blue_container {
	position: relative;
	margin: auto;
	width: 950px;
/*	background: #11334f;*/
/*	height: 100%;*/
}

#top_banner {
	position: relative;
	width: 950px;
	background: url(/media/livery/top_banner_bg.gif) no-repeat #143c5e;
	background-position: bottom;
}

#white_container {
	position: relative;
	width: 950px;
	background: #FFFFFF;
}

#top_menu {
	position: relative;
	width: 950px;
}

#content_space {
	position: relative;
	clear: both;
	width: 950px;
	background: #F0F0F0;
	padding: 0px;
	margin: 0px;
}

#white_space {
	position: relative;
	height: 10px;
}

#promo_space {
	position: relative;
	width: 950px;
	background: url(/media/livery/promo_space_bg.gif) repeat-y #F0F0F0;
	padding: 0px;
	margin: 0px;
}

#footer_menu {
	position: relative;
	width: 930px;
	padding: 10px 10px 0 10px;
}

#footer_sponsors {
	position: relative;
	background: url(/media/livery/footer_sponsors_bg.gif) no-repeat #11334f;;
	padding: 5px;
	height: 30px;
	width: 940px;
}

.clearer {
	clear: both;
	height: 5px;
}

/* Top Banner */

img.logo {
	position: absolute;
	bottom: 18px;
	left: 30px;
}

h2.tagline {
	width: 240px;
	font-size: 1.8em;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	padding: 45px 0 47px 210px;
	margin: 0px;
}

#flash_container {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 475px;
	/*height: inherit;*/
        height:120px;
	color: #FFFFFF;
	text-align: right;
}

/* Top Menu */

ul#top_menu_left {
	width: 550px;
	float: left;
	margin: 0px;
	padding: 5px 0 0 15px;
	background: #FFFFFF;
}

ul#top_menu_left li {
	float: left;
	list-style: none;
}

ul#top_menu_left li.selected {
	background: url(/media/livery/li_left_bg.gif) no-repeat #F0F0F0;
	background-position: left top;
}

ul#top_menu_left li a {
	text-transform: lowercase;
	display: block;
	font-size: 1.4em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	padding: 9px 10px 8px 10px;
	text-decoration: none;
	color: #000000;
}

ul#top_menu_left li a.current {
	background: url(/media/livery/li_right_bg.gif) no-repeat;
	background-position: right top;
}

ul#top_menu_right {
	width: 350px;
	float: right;
	margin: 0px;
	padding: 5px 15px 0 0;
	background: #FFFFFF;
}

ul#top_menu_right li {
	float: right;
	list-style: none;
}

ul#top_menu_right li.selected {
	background: url(/media/livery/li_left_bg.gif) no-repeat #F0F0F0;
	background-position: left top;
}

ul#top_menu_right li a {
	text-transform: lowercase;
	display: block;
	font-size: 1.4em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	padding: 9px 10px 8px 10px;
	text-decoration: none;
	color: #000000;
}

ul#top_menu_right li a.current {
	background: url(/media/livery/li_right_bg.gif) no-repeat;
	background-position: right top;
}

/* Content Space */

.content_space_top {
	position: relative;
	height: 15px;
	width: 950px;
	background: url(/media/livery/content_space_top_bg.gif) no-repeat;
}

.content_space_bottom {
	position: relative;
	height: 15px;
	width: 950px;
	background: url(/media/livery/content_space_bottom_bg.gif) no-repeat;
}

/* White Left */

#white_left {
	position: relative;
	left: 5px;
	top: -10px;
	float: left;
	width: 585px;
	padding: 20px;
	margin: 0 0 -25px 0;
	background: #FFFFFF;
}

#white_left p {
	font-size: 1.2em;
	padding: 0px;
	margin: 13px 0 0 0;
	line-height: 22px;
}

/* White Right */

#white_right {
	position: relative;
	right: 5px;
	top: -10px;
	float: right;
	width: 585px;
	padding: 20px;
	margin: 0 0 -25px 0;
	background: #FFFFFF;
}

#white_right p {
	font-size: 1.2em;
	padding: 0px;
	margin: 13px 0 0 0;
	line-height: 22px;
}

/* White Styles */

.white_top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 625px;
	height: 5px;
	background: url(/media/livery/white_top_bg.gif);
}

.white_bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 625px;
	height: 5px;
	background: url(/media/livery/white_bottom_bg.gif);
}

/* Twitter */

#twitter_bird {
	float: left;
	text-align: center;
	width: 70px;
	padding: 20px 10px 10px 0;
	display: none;
}

#twitter_bird a {
	font-size: 1.2em;
}

#twitter_text {
	float: left;
	width: 315px;
	background: url(/media/livery/twitter_text_bg.gif) repeat-y;
	display: none;
}

#twitter_text p {
	font-size: 1.2em;
	line-height: 18px;
	width: 270px;
	margin: 0px;
	padding: 0 15px 0 25px;
}

#twitter_text p.italic {
	font-style: italic;
	color: #4E6E89;
}

.twitter_text_top {
	width: 315px;
	height: 35px;
	background: url(/media/livery/twitter_text_top_bg.gif) no-repeat #FFFFFF;
	background-position: bottom;
	display: none;
}

.twitter_text_bottom {
	width: 315px;
	height: 15px;
	background: url(/media/livery/twitter_text_bottom_bg.gif) no-repeat;
	display: none;
}

/* Grey Right */

#grey_right {
	position: relative;
	float: right;
	width: 310px;
	right: 5px;
	top: -10px;
	margin: 0 0 -25px 0;
}

#grey_right .button {
	margin: 5px 0 0 0;
}

/* Grey Left */

#grey_left {
	position: relative;
	float: left;
	width: 310px;
	left: 5px;
	top: -10px;
	margin: 0 0 -30px 0;
}

#grey_left .button {
	margin: 0 0 5px 0;
}

/* Sub Menu */

#sub_menu {
	padding: 10px 20px 10px 20px;
	background: #FFFFFF;
	width: 270px;
}

.sub_menu_top {
	width: 310px;
	height: 10px;
	background: url(/media/livery/sub_menu_top_bg.gif) no-repeat #FFFFFF;
}

.sub_menu_bottom {
	width: 310px;
	height: 15px;
	background: url(/media/livery/sub_menu_bottom_bg.gif) no-repeat #FFFFFF;
}

#sub_menu h2 {
	padding: 0px;
	margin: 0px;
	color: #143C5A;
	font-size: 1.8em;
	font-weight: normal;
	border-bottom: 1px solid #EA5217;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}

ul#sub_menu_ul {
	padding: 13px 0 0 0;
	margin: 0px;
}

ul#sub_menu_ul li {
	list-style:none;
	margin: 0px;
	padding: 0px;
	background: url(/media/livery/sub_menu_li_bg.gif) no-repeat;
}

ul#sub_menu_ul li a {
	font-size: 1.2em;
	display: block;
	width: 250px;
	color: #000000;
	padding: 3px 0 4px 20px;
}

ul#sub_menu_ul li.selected {
	background: url(/media/livery/sub_menu_li_selected_bg.gif) no-repeat #4E6E89;
}

ul#sub_menu_ul li a.current {
	background: url(/media/livery/sub_menu_a_current_bg.gif) no-repeat;
	background-position: bottom;
	color: #FFFFFF;
	text-decoration: none;
}

/* Promo Space */

.promo_space_top {
	height: 15px;
	width: 950px;
	background: url(/media/livery/promo_space_top_bg.gif) no-repeat;
}

.promo_space_bottom {
	height: 15px;
	width: 950px;
	background: url(/media/livery/promo_space_bottom_bg.gif) no-repeat;
}

#promo_space_box {
	position: relative;
	float: left;
	width: 270px;
	padding: 5px 20px 5px 25px;
	margin: 0px;
}

#promo_space_box h2 {
	font-size: 1.4em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: normal;
	color: #143C5A;
	border-bottom: 1px solid #ea5217;
	padding: 0px;
	margin: 0px;
}

#promo_space_box h3 {
	font-size: 1.1em;
	color: #000000;
	padding: 10px 0 0 0;
	margin: 0px;
}

#promo_space_box p {
	font-size: 1.1em;
	padding: none;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

#promo_space_box p.center {
	text-align: center;
}

#promo_space_box p.grey {
	color: #777777;
}

/* Footer Menu */

#footer_menu p {
	float: left;
	width: 690px;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}

ul#footer_menu_ul {
	float: right;
	width: 240px;
	padding: 0px;
	margin: 0px;
}

ul#footer_menu_ul li {
	float: right;
	line-height: 20px;
	list-style: none;
	font-size: 1.1em;
	padding: 0 0 0 11px;
	margin: 0px;
}

/* Footer Sponsors */

.sponsor_left {
	float: left;
	margin: 0 5px 0 0;
}

.sponsor_right {
	float: right;
}

/* Breadcrumb */

span.urhere {
	float: left;
	font-size: 1.1em;
	padding: 7px 0 0 0;
	margin: 0px;
}

ul.Breadcrumb {
	float: left;
	padding: 7px 0 0 0;
	margin: 0px;
}

ul.Breadcrumb li {
	float: left;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0px;
	font-size: 1.1em;
	background: url(/media/livery/breadcrumb_li_bg.gif) no-repeat;
	background-position: center left;
}

ul.Breadcrumb li a {
	text-decoration: none;
}

#white_right .gallery_column p {
	line-height:14px;
}
