/* Copyright Vanbar Multimedia Ltd 2006 */

/*************************** Top Level ****************************/
/* always force a vertical scroll bar */
html { height:101% }
*	 { margin:0; padding:0; border:0; }
body {
	background-color: #FFFFFF;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:small;
	line-height:1.3em;
	color:#1D1A1B;
	font-weight:normal;
	}


/************************* Common Divs *************************/
#header		{ height:auto; background-color:#2C2C2C; width:100% }
#crumbtrail	{ height:15px; width:698px; padding:5px; color:#FFFFFF }
#crumbtrail a {color:#FFFFFF; }
#container	{ margin: 0 auto; width: 708px; }
#content	{ float:left; width:488px; margin-right:17px; }
#indented	{ margin:20px 0px 0 95px; }
#indented	p {margin-top:20px }
.dotted_line{
	height:1px;
	border-top:1px dotted;
	margin-top:20px;
	}


/*********************** Common Styles ***********************/
/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both;}
.clearleft		{clear:left}

/* Styling */
h1 {
	font-size:small;
	font-weight:bold;
	margin-top:20px
	}
h2, h3 { font-size:small; }
strong	{ font-weight:bold }
/* HTML 4 Strict bug fix */
/* could also use display:block */
img	 	{ vertical-align:bottom }
img.bg_arrow {
	margin:-3px 0 0 -15px;
	float:left
	}
img.bg_arrow_under {
	margin:-20px 0 0 -15px;
	float:left
	}
li		{ list-style-position:inside }

/* forms */
form { margin:20px auto }
input, textarea, select {
	border:1px solid #1D1A1B;
	margin-bottom:5px;
	float:left
	}
label {
	margin:0px 0 5px 0;
	width:150px;
	clear:both;
	float:left;
	}
textarea {
	vertical-align:text-top;
	width:200px;
	height:75px
	}
p.input_error {
	color:#990000;
	margin:0 0 5px 100px;
	clear:both
	}
p.input_info {
	clear:both;
	margin:-3px 0 5px 100px;
	}
p.buttons {
	text-align:center;
	}
input.button {
	float:none;
	margin:0 10px 0 0 ;
	}
label.radio {
	clear:none;
	width:55px
}

/* links */
a 			{ text-decoration:none; }
a:link		{ color:#000000;}
a:active	{ color:#000000;}
a:visited	{ color:#000000;}
a:hover		{ color:#74341C;}


/*************************** Menu ****************************/
/* Main top nav */
#menu	 { margin: 0 auto; width: 708px; }
#menu ul { list-style-type: none; }
#menu li {
	display:inline;
	float: left;
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	/* only needed to acoomodate empty list items */
	background-color:#1D1A1B;
	height:42px;
	}
#menu li a {
	display:block;
	color:#FFFFFF;
	height:30px;
	padding:6px 18px 6px 6px;
	background:#1D1A1B url(../images/menu_arrows.gif) 85px 27px no-repeat;
	}
li#menubar1, li#menubar2, li#menubar3, li#menubar4, li#menubar5, li#menubar6
	{ width:1px; height:42px; display:inline; background-color:#FFFFFF }


/************************* Sub Menu **************************/
/* Secondary nav panel at top */
#submenu	{
	width:100%;
	margin-top:25px;
	border-left:1px dotted;
	border-top:1px dotted;
	}
#submenu p { margin:0 }
#submenu .lastchild	{
	border-bottom:0;
	}
#submenu .lastchild_empty {
	border-bottom:0;
	height:21px;
	}
#submenu ul {
	list-style-type: none;
	}
#submenu li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	width:175px;
	border-bottom:1px dotted;
	text-transform:uppercase;
	}
#submenu li a {
	display:block;
	height:15px;
	padding:3px 0 3px 6px;
	}
#submenu p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	line-height:1.1em;
	text-align:right;
	margin-right:6px;
	font-weight:bold;
	color:#1D1A1B;
	}


/************************** Footer ***************************/
#footer	 {
	clear:both;
	margin-top:25px;
	border-top:1px dotted
	}
#footer p {
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


/************************** Right ***************************/
#right {
	float:right;
	width:201px;
	}
#right h1 {
	width:100%;
	margin-bottom:5px;
	border-bottom:1px dotted;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-transform:uppercase;
	}


/*********************** Right News *************************/
#right .news_panel {
	width:100%;
	height:120px;
	margin-bottom:9px;
	border-left:1px dotted;
	border-top:1px dotted;
	background-repeat:no-repeat;
	overflow:hidden;
	}
#right .news_panel h2 {
	font-size:small;
	font-weight:normal;
	margin:0px 20px 10px 38px;
	}	
#right .news_panel h3 {
	font-size:small;
	font-weight:bold;
	margin:12px 20px -2px 38px;
	}
#right .news_panel p {
	font-size:small;
	margin:0px 20px 20px 38px;
	line-height:1.1em;
	}
#news_panel1 { background:url(../images/includes/news/news_panel1.gif) }
#news_panel2 { background:url(../images/includes/news/news_panel2.gif) }
#news_panel3 { background:url(../images/includes/news/news_panel3.gif) }


/*********************** Right Idea *************************/
h1#idea		{ background:url(../images/includes/idea/envelope.gif) right no-repeat; }


/****************** Right Programmes *********************/
#right .prog_panel {
	width:100%;
	height:41px;
	margin-bottom:2px;
	padding:6px 0 6px 0;
	overflow:hidden /* IE hack */
	}
#right .prog_panel h2 {
	font-size:small;
	font-weight:normal;
	margin:0px 10px 0px 38px;
	padding-top:0px;
	line-height:1.1em;
	}	
#prog_panel1 { background:url(../images/includes/progs/prog_panel1.gif) }
#prog_panel2 { background:url(../images/includes/progs/prog_panel2.gif) }
#prog_panel3 { background:url(../images/includes/progs/prog_panel3.gif) }


/******************* Page Configurations ********************/
/* Common setup across the pages for the menus
Give them all the pause symbol when on their page */
body#home a#homenav,
body#programmes a#prognav,
body#company a#conav,
body#news a#newsnav,
body#recruitment a#recruitnav,
body#ideas a#ideasnav,
body#contact a#contactnav
	{ background:url(../images/menu_pause.gif) 85px 27px no-repeat }

/* Individual setup for each page to set the colour schemes for:
	* the menu button when on it's page
	* menu spacers (bars) when on it's page
	* crumbtrial 
	* menu button rollover (hover)
	- exluding homepage:
	* crumbtrail text
	* crumbtrail text rollover (hover)
	* submenu
	* content color
	* submenu buton rollover (hover)			*/
	
/* Home Page */
body#home a#homenav,
body#home #menubar1,
body#home #crumbtrail,
#menu li a#homenav:hover
	{ background-color:#393413 }

/* Programmes Page */
body#programmes a#prognav,
body#programmes #menubar1, body#programmes #menubar2,
body#programmes #crumbtrail,
#menu li a#prognav:hover
	{ background-color:#382913 }
body#programmes #crumbtrail strong,
body#programmes #crumbtrail a:hover
	{ color:#968E82; margin-right:3px; }
body#programmes #submenu
	{ background-color:#E9E7E3; border-color:#382913;}
body#programmes #submenu li a:hover,
body#programmes #content, body#programmes .here
	{ color:#382913 }
body#programmes #submenu li
	{ border-color:#382913;}

/* Company Page */
body#company a#conav,
body#company #menubar2, body#company #menubar3,
body#company #crumbtrail,
#menu li a#conav:hover
	{ background-color:#74341C }
body#company #crumbtrail strong,
body#company #crumbtrail a:hover
	{ color:#B59487; margin-right:3px; }
body#company #submenu
	{ background-color:#EFE9E4; border-color:#74341C;}
body#company #submenu li a:hover,
body#company #content, body#company a.here
	{ color:#74341C }
body#company #submenu li
	{ border-color:#74341C;}

/* News Page */
body#news a#newsnav,
body#news #menubar3, body#news #menubar4,
body#news #crumbtrail,
#menu li a#newsnav:hover
	{ background-color:#847A4E }
body#news #crumbtrail strong,
body#news #crumbtrail a:hover
	{ color:#C1B9A1; margin-right:3px; }
body#news #submenu
	{ background-color:#F1F0E9; border-color:#847A4E;}
body#news #submenu li a:hover,
body#news #content, body#news .here
	{ color:#847A4E }
body#news #submenu li
	{ border-color:#847A4E;}

/* Recruitment Page */
body#recruitment a#recruitnav,
body#recruitment #menubar4, body#recruitment #menubar5,
body#recruitment #crumbtrail,
#menu li a#recruitnav:hover
	{ background-color:#4C3A41 }
body#recruitment #crumbtrail strong,
body#recruitment #crumbtrail a:hover
	{ color:#A0979A; margin-right:3px; }
body#recruitment #submenu
	{ background-color:#EBE9E8; border-color:#4C3A41;}
body#recruitment #submenu li a:hover,
body#recruitment #content, body#recruitment a.here
	{ color:#4C3A41 }
body#recruitment #submenu li
	{ border-color:#4C3A41;}

/* Ideas Page */
body#ideas a#ideasnav,
body#ideas #menubar5, body#ideas #menubar6,
body#ideas #crumbtrail,
#menu li a#ideasnav:hover
	{ background-color:#293C13 }
body#ideas #crumbtrail strong,
body#ideas #crumbtrail a:hover
	{ color:#8E9882; margin-right:3px; }
body#ideas #submenu
	{ background-color:#E7E9E3; border-color:#293C13;}
body#ideas #submenu li a:hover,
body#ideas #content, body#ideas a.here
	{ color:#293C13 }
body#ideas #submenu li
	{ border-color:#293C13;}

/* Contact Page */
body#contact a#contactnav,
body#contact #menubar6,
body#contact #crumbtrail,
#menu li a#contactnav:hover
	{ background-color:#726812 }
body#contact #crumbtrail strong,
body#contact #crumbtrail a:hover
	{ color:#B4AF82; margin-right:3px; }
body#contact #submenu
	{ background-color:#EFEEE3; border-color:#726812;}
body#contact #submenu li a:hover,
body#contact #content, body#contact a.here
	{ color:#726812 }
body#contact #submenu li
	{ border-color:#726812;}


/************************* Home Page *************************/
#intro {
	background-color:#393413;
	width:100%;
	height:100px;
	}
#intro p {
	color:#FFFFFF;
	font-size:medium;
	font-weight:bold;
	padding:5px 85px 40px 100px;
	}
#home .clip {
	float:left;
	width:236px;
	}
#home .clip h1 {
	font-size:small;
	font-weight:normal;
	color:#FFFFFF;
	padding:11px 0 0 17px;
	height:50px;
	margin:0;
	}
#home .article_wrap { /* only needed due to IE */
	width:206px;
	height:69px;
	padding:15px;
	overflow:hidden;
	}
#home #clip1 h1 { background-color:#6D5223 }
#home #clip1 .article_wrap {
	background-color:#D2C9BA;
	color:#6D5223;
	}
#home #clip2 h1 { background-color:#726812 }
#home #clip2 .article_wrap {
	background-color:#D3D0B5;
	color:#726812
	}
#home #clip3 h1 { background-color:#74341C }
#home #clip3 .article_wrap {
	background-color:#D4C0B8;
	color:#6D5223;
	}
#bottom {
	clear:both;
	background-color:#393413;
	width:100%;
	height:46px;
	padding-top:20px;
	}
#bottom p {
	background-color:#1D1A1B;
	color:#FFFFFF;
	margin:0px 60px 20px 525px;
	padding:7px 0 0 13px;
	}
#bottom a {
	color:#FFFFFF;
}
#intro strong { color:#9C9A89 }


/******************* Programmes Section *******************/

/* recent prgrammes */
#prog_list_wrapper {
	padding:33px 0 0 15px;
	}
div.recent_prog_list {
	width:140px;
	margin:0 13px 0 0;
	float:left;
	}
div.recent_prog_list h1 {
	padding:18px 0 10px 0;
	margin:0;
	width:100%;
	font-weight:normal;
	border-bottom:1px dotted;
	}
div.recent_prog_list p {
	margin:10px 0 8px 0;
	overflow:hidden;
	height:70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	}
div.recent_prog_list p.watch_clip {
	margin:0 0 18px 0;
	height:auto;
	}
div.recent_prog_list a {
	font-weight:bold;
	}

/* view clip popup */
body#clip {
	background:#393413;
	color:#FFFFFF;
	}
body#clip img {
	display:inline /* IE bug fix */
	}
#clip_content {
	margin-left:17px ;
	width:353px;
	border-top:18px solid #1D1A1B;
	}
body#clip h1 {
	margin:10px 0 10px 0;
	padding-bottom:8px;
	border-bottom:1px dotted #FFFFFF;
	font-weight:normal;
	}
body#clip p {
	margin:0;
	padding-bottom:8px;
	border-bottom:1px dotted #FFFFFF;
	}
body#clip p#footer {
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0;
	text-transform:uppercase;
	}


/********************** Company Section **********************/
body#company #submenu p {
	margin-top:3px;
	}
.team_panel {
	float:left;
	width:133px;
	margin:0 10px 10px 0
	}
.team_panel_indented {
	float:left;
	width:133px;
	margin:0 10px 10px 0;
	padding-left:71px;
	}
.team_panel h1, .team_panel_indented h1 {
	margin:0;
	font-size:93%;
	}
.team_panel h2, .team_panel_indented h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	margin-top:-5px;
	}	
.team_label {
	height:24px;
	width:118px;
	background-color:#000000;
	color:#FFFFFF;
	padding:7px 10px 10px 5px;
	}
.team_label a:link		{ color:#FFFFFF;}
.team_label a:active	{ color:#FFFFFF;}
.team_label a:visited	{ color:#FFFFFF;}
.team_label a:hover		{ color:#74341C;}
h1#profile {
	font-size:small;
	line-height:0.9em;
	background-color:#74341C;
	color:#FFFFFF;
	width:211px;
	height:24px;
	padding:3px 6px;
	margin:0;
}
#profile_left {
	float:left;
	width:223px;
	margin-right:27px;
}
#profile_right {
	float:left;
	width:238px;
	margin-top:7px;
}
#profile_right p {
	margin-top:20px
	}


/************************ News Section ************************/
/* recent news */
div.recent_news_list {
	margin-bottom: 8px;
	height:120px;
	overflow:hidden;
	}
div.recent_news_list img { float:left }
div.recent_news_list h1 {
	font-weight:normal;
	margin:0;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dotted;
	}
div.recent_news_list h2 {
	font-weight:bold;
	color:#1D1A1B;
	}
div.recent_news {
	float:left;
	width:254px;
	height:86px;
	border-left:1px dotted;
	border-top:1px dotted;
	background-repeat:no-repeat;
	background-position:top right;
	padding:13px 20px 20px 33px;
	}
#recent_news1 { background-image:url(../images/news/recent1_bg.gif); }
#recent_news1 a { color:#382913; }
#recent_news2 { background-image:url(../images/news/recent2_bg.gif); }
#recent_news2 a { color:#5D454E; }
#recent_news3 { background-image:url(../images/news/recent3_bg.gif); }
#recent_news3 a { color:#74341C; }

/* archived news */
body#news #submenu p {
	margin:5px 5px 0 0;
	}
div.archive_news_list {
	height:55px;
	overflow:hidden;
	margin-bottom:17px;
	}
div.archive_news_list img {
	float:left;
	width:82px;
	margin-right:13px;
	}
div.archive_news_list h1 {
	margin:5px 0 0 95px;
	border-bottom:1px dotted;
	width:393px;
	}
div.archive_news_list p {
	line-height:1em;
	margin-top:8px;
	padding:0;
	}

/* article */
#article_image {
	float:left;
	width:236px;
	padding-right:16px;
	}
#article_image p {
	font-weight:bold;
	margin:0px 0 5px 0;
	text-align:center;
	}
#article_header {
	float:left;
	background:#F1F0E9;
	width:252px;
	margin-left:-16px;
	margin-bottom:20px;
	}
#article_header h1 {
	margin:0 0 10px 16px;
	font-weight:normal;
	}
#article_header h2 {
	background:#F1F0E9 url(../images/bg_arrows/news_bg.gif) 0px 25px no-repeat;
	margin:0px 0 0 16px;
	padding-top:55px;
	font-weight:normal;
	}


/************************ Contact Page ************************/
img.pdf {
	float:left;
	margin-right:10px;
	}
#submenu_pdf_link {
	float:right;
	padding-top:10px
	}

/************************* Admin Area *************************/
/* might seperate this out into a seperate style sheet */
p.list_news {
	margin:20px;
}