/* fotb_default.css for www.friendsofthebeatson.org */
/* created on 20090324 SJ */


body
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#page
{
	width: 960px;
	margin: 0 auto 0 auto;
}

/* @group Header */

div#header
{
	display: block;
	width: 960px;
	height: 120px;
	background-image: url('/_resources/interface/header_left_logo.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#logo
{
	background-image: url('/_resources/interface/beatson_logo.jpg');
	background-repeat: no-repeat;
	height: 100px;
	margin: 25px 0 25px 120px;
}

div#header_image
{
	height: 100px;
	width: 238px;
	margin: 20px 0 0 0;
	float: right;
	background: url('/_resources/interface/header_right_logo.jpg') no-repeat;
}

/* @end */

/* @group Navigation */

div#navigation_wrapper
{
	width: 960px;
	height: 46px;
	margin: 0 0 0 0;
}

div#navigation ul 
{
	
}

div#navigation ul li
{
	display: inline;
}


div#navigation ul li a
{
	display: block;
	height: 46px;
	width: 137px;
	overflow: hidden;
	float: left;
	padding: 0 0 0 0;
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-image: url('/_resources/interface/navigation_buttons.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#navigation ul li#home a
{
	width: 129px;
	height: 56px;
	background-position: 0 0;
}

div#navigation ul li#home a:hover,
div#navigation ul li#home.selected a
{
	background-position: 0 -66px;
}

div#navigation ul li#about_us a
{
	width: 126px;
	height: 56px;	
	background-position: -130px 0;
}

div#navigation ul li#about_us a:hover,
div#navigation ul li#about_us.selected a
{
	background-position: -130px -66px;
}

div#navigation ul li#news a
{
	width: 129px;
	height: 56px;	
	background-position: -256px 0;
}

div#navigation ul li#news a:hover,
div#navigation ul li#news.selected a
{
	background-position: -256px -66px;
}

div#navigation ul li#events a
{
	width: 129px;
	height: 56px;	
	background-position: -385px 0;
}

div#navigation ul li#events a:hover,
div#navigation ul li#events.selected a
{
	background-position: -385px -66px;
}

div#navigation ul li#become_a_friend a
{
	width: 182px;
	height: 56px;	
	background-position: -514px 0;
}

div#navigation ul li#become_a_friend a:hover,
div#navigation ul li#become_a_friend.selected a
{
	background-position: -514px -66px;
}

div#navigation ul li#links a
{
	width: 128px;
	height: 56px;	
	background-position: -695px 0;
}

div#navigation ul li#links a:hover,
div#navigation ul li#links.selected a
{
	background-position: -695px -66px;
}

div#navigation ul li#contact_us a
{
	width: 137px;
	height: 56px;	
	background-position: -823px 0;
}

div#navigation ul li#contact_us a:hover,
div#navigation ul li#contact_us.selected a
{
	background-position: -823px -66px;
}


/* @end */

/* @group Sub Navigation */

div#subnavigation_wrapper
{
	float: left;
	margin: 10px 0 10px 14px;
	width: 220px;
	clear: both;
}


div#subnavigation
{	
}

div#subnavigation h1
{
	color: white;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

div#subnavigation ul li
{
	margin-bottom: 1px;
}


div#subnavigation ul li a
{
	color: white;
	text-decoration: none;
	font-size: 15px;
	line-height: 24px;
}

div#subnavigation ul li:hover
{
	margin-bottom: 0px;
	border-bottom: 1px solid white;
}

div#subnavigation ul li.selected
{
	margin-bottom: 0px;
	border-bottom: 1px dotted white;
}

/* @end */

/* @group Background Colours */

body.var0_ div#content_wrapper,
body.var0_become_a_friend div#content_wrapper
{
	background-color: #3482ff;
}

body.var0_about_us div#content_wrapper,
body.var0_links div#content_wrapper
{
	background-color: #55c524;
}

body.var0_news div#content_wrapper,
body.var0_contact_us div#content_wrapper
{
	background-color: #be1c88;
}

body.var0_events div#content_wrapper
{
	background-color: #fa222a;
}

/* @end */

/* @group Images & Note */

div#images_wrapper
{
	display: block;
	width: 960px;
	height: 240px;
}

div#images
{	
}

div#images img
{
	float: left;
	margin: 10px 0 10px 14px;
	width: 220px;
	height: 220px;
	border: 1px dashed white;
	opacity: 0;
}

div#note
{
	float: left;
	margin: 10px 0 10px 14px;
	width: 220px;
	height: 220px;
	background-image: url('/_resources/interface/note.png');
	background-repeat: no-repeat;
}

div#note div#note_quote
{
	margin: 60px auto 0 20px;
	height: 75px;
	width: 150px;
}

div#note div#donate_button
{
	margin: 15px auto 0 auto;
	width: 115px;
}

/* @end */

/* @group Content */

div#content_wrapper
{
	width: 960px;
}

div#content
{
	display: block;
	width: 458px;
	min-height: 700px;
	margin: 0 10px 10px 249px;
}

div#content h2
{
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	color: white;
	margin: 10px 0 15px 0;	
	padding: 10px 0 0 0;
}

div#content h3
{
	font-size: 14px;
	line-height: 24px;
	color: white;
	margin: 15px 0 10px 0;
	border-bottom: 1px dotted white;
}

div#content p
{
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	padding-bottom: 24px;
}


div#content ul
{
	margin: 0 0 16px 0;
}

div#content ul li
{
	font-size: 14px;
	color: white;
	line-height: 1.5;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}

div#content a
{
	font-size: 14px;
	color: white;
	text-decoration: underline;
}

div#content object
{
	margin: 0 0 16px 0;
}

div#content div.news_entry
{
}

div#content div.news_entry div.more_information
{
	padding-bottom: 30px;
}
/* @end */


/* @group Events */

div.event_images,
div.gallery_images
{
	
}

div.event_images div.image,
div.gallery_images div.image
{
	
}

div.event_images div.image img#image_placeholder,
div.gallery_images div.image img#image_placeholder
{
	margin: 0 0 20px 0;
	width: 456px;
	height: 456px;
	border: 1px dashed white;
}

div.event_images div.thumbnails,
div.gallery_images div.thumbnails
{
	width: 476px;
}

div.event_images div.thumbnails img,
div.gallery_images div.thumbnails img
{
	margin: 0 14px 14px 0;
	width: 75px;
	height: 75px;
	border: 1px dashed white;
}


/* @end */

/* @group Contact Form */

span.label
{
	width: 120px;
	display: inline-block;
	font-size: 14px;
	color: white;
	vertical-align: top;
}


span.field
{
	
}

/* @end */



/* @group Diary & Quote */

div#diary_quote_wrapper
{
	float: right;
	margin: 10px 10px 10px 4px;
	width: 218px;
	height: 218px;
}

div#diary_quote
{
	
}

div#diary_quote h2
{
	font-size: 18px;
	color: white;
	margin-bottom: 20px;
}

div#diary_quote a
{
	margin-bottom: 1px;
	font-size: 12px;
	color: white;
	line-height: 24px;
	text-decoration: none;
}

div#diary_quote p.date
{
	margin-bottom: 12px;
	font-size: 11px;
	color: white;
}

div#diary_quote a:hover
{
	margin-bottom: 0px;
	border-bottom: 1px solid white;
}


div#testimonials p
{
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	padding: 36px 12px 0 0;
}

div#testimonials p.name
{
	padding: 24px 12px 0 0;
	text-align: right;
}


/* @end */

/* @group Footer */

div#footer
{
	
}

/* @end */