/* 

Author  : James Thomson [james.thomson@digitaloverload.co.uk]
Client  : Brasteds
Project : Brasteds
Comment	: Base stylesheet

*/

*
{
	padding:			0;
	margin:				0;
}


/****************************************************************************
	=standard tags altered
*****************************************************************************/

body
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			small;
	color:				#656565;
	background:			#ccc;
}

h1
{
	padding:			5px 0 8px 23px;
	margin-bottom:		10px;
	color:				#fff;
	background:			#9999cd url(../images/bg_h1.png) bottom repeat-x;
	font-size:			1.2em;
	font-weight:		normal;
}

h2
{
	margin-bottom:		10px;
	font-size:			1em;
	color:				#636598;
}

a img
{
	border:				none;
}

option
{
	padding-right:		0.6em;
}

object
{
	display:			block;
	margin-bottom:		15px;
}

ul ul
{
	padding-left:		20px;
}

/****************************************************************************
	=structure, encapsulates the entire page
*****************************************************************************/

#structure
{
	width:				766px;
	margin:				0 auto 20px;
	padding:			6px 17px 15px 16px;
	border-top:			20px solid #003466;
	background:			#fff url(../images/bg_structure.png) 16px 6px no-repeat;
	text-align:			left;
	font-size:			0.9em;
}

#structure:after
{
	display:			block;
	content: 			".";
	height: 			0;
	font-size:			0;
	clear: 				both;
	visibility:			hidden;
}


/****************************************************************************
	=ncb_container, contains the nav, content and banners
*****************************************************************************/

#ncb_container:after
{
	display:			block;
	content: 			".";
	height: 			0;
	font-size:			0;
	clear: 				both;
	visibility:			hidden;
}


/****************************************************************************
	=nc_container, contains the nav and content
*****************************************************************************/

#nc_container
{
	float:				left;
	width:				591px;
}

#nc_container:after
{
	display:			block;
	content: 			".";
	height: 			0;
	font-size:			0;
	clear: 				both;
	visibility:			hidden;
}


/****************************************************************************
	=nav, left hand navigation section
*****************************************************************************/

#nav
{
	float:				left;
	width:				168px;
	padding:			163px 0 119px;
	margin-bottom:		0;
	background:			url(../images/bg_nav.jpg) bottom left no-repeat;
	font-size:			1.2em;
	color:				#fff;
}

/* top level menu */

#nav ul
{
	list-style:			none;
	background:			#66669a;
}

#nav li.selected
{
	border-bottom:		1px solid #fff;
}

#nav li.selected a, #nav li.selected a:hover
{
	background:			#9999cd;
}

#nav li a:hover
{
	background:			#9999cd url(../images/bg_nav_a_active.png) bottom repeat-x;
}

#nav a
{
	display:			block;
	padding:			11px 0 12px 11px;
	background:			url(../images/bg_nav_li.png) bottom right no-repeat;
	color:				#fff;
	text-decoration:	none;
}

/* second level menu */

#nav ul ul
{
	padding:			10px 0 8px;
	background:			#ccccff;
}

#nav ul ul li.selected
{
	border:				none;
	font-weight:		bold;
	color:				#66669a;
	text-decoration:	underline;
}

#nav ul li.selected ul a
{
	padding:			0 0 6px 16px;
	border:				none;
	background:			url(../images/bg_nav_li_li_a.png) 11px 34% no-repeat;
	font-size:			0.75em;
	color:				#646569;
}

#nav ul li.selected ul a:hover
{
	background:			url(../images/bg_nav_li_li_a.png) 11px 34% no-repeat;
}

#nav ul li.selected li.selected a
{
	color:				#68689c;
}


/****************************************************************************
	=content, main centre content section
*****************************************************************************/

#content
{
	float:				right;
	width:				416px;
	padding:			136px 0 20px 0;
}

#content p
{
	margin-bottom:		18px;
}

#content img
{
	padding-bottom:		7px;
	margin-left:		-1px;
}

.copy
{
	padding:			0 18px 0 24px;
	line-height:		1.6em;
}

.copy a
{
	color:				#6A6796;
}


/*---------------------------------------------------------------------------
	=listing, listing of articles or other info
----------------------------------------------------------------------------*/

.listing:after
{
	display:			block;
	content: 			".";
	height: 			0;
	font-size:			0;
	clear: 				both;
	visibility:			hidden;
}

.listing p
{
	float:				right;
	width:				260px;
	color:				#999;
}

.listing .left_side
{
	float:				left;
	width:				110px;
}

.listing h2
{
	clear:				both;
}


/*---------------------------------------------------------------------------
	=event
----------------------------------------------------------------------------*/

.event
{
	margin-bottom:		20px;
}

.event h2
{
	margin-bottom:		0;
}

#content .event
{
	font-size:			0.99em;
}

.event p
{
	color:				#999;
}

.event ul
{
	list-style:			none;
	margin-top:			-1em;
}

#content .event .date
{
	margin-bottom:		0;
	color:				#676692;
}


/*---------------------------------------------------------------------------
	=menu styles
----------------------------------------------------------------------------*/

.menu p {
	color:				#69669D;
}

p.menu_date {
	color:				#666;
}

.menu_date span {
	padding-left:		20px;
}

.menu_date span,
.menu_date span a {
	color:				#69669D;
}

.menu_date span em {
	color:				#ccc;
	font-style:			normal;
}

.menu_date span a:hover {
	text-decoration:	none;
}

.menu, .menu table {
	position:relative;
}

.menu td,
.menu th {
	font-weight:		normal;
	text-align:			left;
	padding-bottom:		10px;
}
.menu tr {
	vertical-align:top;
}

.menu th {
	width:				260px;
	padding-right:		50px;
	white-space:		normal;
}

.menu th:after {
	content:				".";
	display:				block;
	height:					0;
	font-size:				0;
	clear:					both;
	visibility:				hidden;
}

.menu th ul {
	list-style:				none;
}

.menu th ul li {
	float:					left;
	margin:					0.6em 15px 0.6em 0;
	clear:					left;
	width:				260px;
}

.menu td {
	width:				60px;
	color:				#69669D;
}

.menu .drinks td, .menu .drinks th {
						padding-bottom:0;
}
.menu h1,
.menu h2,
.menu h3,
.menu h4,
.menu h5,
.menu h6 {
	color:				#66638E;
	font-size:			100%;
	font-weight:		bold;
	margin:				0;
	padding:			0;
}

/*---------------------------------------------------------------------------
	=form, controls the form layout
----------------------------------------------------------------------------*/

.important
{
	color:				#CC0007;
}

.footnote
{
	font-size:			0.9em;
	color:				#676692;
}

form td
{
	padding:			0 20px 0 0;
	vertical-align:		top;
}

form td.calendar,
form td.calendar td {
	padding-right:			0;
}

form td.calendar .cal_widget {
	border-left:			18px solid #ccc;
	border-right:			18px solid #ccc;
}

form td.calendar .cal_widget #do_calendar_rollover {
	margin-top:				-5px;
}

form label
{
	display:			block;
	color:				#69669D;
}

form label.err
{
	color:				#c00;
}

input, textarea
{
	margin-bottom:		15px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			100%;
}

textarea {
	width:				350px;
	height:				100px;	
}

form small {
	display:			block;
	margin-bottom:		85px;
}

form .cal_widget {
	text-align:			center;
	background:			#ccc;
}

form .cal_widget #do_calendar {
	margin:				auto;
	background:			#fff;
}

form .nomail {
	float:				right;
	font-size:			85%;
	width:				250px;
}

form .nomail label {
	margin:				0 0 0 17px;
	line-height:		1.2em;
}

form .nomail input {
	float:				left;
	margin:				0;
}

#frm_title,
#frm_initials,
#frm_people_count {
	width:				50px;
}

#frm_surname {
	width:				200px;
}

#frm_email,
#frm_tel {
	width:				222px;
}

.errors {
	border:				1px solid #c00;
	background:			#FFE6E7;
	display:			block;
	color:				#c00;
	margin:				10px 0;
	padding:			10px;
}

.success {
	border:				1px solid #060;
	background:			#EAFFED;
	display:			block;
	color:				#006600;
	margin:				10px 0;
	padding:			10px;
}


/****************************************************************************
	=banners, right hand section which is all banners
*****************************************************************************/

#banners
{
	float:				left;
	width:				168px;
	margin:				0 0 20px 7px;
}

#banners img
{
	display:			block;
}

#banners h2
{
	margin-bottom:		22px;
}

.banner
{
	margin-bottom:		3px;
}

.banner ul
{
	padding:			9px 0 0 6px;
	list-style:			none;
	background:			#66669a;
	font-size:			0.95em;
}

.banner li
{
	padding-bottom:		8px;
}

.banner li a
{
	display:			block;
	padding:			0 0 0 6px;
	background:			url(../images/bg_banner_li_a.png) 0 60% no-repeat;
	color:				#fff;
	text-decoration:	none;
}

.banner blockquote
{
	width:				149px;
	padding:			14px 9px 14px 8px;
	min-height:			85px;
	border:				1px solid #6B6497;
	font-style:			italic;
}


/****************************************************************************
	=footer
*****************************************************************************/

#footer
{
	position:			relative;
	margin-top:			165px;
	padding:			5px 6px 4px 7px;
	background:			#003466;
	font-size:			0.75em;
	color:				#fff;
	clear:				both;
}

#footer .smallprint
{
	float:				right;
	list-style:			none;
}

#footer .smallprint li
{
	float:				left;
	padding:			0 11px;
	border-right:		1px solid #fff;
}

#footer .smallprint li.last
{
	border:				none;
}

#footer .smallprint li.last a
{
	color:				#8D9FD1;
}

#footer .smallprint li a
{
	color:				#fff;
	text-decoration:	none;
}

#footer .award
{
	position:			absolute;
	top:				-133px;
	left:				9px;
}


/****************************************************************************
	=admin, adjustments for the admin system
*****************************************************************************/

.admin .copy
{
	padding-left:			0;
	margin-bottom:			15px;
}

.admin input, .admin textarea
{
	margin:					0;
}

.admin label, .admin input, .admin select
{
	margin-bottom:			7px;
}

.admin form td
{
	padding-right:			0;
}

.admin label
{
	padding-right:			10px;
}

.admin form select
{
	font-size:				1em;
}

.admin .core_data:after 
{
	content:				".";
	display:				block;
	height:					0;
	font-size:				0;
	clear:					both;
	visibility:				hidden;
}

.admin h3
{
	margin:					15px 0 10px;
	font-weight:			normal;
	font-size:				1em;
}

.admin .actions
{
	padding-top:			20px;
}

.admin .actions input
{
	padding-left:			20px;
	padding-right:			20px;
}

.admin_menu
{
	margin-top:				6px;
}