/*	
	FTI primary CSS document. 
	AUTHOR: T Morris/ Papercut Media 
	
STRUCTURE:
	- Defaults
	- Base Form Styles
	- Structural Boxes
	- Header/Menu/Submenu Styles
		- Header
		- Main Menu
		- SubMenu 
			- SecondaryNav
			- FeatureAblums
	- Section/page background image/header/colour adjustments

	- Basic Content Styles
		- content boxes
		- h1/h1 boxHeading styles
		- sectionMenu styles
		- repeated supplement/column modules - non page/section/colour specific

	- Detailed Page/section styles

	- Dreamgirl CMS styles

	- Tweks & Oddments
		
/*

/* DEFAULTS */
	body {
		font-family: arial, helvetica, verdana, trebuchet, sans-serif;
		font-size: 62.5%;
		margin: 0;
		padding: 0;
		color: #000;
		text-align: center;
		background: #766E66 url(../images/bgs/body-bg.jpg) top center no-repeat;
	}
	
	* { 
		font-size: 1em; 
	}
	div, form{
		margin:0;
		padding:0;
	}
	h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
		margin:0;
	}
	h1, h2, h3, h4, h5, h6, p{
		line-height: 1.5em;
		padding:0;
	}	
	h1, h2, h3{
		font-weight:normal;
	}
	p, ul, ol, dl { 
		padding: 0 0 1em 0;  
	} 
	ul, ol, dl, li, dt, dd {
		line-height:1em;
		list-style: none outside;
	}
	li, dt, dd {
		line-height: 1.5em;
		font-size: 1.2em;
		padding:0;
	}
	dt{font-weight:bold;}
	li li, li dt, li dd, li p,
	dt dt, dt dd, dt li, 
	dd dd, dd dt, dd li, dd p{
		font-size: 1em;
	}
	h1 {font-size: 2.6em;}
	
	h2 {font-size: 2.4em;}
	
	h3 {font-size: 1.8em;
		color:#666666;
		background:transparent;
	}
	li h3{font-size:1.5em;}
	
	h4 {font-size: 1.4em;}
	li h4{font-size:1.2em;}
	
	h5 {font-size: 1.3em; font-weight:normal;}
	li h5{font-size:1.1em;}

	h6 {font-size: 1.2em;}
	li h6{font-size:1.1em;}
	
	p, th, td {font-size: 1.2em;}
	
	
	a {
		color:#0066CC;
	}
	a:hover {
	}
	
	
	img, a img {
		vertical-align:middle;
		border: none;
	}		
	


	/* BASE FORM STYLES */
		form{ 
			float:left;
			display:inline;
			width:477px; 
			padding:0 0 1em 0;
		}
		input,
		select,
		textarea,
		fieldset,
		submit{
			font-size: 1.1em;
			margin:0;
			padding:2px;
			background:#E9E2DA; 
			border:1px solid #A7947D;
			font-family: arial, helvetica, verdana, trebuchet, sans-serif;
		} 
		input{ 
			width:230px;
		}
		select {width:auto;}
		textarea{ 
			width:300px;
			height: 60px;
			margin-right:3px;
		} 
		fieldset{ 
			clear:both;
			background:#fff;
			padding:5px 10px;
			width: 457px; 
			margin:0 0 .5em 0; 
		} 

		legend {
			padding:5px;
		}
		label, 
		legend {
			color:#000;
			background:transparent;
			font-size: 1.2em;
			font-weight:bold;
		}
		label{
			float:left;
			width:110px; 
			margin:2px 0;
		}
		fieldset label{ 
			width:100px; 
		} 
	
		form .row,
		form ul.multi{
			float:left;
			display:inline;
			width:477px; 
			padding:4px 0;
		}

		form fieldset .row,
		form fieldset ul.multi{
			width:457px; 
		}
		form .multi input{ 
			width:auto;
			border: 0px;
			background: none; 
		}
		form .multi label{
			float:none;
			width:auto;
			margin:2px 0;
			font-size: 1em;
			font-weight:normal;
		}

		form input.gobutton,
		form .loginbutton,
		form .submitbutton,
		form input#submitbutton,
		form .empytbutton,
		form .updatebutton,
		.shopContent .checkout{ 
			width:auto; 
			font-weight:bold;
			cursor:pointer;
			background:none;
			border:0px;
			margin:3px 0 0 110px;
			vertical-align:bottom; 
			text-transform:uppercase;
		}

		form input.gobutton{
			margin:2px 0px 0px 8px;
		}
		label.passwordlabel{
			padding-bottom:1em;
		}
		input.passwordInput,
		input.passwordVerify{
			margin-bottom:4px;
		}
		form input#submitbutton{ 
			height:24px;
			width:88px;
			text-indent:3px;
			text-align:left; 
			font-size:1.3em;
			color:#fff;
			background: #776F67 url(../images/icons/submit.gif) left top no-repeat; 
		}

		form .inputError{ 
			font-size:10px; 
			color: #CC3333 !important;
		}

	







/* STRUCTURAL BOXES */
	#wrapper{
		position:relative;
		width:960px;
		margin: 0px auto;
		text-align: center;
		background: url(../images/bgs/wrapper-bg.gif) top left repeat-y;
	}
	#header, #content, #footer{
		position:relative;
		text-align: left;
	}
	#header{
		width:960px;
		height:137px;
		color:#fff;
		background: transparent url(../images/bgs/header-bg.jpg) top left no-repeat;
		z-index:80;
	}
	#content{
		width:960px;
		background: url(../images/bgs/content-bg.jpg) 760px 0px no-repeat;
	}
	#content,
	#content #feature{
		min-height:630px;
		height:auto !important;
		height:630px;
		padding-bottom:20px;
		z-index:1;
	}
		#content #feature{
			position:relative;
			padding:8px 0 0 11px;
			width:738px;
			float:left;
			display:inline;
		}
		#content #extras{
			margin-left:760px;
			padding-top:10px;
			width:190px;
		}
	
	#footer{
		clear:both;
		padding-top:10px;
		width:960px;
		background: #766E66 url(../images/bgs/footer-bg.gif) top left no-repeat;
		z-index:0;
	}
	#userpanel{
		padding:5px;
	}



/* HEADER STYLES */
	#header h1 {
		position:absolute;
		width:188px;
		left:0; top:0;
		z-index:100;
	}
	a.skiplink {
		position:absolute;
		font-size: 8px;
		font-weight:normal;
		text-indent:-20000em;
	}
	#header h2{
		position:absolute;
		font-size:12px;
		font-weight:normal;
		}
	h2.tagline{ 
		top:87px;
		left: 212px;
		width: 545px;
		}
	
	
	/* LOGIN BOX  */
		#topLoginContainer h2{ 
			top:9px;
			right:17px;
			width:100px;
			text-align:center;
			text-transform:uppercase;
			line-height: 1.1em;
		}
		#topLoginContainer h2.topLogin,
		#topLoginContainer h2.userStatus{ 
			right:42px;
			width:auto;
		}
		#topLoginContainer h2 a{ 
			color:#fff;
			background:transparent;
			text-decoration:none;
		}
		#topLoginContainer h2 span{ 
			font-size:9px;
			color:#ccc;
			background:transparent;
		}
		#topLoginContainer h2 #loginClose{ 
			float:right;
			width:20px;
		}
	
	
	
	/* SEARCH & LOGIN BOXES */
		#menuSearch,
		#loginBox{
			position:absolute;
			text-align:right;
			padding:0px;
		}
		/* popup login box loaded via js */
		#loginBox{
			top:0px;
			right:0px;
			width:296px;
			height:80px;
			z-index:100;
			background:transparent url(../images/menu/loginBox-bg.gif) right top no-repeat;
		}
			#loginBox #loginForm{
				position:absolute;
				width:250px;
				right:15px;
				top:49px;
			}
		#menuSearch{
			width:175px;
			height:22px;
			right:15px;
			top:49px;
		}
		#menuSearch label{
			display:none;
		}
		
		#loginBox input,
		#menuSearch input{
			border:0px;
			padding:0;
			right:0;
			position:absolute;
			background-color:transparent;
		}

		#loginBox input#username,
		#loginBox input#password,
		#menuSearch input#searchKeywords{
			width:94px;
			height:17px;
			padding:5px 0px 0px 25px!important;
			background:transparent url(../images/menu/username-bg.gif) left top no-repeat;
		}
		#loginBox input#username{right:131px;}
		#loginBox input#password,
		#menuSearch input#searchKeywords {right:27px;}
		
		#loginBox input#password{
			padding:5px 0px 0px 5px!important;
			background:transparent url(../images/menu/password-bg.gif) left top no-repeat;
		}
		#menuSearch input#searchKeywords{
			width:123px;
			background:transparent url(../images/menu/searchbox-bg.gif) left top no-repeat;
		}

	/* MENU */
		#menu{
			position:relative;
			width:635px;
			margin:0 0 0 208px;
		}
		#menu a {
			color:#fff;
			background:transparent;
			text-decoration:none;
		}
		#menu ul, #menu li {
			line-height: 1em;
			margin: 0;  
		}

			#secondaryNav{
				width:580px;
				height:38px;
				padding:0 0 0 50px;
				text-transform: uppercase;
			}
			#secondaryNav li{
				float:left;
				display: inline;
				font-size:11px;
				padding:12px 0 0 15px;
			}
			#secondaryNav li.active span{
				font-weight:bold;
			}
			#secondaryNav li a:hover {
				text-decoration:underline;
			}

			#mainNav{
				position:relative;
				width:477px;
				height:42px;
				padding:0 0 0 21px;
				z-index:0;
			}
			#mainNav li.learnNav,
			#mainNav li.makeNav,
			#mainNav li.watchNav{
				position:relative;
				float:left;
				display:inline;
				font-size:24px;
				width:153px;
				z-index:100;
			}
			#mainNav li.learnNav{
				background: url(../images/menu/learn.gif) center center no-repeat;
			}
			#mainNav li.makeNav{
				background: url(../images/menu/make.gif) center center no-repeat;
			}
			#mainNav li.watchNav{
				background: url(../images/menu/watch.gif) center center no-repeat;
			}
			
			#mainNav li a,
			#mainNav li.active span a{
				display: block;
				width:153px;
				height:33px;
				padding:9px 0 0 0;
				color:#fff;
				background:transparent;
				text-align:center;
				text-decoration:none;
				text-transform: uppercase;
				text-indent: -10000px; 
			}
			#mainNav li.active span a{
				color:#E6E1D5;
			}
			
			#mainNav .menuTree { /* second-level lists */
				font-size: 1em;
				position: absolute;
				width:752px;
				top:42px;
				height:49px;
				padding: 0 10px 0 40px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}
			#mainNav .menuTree li{
				position:relative;
				float:left;
				width:auto;
				font-size:12px;
				padding:0 0 0 14px;
			}
			#mainNav .menuTree li a,
			#mainNav .menuTree li.active span a{
				padding:0;
				height:auto;
				padding:8px 0 0 0;
				width:auto;
				text-align:left;
				text-transform:none;
				white-space: pre;
				text-indent: 0px;
			}
			#mainNav .menuTree li.active span {
				color:#fff;
				background:transparent;
				font-weight:bold;
			}
			#mainNav .menuTree li a:hover {
				text-decoration:underline;
			}
			
			
			#mainNav li.learnNav ul { /* second-level lists */
				background: #60564C url(../images/menu/learnNav-bg.gif) left top no-repeat;
				margin-left:-71px;
			}
			#mainNav li.makeNav ul { /* second-level lists */
				background: #60564C url(../images/menu/makeNav-bg.gif) left top no-repeat;
				margin-left:-224px;
			}
			#mainNav li.watchNav ul { /* second-level lists */
				background: #60564C url(../images/menu/watchNav-bg.gif) left top no-repeat;
				margin-left:-377px;
			}
			.learn #mainNav li.learnNav,
			.make #mainNav li.makeNav,
			.watch #mainNav li.watchNav{z-index:-100;}
			.learn #mainNav li.learnNav ul,
			.make #mainNav li.makeNav ul,
			.watch #mainNav li.watchNav ul,
			#mainNav li.sfhover ul, #mainNav li:hover ul { /* lists nested under hovered list items */
				left:auto;
				z-index:100;
			}
	
	


/* FOOTER STYLES */
	#footer .credit{
		float:right;
		width: 80px;
		padding-right:5px;
	}
	#footer .copyright{
		float:left;
		width: 270px;
		padding:0 5px 10px 10px;
		line-height:1.3em;
		font-size:1.1em;
		color:#ccc;
		background:transparent;
	}
	#footer .copyright strong{
		font-weight:normal;
		color:#fff;
		background:transparent;
	}
	#footer .sponsors {
	}
	#footer .sponsors li{
		display:inline;
	}
	#footer .sponsors li img{
		margin:0 2px 5px 2px;
	}




/* SIDE COLUMN '#extras' STYLES */
	#extras div{
		background: #FFFFFF url(../images/bgs/extras/generic-div-bg.gif) left top repeat-y;
		padding: 5px 10px;
		margin-bottom:8px;
	}
	#extras h3{
		padding-top:10px;
		text-transform:uppercase;
		color:#333;
		background:transparent;
	}
	#extras .join,
	#extras .signup,
	#extras #cartList,
	#extras .rss{ padding: 0; }
	#extras .join{ background: #B40101 url(../images/bgs/extras/join-bg.gif) left top repeat-y; }
	#extras .signup,
	#extras #cartList{ background: #333333 url(../images/bgs/extras/signup-bg.gif) left top repeat-y; }
	
	#extras .join h3,
	#extras .signup h3,
	#extras #cartList h3{ padding: 5px 10px 0 10px; }
	#extras .join h3 a,
	#extras .signup h3 a,
	#extras #cartList h3 a,
	#extras #cartList p a{text-decoration:none; }
	#extras .join p,
	#extras .signup p,
	#extras #cartList p{ padding: 0 10px 10px 10px; }
	#extras .join h3{
		background: url(../images/bgs/extras/join-top-bg.gif) left top no-repeat;
	}
	#extras .join h3 a{
		color:#fff;
		background:transparent;
	}
	#extras .join p{
		color:#FFD79A;
		background: url(../images/bgs/extras/join-base-bg.gif) left bottom no-repeat;
	}
	#extras .signup h3,
	#extras #cartList h3{
		background: url(../images/bgs/extras/signup-top-bg.gif) left top no-repeat;
	}
	#extras .signup h3 a,
	#extras #cartList h3 a{
		color:#F7D010;
	}
	#extras .signup p,
	#extras #cartList p{
		color:#fff;
		background: transparent url(../images/bgs/extras/signup-base-bg.gif) left bottom no-repeat;
	}
	#extras #cartList p span{
		font-size:1.1em;
	}
	#extras #cartList p a{
		color:#ccc;
		background:transparent;
		font-size:.9em;
		font-weight:bold;
	}

	#extras .rss{ margin-bottom:0;background: #333333 url(../images/bgs/extras/signup-bg.gif) left top repeat-y; }
	#extras .rss p{
		padding: 10px 0px 0px 0px;
		background: url(../images/bgs/extras/signup-top-bg.gif) left top no-repeat;
	}
	#extras .rss p img{
		vertical-align:bottom;
	}
	#extras .rss p a{
		color:#fff;
		display:block;
		text-decoration:none;
		padding: 0 10px 10px 10px;
		background:transparent url(../images/bgs/extras/signup-base-bg.gif) left bottom no-repeat;
	}

	#extras div.module{
		padding: 0px;
	}
	#extras div.module h3{
		padding: 8px 10px 0 10px;
		line-height:1.1em;
		background: url(../images/bgs/extras/module-top-bg.gif) left top no-repeat;
	}

	#extras div.module ul li,
	#extras div.module dl dt,
	#extras div.module dl dd{
		font-size:1.1em;
		line-height:1.3em;
	}
	#extras div.module dl dt,
	#extras div.module dl dd{
		padding-left:10px;
	}
	#extras div.module dl dt{
		padding-top:.5em;
		background: url(../images/icons/bullet.gif) 0px 8px no-repeat;
	}
	#extras div.Blogs dl dd a{
		color:#000;
		background:transparent;
		text-decoration:none;
	}

	/* extras news adjustments */
		#extras div.News dl dt{
			width:40px;
			float:left;
			padding-left:0px;
			background-image:none;
		}
		#extras div.News dl dd{
			padding:.5em 0 0 0;
			margin-left:45px;
		}

	/* dreamgirl edit styles */
		#extras span.newButton{
			display:block;
			background:#fff;
			padding:2px 5px;
		}
	
	/* userpanel stuff */
		#userpanel {
		}






/* CONTENT STYLES */
	/* UNIVERSAL STYLES */
		#content #feature .pageHeader{
			margin:0;
			top:9px;
			position:relative;
			padding:0px 10px 0 250px;
		}
		#content #feature .pad{
			float:left;
			width: 727px;
			background:#fff;
			padding:10px 5px;
		}
		#feature li,
		#feature dt,
		#feature dd{
			padding-bottom:0.3em;
			padding-left:35px;
			background: url(../images/icons/bullet.gif) 25px 3px no-repeat;
		}
		#feature ol li{
			background-image: none;
		}
		#feature dt{ padding-bottom:0em; }
		#feature dd{ background-image:none; }

		#feature .item.movie p.attachment{
			text-align:center;
		}
		#content #feature a.more{ 
			padding:0px 2px;
			color:#fff; 
			background:#776F67;
			border:1px solid #666;
			text-transform:lowercase;
			text-decoration:none;
			font-size:.95em;
			white-space:nowrap;
		}
		.learn #content #feature a.more{background:#C70000;border:1px solid #B30000;}
		.make #content #feature a.more{background:#5AB52E;border:1px solid #51A329;}
		.watch #content #feature a.more{background:#006B90;border:1px solid #006081;}
		#content #feature a.more:hover{ 
				color:#666;
				background:#d9d9d9;
		}
		.learn #content #feature a.more:hover{color:#C70000;background:#d9d9d9;}
		.make #content #feature a.more:hover{color:#5AB52E;background:#d9d9d9;}
		.watch #content #feature a.more:hover{color:#006B90;background:#d9d9d9;}

	
		/* stepThrough links */
			#feature .stepThrough{
				float:left;
				width:470px;
				padding:1px 0 .5em 0;
			}
			#content #feature .stepThrough a,
			#content #feature .stepThrough .active{ 
				display:inline;
				border:1px solid #776F67;
			}
			#content #feature .pad .stepThrough a{ 
				color:#000;
				background:transparent;
				padding:2px 5px;
				text-decoration:none;
			}
			#content #feature .pad .stepThrough a:hover{ 
				background:#d9d9d9;
			}
			#content #feature .stepThrough a.paginate,
			#feature .stepThrough .active{ 
				padding:2px 3px;
			}
			#content #feature .stepThrough .active{ 
				color:#fff;
				background:#776F67;
			}
			.learn #content #feature .pad .stepThrough a,
			.learn #content #feature .stepThrough .active { border:1px solid #C70000; }
			.learn #content #feature .stepThrough .active { background:#C70000; }
			.make #content #feature .pad .stepThrough a,
			.make #content #feature .stepThrough .active { border:1px solid #5AB52E; }
			.make #content #feature .stepThrough .active { background:#5AB52E; }
			.watch #content #feature .pad .stepThrough a,
			.watch #content #feature .stepThrough .active { border:1px solid #006B90; }
			.watch #content #feature .stepThrough .active { background:#006B90; }



	/* LEARN MAKE WATCH - UNIVERSAL COLOUR CODED SECTIONS */
		/* positioning adjustments */
			.learn #header,
			.make #header,
			.watch #header{
				z-index:1;
			}
			.learn #content #feature,
			.make #content #feature,
			.watch #content #feature{
				margin-top:-3px;
			}
	
		/* section background colours */
			.learn #content #feature{ background: url(../images/bgs/feature-learn-bg.gif) left top no-repeat; }
			.make #content #feature{ background: url(../images/bgs/feature-make-bg.gif) left top no-repeat; }
			.watch #content #feature{ background: url(../images/bgs/feature-watch-bg.gif) left top no-repeat; }
	
			.learn #feature .item h3, .make #feature .item h3, .watch #feature .item h3,
			.learn #feature .item h4, .make #feature .item h4, .watch #feature .item h4,
			.learn #feature .item h5, .make #feature .item h5, .watch #feature .item h5{
				text-transform: uppercase;
			}
		
			.learn #feature h1, .learn #feature h3{ color:#C70000;background:transparent;}
			.make #feature h1, .make #feature h3{ color:#5AB52E;background:transparent;}
			.watch #feature h1, .watch #feature h3{ color:#006B90;background:transparent;}
	
			.learn #feature li,
			.learn #feature dt{ background: url(../images/icons/bullet-red.gif) 25px 3px no-repeat; }
			.make #feature li,
			.make #feature dt{ background: url(../images/icons/bullet-green.gif) 25px 3px no-repeat; }
			.watch #feature li,
			.watch #feature dt{ background: url(../images/icons/bullet-blue.gif) 25px 3px no-repeat; }


	/* INDEX & LEARN MAKE WATCH 'LANDING' PAGES */

		/*  INDEX ONLY */
			#feature .banner{
				position:relative;
				padding-bottom:20px;
				z-index:100;
			}
	
		
		/*  LEARN MAKE WATCH ONLY ('header') */
			#feature h1.corner{
				position:absolute;
				height:155px;
				width:155px;
				color:#fff;
				background-color:transparent;
				top:0;left:0;
				padding: 5px 0 0 10px;
				font-size:2.4em;
				font-weight:bold;
				text-transform:uppercase;
			}
			.learn #content #feature h1.corner{ background: url(../images/bgs/feature-learn-bg.gif) left top no-repeat; }
			.make #content #feature h1.corner{ background: url(../images/bgs/feature-make-bg.gif) left top no-repeat; }
			.watch #content #feature h1.corner{ background: url(../images/bgs/feature-watch-bg.gif) left top no-repeat; }
			

			#feature .pageImages,
			#feature .pageImages ul li{
				float:right;
				display:inline;
			}
			#feature .pageImages {
				text-align:right;
				width:736px;
				padding:0 0 0 0px;
				margin:3px 0 23px 0;
				border:1px solid #fff;
			}
			#feature .pageImages ul li{
				width:auto;
				padding:0;
				background-image:none;
			}
			
			

		/* HIGHLIGHT BOXES */
			#feature .highlights,
			#feature .highlights .item	{
				float:left;
				display:inline;
				position:relative;
			}
			#feature .highlights{
				float:right;
				width: 500px;
				margin-left:-12px;
				overflow:visible;
				z-index:99;
				}
			#feature .highlights .item{
				width: 238px;
				margin: 0 0 2em 12px;
				z-index:0;
			}
			#feature .highlights .first{
				position:relative;
				margin-left:-238px;
			}
			#feature .highlights .wideBox{
				width: 488px;
				height:auto;
			}
			#feature .highlights .item .detail{
				height:28em;
				overflow:hidden;
				position:relative;
				background:#fff;
				padding:.5em 5px 3.7em 5px;
			}
			#feature .highlights .wideBox .detail{	height:auto;}
			
			
			#feature .highlights .item .inlinepic{
				margin: 0 0 5px 0 ;
			}
			#feature .highlights .wideBox .inlinepic{
				float:left;
				position:relative;
				margin-right:10px;
				border-right:5px solid #fff;
			}
			
			#feature .highlights h2{
				font-size:1.8em;
				line-height:1em;
				text-transform:uppercase;
				padding:0 5px;
				margin-bottom:-1px;
			}
			#feature .highlights .learnBox h2{ color:#7F0101; }
			#feature .highlights .makeBox h2{ color:#3E7F1F; }
			#feature .highlights .watchBox h2{ color:#005F81; }
			#feature .highlights .otherBox h2{ color:#5F3560; }

			.learn #feature .highlights .item h2,
			.make #feature .highlights .item h2,
			.watch #feature .highlights .item h2 {color:#000;background:transparent;}
			
			#feature .highlights .item h3{
				color:#000;
				background:transparent;
				font-size:1.4em;
				font-weight:bold;
				padding:2px 5px 2px 10px;
				text-transform: none;
			}
			.learn #feature .highlights h3 {color:#C70000;background:transparent;}
			.make #feature .highlights h3 {color:#5AB52E;background:transparent;}
			.watch #feature .highlights h3 {color:#006B90;background:transparent;}

			#feature .highlights .wideBox h3{
				color:#fff;
				font-size:1.3em; 
				padding:2px 10px 2px 0;
				margin-bottom: 5px;
				background:transparent;
			}
			#feature .highlights .learnBox .wide h3{  background:#C70000; }
			#feature .highlights .makeBox .wide h3{  background:#5AB52E; }
			#feature .highlights .watchBox .wide h3{ background:#006B90; }
			#feature .highlights .otherBox .wide h3{ background: #B56AB5; }

			
			#feature .highlights .item h4{
				font-weight:normal;
				padding-left:10px;
			}
			#feature .highlights p{
				padding-left:10px;
			}
			#feature .highlights p.more{
				width: 238px;
				padding:5px 0;
				text-align:center;
				font-size:1.8em;
				text-transform:lowercase;
				position:absolute;
				bottom:0;
			}
			#feature .highlights p.wide{
				width: 488px;
				padding:2px 0;
				font-size:1.4em;
				font-weight:bold;
				text-align:right;
			}
			#feature .highlights .learnBox p.more{background:#C70000 url(../images/bgs/highlightLearn-bg.gif) left bottom no-repeat;}
			#feature .highlights .makeBox p.more{background:#5AB52E url(../images/bgs/highlightMake-bg.gif) left bottom no-repeat;}
			#feature .highlights .watchBox p.more{background:#006B90 url(../images/bgs/highlightWatch-bg.gif) left bottom no-repeat;}
			#feature .highlights .otherBox p.more{background:#B56AB5 url(../images/bgs/highlightOther-bg.gif) left bottom no-repeat;}
			#feature .highlights .learnBox p.wide{background:#C70000 url(../images/bgs/highlightLearn-wide-bg.gif) left bottom no-repeat;}
			#feature .highlights .makeBox p.wide{background:#5AB52E url(../images/bgs/highlightMake-wide-bg.gif) left bottom no-repeat;}
			#feature .highlights .watchBox p.wide{background:#006B90 url(../images/bgs/highlightWatch-wide-bg.gif) left bottom no-repeat;}
			#feature .highlights .otherBox p.wide{background:#B56AB5 url(../images/bgs/highlightOther-wide-bg.gif) left bottom no-repeat;}
			
			#feature .highlights p.more img.icon{
				vertical-align:middle;
			}
			#feature .highlights p.wide img.icon{
				padding-right: 10px;
			}
			
			#feature .highlights p.more a{
				color:#fff;background:transparent;text-decoration:none;
			}
		
				/* dreamgirl edit styles */
				#feature .highlights .dgActiveElement {
						margin-right:-2px;
						z-index:100;
				}
				#feature .highlights .dgActiveElement .dgInlineForm {	margin-left: 0px;}
				#feature .highlights div.first.dgActiveElement .dgInlineForm {	margin:0 0 0 215px;}
				#feature .highlights .newButton .dgInlineButtonActivated .dgInlineForm {	margin-left: 0px;}
		



			/*  LEARN MAKE WATCH - OVERVIEW BOXES */
				#feature .highlights .overview{
					margin-left:-238px;
					position:relative;
					z-index:100;
				}
				#feature .highlights .overview h2{padding:0 10px;}
				#feature .highlights .overview .detail a{color:#fff;background:transparent;}

				#feature .highlights .overview .detail{
					height:30em;
					color:#fff;
					background:transparent;
					border:.5em solid #fff;
					padding:.5em 5px .7em 5px;
				}
					/* dreamgirl edit styles */
					#feature .highlights .overview .detail .dgButton{
						top:4px;
						right:2px;
						position:absolute;
					}

				#feature .highlights .overview .detail *{	padding-left:0;	}
				.learn #feature .highlights .overview .detail { background:#C70000; }
				.make #feature .highlights .overview .detail { background:#5AB52E; }
				.watch #feature .highlights .overview .detail { background:#006B90; }
				
				


		/* EVENTS - WHAT'S ON BOX */
			#feature .eventsFront{
				position:relative;
				top:36em;
				width: 238px;
				padding-bottom:10px;
				margin-bottom:36em;
				z-index:99;
			}
			#feature .eventsFront h2{
				font-size:1.8em;
				line-height:1em;
				text-transform:uppercase;
				padding:0 5px;
				margin-bottom:-1px;
			}
			#feature .eventsFront .eventsList{
				background:#fff;
				padding:5px;
			}
			#feature .eventsFront .eventsList dt,
			#feature .eventsFront .eventsList dd{
				position:relative;
				padding:3px 10px;
			}
			#feature .eventsFront .eventsList dt{
				background:#7FC5DD;
				font-size:1.3em;
				font-weight:bold;
			}
			#feature .eventsFront .eventsList dt a{
				color:#000;
				background:transparent;
				text-decoration:none;
			}
			#feature .eventsFront .eventsList dd.date{
				background:#E5E5E5;
				font-size:1.1em;
				padding:1px 10px;
			}
			#feature .eventsFront .eventsList dd.summary{
				padding-bottom:1.2em;
			}
			#feature .eventsFront .eventsList dd.summary a{
				white-space:pre;
			}
	
			/*  LEARN MAKE WATCH - ADJUSTMENTS */
				.learn #feature .eventsFront,
				.make #feature .eventsFront,
				.watch #feature .eventsFront{
				/*	top:33em;
					margin-bottom:33em;*/
				}
				.learn #feature .eventsFront .eventsList dt{ background:#C70000;}
				.make #feature .eventsFront .eventsList dt{ background:#5AB52E; }
				.watch #feature .eventsFront .eventsList dt{ background:#006B90; }
				
				.learn #feature .eventsFront .eventsList dt a,
				.make #feature .eventsFront .eventsList dt a,
				.watch #feature .eventsFront .eventsList dt a{ color:#fff; background:transparent;}
	
	
		



/* CONTENT TEMPLATES & DESCENDANT PAGES */
	
	/* GENERIC - pages with no sidenav column */
	/* CONTENTSUBNAV - pages with side menu or other output from modules */
	/* CONTENTSECTIONNAV - pages with auto output of dreamgirl strucure side menu */

		/* DREAMCONTENT */
			#feature .captionBox{
				width:228px;
				clear:right;
				display:inline;
				text-align:right;
			}
			#content .generic .captionBox{
				float:left;
				clear:left;
			}
			#content .contentSubNav .captionBox,
			#content .aboutSectionNav .captionBox,
			#content .mmrSectionNav .captionBox,
			#content .contentSectionNav .captionBox	{
				float:right;
				padding:0 0 10px 10px;
			}
			#content .generic .contentText,
			#content .contentSubNav .item,
			#content .aboutSectionNav .item,
			#content .mmrSectionNav .item,
			#content .contentSectionNav .item,
			#content p.contentButton{
				margin-left: 244px;
				width:480px;
			}


			#content .item .contentText .buttons{margin:-.8em 0 1.2em 0;}



		/* SHARED SUBNAV STYLING */
			#feature .sectionNav,
			#feature .menuTree,
			#feature .sectionNav li,
			#feature .menuTree li{
				color:#fff;
				padding:0;
				margin:0;
				width:228px;
				float:left;
				display:inline;
				line-height:1em;
				background:transparent;
			}
			#feature .sectionNav li,
			#feature .menuTree li{
				background:#333333;
				border-bottom:6px solid #fff;
				}
			#feature .sectionNav li li,
			#feature .menuTree li li{
				border-top:1px solid #fff;
				border-bottom:0;
				}
			#feature .sectionNav a,
			#feature .sectionNav .inactive,
			#feature .menuTree a,
			#feature .menuTree .inactive{
				color:#fff;
				font-weight:bold;
				display:block;
				padding:8px 10px;
				text-decoration:none;
				background:#333333;
				}
			#feature .sectionNav li li a,
			#feature .menuTree li li a{
				font-weight:normal;
				padding:5px 12px;
				background:#666666;
				
				}
			#feature .sectionNav a:hover,
			#feature .menuTree a:hover{
				background:#000;
				}

			/* dreamgirl edit styles */
				#feature ul li .dgButton a{
					display:inline;
					padding:0 2px;
				}
		
			/* learn make watch - colour adjustments */
				.learn #feature .sectionNav li,
				.learn #feature .sectionNav a,
				.learn #feature .sectionNav .inactive,
				.learn #feature .menuTree li,
				.learn #feature .menuTree a,
				.learn #feature .menuTree .inactive{
					background:#C70000;
					}
				.learn #feature .sectionNav li li a,
				.learn #feature .menuTree li li a{
					background:#D02B2B;
					}
				.learn #feature .sectionNav a:hover,
				.learn #feature .menuTree a:hover{
					background:#9F0000;
					}
				.make #feature .sectionNav li,
				.make #feature .sectionNav a,
				.make #feature .sectionNav .inactive,
				.make #feature .menuTree li,
				.make #feature .menuTree a,
				.make #feature .menuTree .inactive{
					background:#5AB52E;
					}
				.make #feature .sectionNav li li a,
				.make #feature .menuTree li li a{
					background:#76C151;
					}
				.make #feature .sectionNav a:hover,
				.make #feature .menuTree a:hover{
					background:#489125;
					}
				.watch #feature .sectionNav li,
				.watch #feature .sectionNav a,
				.watch #feature .sectionNav .inactive,
				.watch #feature .menuTree li,
				.watch #feature .menuTree a,
				.watch #feature .menuTree .inactive{
					background:#006b90;
					}
				.watch #feature .sectionNav li li a,
				.watch #feature .menuTree li li a{
					background:#2681A1;
					}
				.watch #feature .sectionNav a:hover,
				.watch #feature .menuTree a:hover{
					background:#005673;
					}



	/* REPEATED TOP LEVEL BOX STYLES */
		/* narrow float-left columns */
			#feature .crewMenu,
			#feature .blogMenu,
			#feature .calendarMonth,
			#feature .tagList,
			#feature .bookshopMenu,
			#feature .newsFilter,
			#feature form.pageSearch{
				width:228px;
				float:left;
				display:inline;
			}


		/* indented wide right columns */
			#feature .staffContent,
			#feature .newsletterDownloads,
			#feature .employmentCategory,
			#feature .employmentDetail,
			#feature .donateContent,
			#feature .tagContent,
			#feature .blogContent,
			#feature .knowledgeBase,
			#feature .maillistContent,
			#feature .feedContent,
			#feature .searchContent,
			#feature .newsContent,
			#feature .newsItem,
			#feature .calendarContent,
			#feature .calendarItem,
			#feature .filmContent,
			#feature .filmItem,
			#feature .gearContent,
			#feature .crewContent,
			#feature .bookshopContent,
			#feature .bookItem,
			#feature .shopContent{
				margin-left: 244px;
				width:480px;
			}

		/* REPEATED SEARCH FORMS */
			#feature form.pageSearch{
				clear:left;
				width:208px;
				padding:10px;
				color:#fff;
				background:#777777;
				border-top:1px solid #fff;
				border-bottom:6px solid #fff;
		}
			#feature form.pageSearch label{
				color:#fff;
				width:auto;
				font-weight:bold;
				background:transparent;
			}
			#feature form.pageSearch label{
				float:left;
			}
			#feature form.pageSearch #keywords,
			#feature form.pageSearch #search{
				width:163px;
				padding:5px 3px;
				border:1px solid #555;
			}
			#feature form.pageSearch .gobutton{
				margin-left:0px;
				vertical-align: bottom;
			}

			.learn #feature form.pageSearch{ background:#C70000;}
			.make #feature form.pageSearch{ background:#5AB52E;}
			.watch #feature form.pageSearch{ background:#006B90;}

			.learn #feature form.pageSearch #keywords{	border:1px solid #8F0000;}
			.make #feature form.pageSearch #keywords{	border:1px solid #489125;}
			.watch #feature form.pageSearch #keywords{	border:1px solid #005976;}






		/* ABOUT/STAFF & BOARD PAGES */
			/* main column */
				#feature .staffContent .item {
					margin-left:0;
				}
				#feature .staffContent .staffList,
				#feature .staffContent .staffItem {
					float:left;
					width:477px;
					display:inline;
				}
				#feature .staffContent .staffItem {
					padding:15px 0;
					background-image:none;
					border-bottom:1px solid #000;
				}
				#feature .staffItem .photo{
					width:160px;
					float:left;
					display:inline;
				}
				#feature .staffItem .detail{
					margin-left: 175px;
				}
				#feature .staffItem ul.contactInf li{
					display:inline;
					padding-left:0;
					background-image: none;}
			


		/* ABOUT/NEWSLETTER DOWNLOAD PAGE */
			/* main column */
				#feature .newsletterDownloads dt,
				#feature .newsletterDownloads dd{
					padding-left:40px;
				}
				#feature .newsletterDownloads dt{
					background: url(../images/icons/bullet.gif) 30px 3px no-repeat;
					margin-top:1em;
				}

			
		/* ABOUT/EMPLOYMENT PAGE*/
			/* main column */
				#feature .employmentCategory{
					border-bottom:1px solid #000;
					padding:.5em 0;
				}
				#feature .employmentCategory dt{
					background: url(../images/icons/bullet.gif) 25px 5px no-repeat;
					font-size:1.4em;
					margin-top:.5em;
				}
				#feature .employmentCategory dd.date{
					font-weight:bold;
				}
				#feature .employmentCategory dd.summary{
					padding-bottom:.5em;
				}
				#feature .employmentCategory dd.summary p,
				#feature .employmentCategory dd.summary ul{
					padding-bottom:.3em;
				}
				#feature .employmentDetail dl.contactInf dt,
				#feature .employmentDetail dl.contactInf dd{padding-left:0;background-image:none;}
				#feature .employmentDetail dl.contactInf dd{display:inline;}
				#feature .employmentDetail .item{margin-left: 0px;}

		/* ABOUT/LOGOS DOWNLOAD PAGE */
			/* main column */
 				.logos #feature  h3 { 
					padding-top: .5em !important ;
				} 
				.logos #feature .item p,
				.logos #feature .item dl.file{
					padding-bottom:.7em;
				}
				.logos #feature .item dt,
				.logos #feature .item dd{
					padding-left:30px;
					line-height:1.2em;
				}
				.logos #feature .item dt{
					background: url(../images/icons/bullet.gif) 20px 3px no-repeat;
				}


		/* DONATE PAGE */
			/* main column */
				#feature .productList li strong{
					float:left;
					width: 100px;
				}
				
				
				
		/* LINKS PAGE */
			/* narrow column - tagList */
				#feature .tagList h2{
					color:#fff;
					padding:5px 10px;
					font-size: 1.2em;
					font-weight:bold;
					background:#333333;
				}
				#feature .tagCloud { padding:7px;}
				#feature .tagCloud li a { color:#000;background:transparent;}
				
				#feature .tagCloud li {
					display:inline; 
					padding:0 3px 0 0;
					line-height:1.3em;
					background-image:none;
				}
				#feature .tagCloud .tagLevel4 {font-size: 1.2em;}
				#feature .tagCloud .tagLevel3 {font-size: 1.4em;}
				#feature .tagCloud .tagLevel2 {font-size: 1.7em;}
				#feature .tagCloud .tagLevel1 {font-size: 2em;}
			
			/* main column */
				#feature .tagContent h2 {
					font-size:1.8em;
					width:477px;
					border-bottom:1px solid #000;
					padding-bottom:.3em;
				}
				#feature .tagItem {
					float:left;
					width:477px;
					display:inline;
					padding:15px 0;
					border-bottom:1px solid #000;
				}
				#feature .tagItem dt,
				#feature .tagItem dd,
				#feature .tagItem li {
					padding-left:0;
					background-image:none;
				}
				#feature .tagItem .detail{	margin-left: 125px;}
				#feature .tagItem .photo{
					float:left;
					display:inline;
					width:100px;
				}
				#feature .tagItem h3 {
					font-size:1.6em;
					line-height:1.2em;
					padding-bottom:.4em;
				}
				#feature .tagItem h4.author {
					float:right;
					display:inline;
					width:auto;
					font-size:1.1em;
					font-weight:normal;
					line-height:2.2em;
				}
				#feature .tagItem .tagCategories{font-size:1.1em;}
				#feature .tagItem .tagCategories,
				#feature .tagItem .tagCategories ul,
				#feature .tagItem .tagCategories li {display:inline;}
				#feature .tagItem .tagCategories li {padding-right:1px;}


		/* BLOG PAGES */
			/* narrow column - table calender nav */
				#feature .blogMenu h2{
					color:#fff;
					padding:5px 10px;
					font-size: 1.2em;
					font-weight:bold;
					text-transform:uppercase;
					background:#333333;
					border-bottom:1px solid #fff;
				}
				#feature .blogMenu ul,
				#feature .blogMenu dl{
					margin-bottom:1.2em;
				}
				#feature .blogMenu li,
				#feature .blogMenu dt,
				#feature .blogMenu dd{
					padding-left:0;
					background-image:none;
				}
				#feature .blogList dt a {
					font-size:1.1em;
					padding:5px 10px 2px 10px;
					background:#666;
				}
				#feature .blogList dd {
					padding:0px 10px 3px 20px;
					background:#666666;
					border-bottom:1px solid #fff;
					background: #666666 url(../images/icons/bullet-white.gif) 10px 3px no-repeat;
				}

			/* main column */
				#content .blogs .captionBox{
					float:right;
					text-align:right;
					padding:0 0 10px 10px;
				}

				#feature .blogContent .entryList,
				#feature .blogContent .entryList li.entryItem {
					float:left;
					display:inline;
					width:477px;
				}
				#feature .blogContent .entryList li.entryItem {
					padding:5px 0 20px 0;
					background-image:none;
				}

				#feature .blogContent .entryList h3{
					padding-left:20px;
					border-bottom:1px solid #777;
					background: url(../images/icons/news-icon.gif) 0px 5px no-repeat;
				}

				#feature .blogContent .entryList li h3 a{
					text-decoration:none;
					padding-right:2px;
				}
				#feature .blogContent .entryList li h3 a:hover{
					text-decoration:underline;
				}

				#feature .blogContent .entryList li .asset-meta{
					font-size:.95em;
					background:#eee;
					padding-bottom:.1em;
					margin-bottom:.35em;
				}
				#feature .blogContent .entryList li .asset-body span{
					font-size:1em !important;
					font-family: arial, helvetica, sans-serif !important;
				}

				#feature .newsItem h2{line-height:1.2em;}
				#feature .newsItem h3{padding-bottom:.5em;}

			/* extras column */
				#extras #beta{
					padding: 0px;
				}
				#extras #beta div{
					background-color: transparent;
					background-image: none;
					padding: 0px;
					margin-bottom:0px;
				}
				#extras #beta div dl{
					padding: 5px 10px 15px 10px;
				}
				#extras #beta h3{
					padding: 8px 10px 0 10px;
					line-height:1.1em;
					background: url(../images/bgs/extras/module-top-bg.gif) left top no-repeat;
				}				



		/* FAQ PAGE */
			/* main column */
				#feature .knowledgeBase p.description{	padding-bottom:.5em;}
				#feature .knowledgeBase ol li{
					list-style: inside decimal;
					padding-left: 12px;
				}
				#feature .knowledgeItem {
					width: 477px;
					margin-top:1em;
					border-top:1px solid #000;
				}
				#feature .knowledgeItem h3 span.num{
					padding:0px 4px;
					color:#fff;
					background:#666;
				}
			




		/* MAILLIST PAGE */
			/* main column */
				#feature .maillistContent .captionBox{float:right;}
				#feature .maillistContent .contentText{margin-left:0;}
				#feature .maillistContent .maillistCategories dt,
				#feature .maillistContent .maillistCategories dd{padding-left:0;background-image:none;}
				#feature .maillistContent .maillistCategories dt{font-size:2em;font-weight:normal;}
			




		/* FEEDS (RSS) PAGE */
			/* main column */
				#feature .feedContent .captionBox{float:right;}
				#feature .feedContent .contentText{margin-left:0;}
				#feature .feedContent .feedCategories .category,
				#feature .feedContent .feedCategories .dgContent{padding-left:0;background-image:none;}
				#feature .feedContent .feedCategories dt.category{font-size:2em;font-weight:normal;}
				#feature .feedContent .feedCategories dl.feedList{padding-bottom:0;}
				#feature .feedContent .feed-button {display: block;}			




		/* NEWS & ARTICLES PAGES */
			/* main column */
				#feature .newsFilter{
					color:#fff;
					background:#777777;
					padding: 7px 0px 0px 0px;
				}
			
				.learn #feature .newsFilter{ background:#C70000;}
				.make #feature .newsFilter{ background:#5AB52E;}
				.watch #feature .newsFilter{ background:#006B90;}
				
				#feature .newsFilter a{
					color:#fff;
					background:transparent;
					text-decoration:none;
				}
				#feature .newsFilter h1,
				#feature .newsFilter ul,
				#feature .newsFilter dl{
					border-bottom:1px solid #fff;
					padding:2px 0px 1px 0px;
					margin:0 12px;
				}
				#feature .newsFilter h1{
					color:#fff;
					background:transparent;
					font-weight:bold;
				}
				#feature .newsFilter h1{
					font-size:1.5em;
				}
			
				#feature .newsFilter ul{
					text-align:justify;
				}
				#feature .newsFilter ul li{
					display:inline;
					font-size:1.4em;
					text-transform:uppercase;
					padding:0px 1px 0 0;
					background-image:none;
				}
				#feature .newsFilter ul li a{
					color:#fff;
					background:transparent;
					padding:2px 3px;
				}
				#feature .newsFilter .allFilter a{ background:#ccc;color:#000;}
				#feature .newsFilter .learnFilter a{ background:#C70000;}
				#feature .newsFilter .makeFilter a{ background:#5AB52E;}
				#feature .newsFilter .watchFilter a{ background:#006B90;}

				#feature .newsFilter ul li a:hover{
					color:#000;
					background:#fff;
				}
				#feature .newsFilter .sectionFilter{
					margin-bottom:10px;
				}
				#feature .newsFilter dl,
				#feature .newsFilter p{
					margin:0 12px;
					border:0px;
				}
				#feature .newsFilter dl dt,
				#feature .newsFilter dl dd{
					display:inline;
					font-size:1.3em;
					padding:0px 1px 0 0;
					background-image:none;
				}
				#feature .newsFilter dl dd{text-transform:uppercase;}

			/* main column */
				#feature .newsContent .newsList,
				#feature .newsContent .newsList li.newsSummary {
					float:left;
					display:inline;
					width:477px;
				}
				#feature .newsContent .newsList li.newsSummary {
					padding:15px 0;
					background-image:none;
				}
				/* #feature .newsContent .newsItem a{	color:#777;	} */
				.learn #feature .newsList li a{ color: #C70000;background:transparent;}
				.make #feature .newsList li a{ color: #5AB52E;background:transparent;}
				.watch #feature .newsList li a{ color: #006B90;background:transparent;}

				#feature .newsList li h3{
					padding-left:20px;
					border-bottom:1px solid #777;
					background: url(../images/icons/news-icon.gif) 0px 5px no-repeat;
				}
				.learn #feature .newsList li h3{ border-bottom: 1px solid #C70000;}
				.make #feature .newsList li h3{ border-bottom: 1px solid #5AB52E;}
				.watch #feature .newsList li h3{ border-bottom: 1px solid #006B90;}

				#feature .newsList li h3.Article {
					background: url(../images/icons/article-icon.gif) 0px 5px no-repeat;
				}

				#feature .newsContent .newsList li h3 a{text-decoration:none;}
				#feature .newsContent .newsList li h3 a:hover{text-decoration:underline;}

				#feature .newsContent .newsList li h3 .date{
					display:block;
					text-align:right;
					float:right;
					width:112px;
					display:inline;
					font-size:.7em;
					color:#000;
					background:transparent;
				}

				#feature .newsItem h2{line-height:1.2em;}
				#feature .newsItem h3{
					padding-bottom:.5em;
					padding-left:20px;
					background: url(../images/icons/news-icon.gif) 0px 5px no-repeat;
				}
				#feature .Article h3{
					background: url(../images/icons/article-icon.gif) 0px 5px no-repeat;
				}
				#feature .newsItem h4{
					margin-top:-.4em;
					padding-bottom:.7em;
				}				




		/* CALENDAR PAGES */
			/* narrow column - table calender nav */
				#feature .calendarMonth{
					width:204px;
					background:#777777;
					padding:15px 12px 5px 12px;
				}
				.learn #feature .calendarMonth{ background:#C70000;}
				.make #feature .calendarMonth{ background:#5AB52E;}
				.watch #feature .calendarMonth{ background:#006B90;}
	
				#feature .calendarMonth a{
					color:#000;
					background:transparent;
					text-decoration:none;
				}
				#feature .calendarMonth h1,
				#feature .calendarMonth h3{
					font-size:1.3em;
					font-weight:bold;
					color:#fff;
					background:transparent;
				}
				#feature .calendarMonth h2{
					font-size:1.3em;
					width:198px;
					padding:2px 3px;
					text-align:right;
					background:#ACACAC;
				}
				#feature .calendarMonth h2 a{
					padding:0 3px;
				}
				.learn #feature .calendarMonth h2{ background:#E38080; }
				.make #feature .calendarMonth h2{ background:#98D07C; }
				.watch #feature .calendarMonth h2{ background:#73AEC2; }
	
				#feature .calendarMonth h2 strong{	float:left;	}

				#feature .calendarMonth .cal{
					padding:0;
					margin-bottom:10px;
					background:#fff;
					border:0px solid #fefefe;
				}
				#feature .calendarMonth .cal th,
				#feature .calendarMonth .cal td{
					text-align:center;
					width:28px;
					padding:3px 0px;
					font-size:1.4em;
					border:0px solid #fff;
				}
	
				#feature .calendarMonth .cal td{ background:#D9D9D9; }
				.learn #feature .calendarMonth .cal td{ background:#F4CCCC; }
				.make #feature .calendarMonth .cal td{ background:#D0EAC3; }
				.watch #feature .calendarMonth .cal td{ background:#BFDAE3; }
	
				#feature .calendarMonth .cal td.on{ background:#7F7F7F; }
				.learn #feature .calendarMonth .cal td.on{ background:#C92929; }
				.make #feature .calendarMonth .cal td.on{ background:#72C04C; }
				.watch #feature .calendarMonth .cal td.on{ background:#248BAE; }

				#feature .calendarMonth ul.calFilter{ text-align:justify;}
				#feature .calendarMonth ul.calFilter li{
					display:inline;
					font-size:1.4em;
					text-transform:uppercase;
					padding:0px 1px 0 0;
				}
				#feature .calendarMonth ul.calFilter li a{
					color:#fff;
					background:transparent;
					padding:2px 3px;
				}
				#feature .calendarMonth ul.calFilter li a:hover{
					color:#000;
					background:#fff;
				}
				#feature .calendarMonth ul.calFilter .allFilter a{ background:#ccc; color:#000;}
				#feature .calendarMonth ul.calFilter .learnFilter a{ background:#C70000;}
				#feature .calendarMonth ul.calFilter .makeFilter a{ background:#5AB52E;}
				#feature .calendarMonth ul.calFilter .watchFilter a{ background:#006B90;}
		
				#feature .calendarMonth p a{
					color:#fff;background:transparent;
				}

			/* main column */
				.learn #feature .calendarList li a{ color:  #C70000;background:transparent;}
				.make #feature .calendarList li a{ color: #5AB52E;background:transparent;}
				.watch #feature .calendarList li a{ color: #006B90;background:transparent;}

				#feature .calendarList,
				#feature .calendarList li.calendarSummary {
					float:left;
					width:477px;
					display:inline;
				}
				#feature .calendarList li.calendarSummary {
					padding:15px 0;
					background-image:none;
					border-bottom:1px solid #777;
				}
				.learn #feature .calendarList li.calendarSummary{ border-bottom: 1px solid #C70000;}
				.make #feature .calendarList li.calendarSummary{ border-bottom: 1px solid #5AB52E;}
				.watch #feature .calendarList li.calendarSummary{ border-bottom: 1px solid #006B90;}

				#feature .calendarList li h3 a{text-decoration:none;}
				#feature .calendarList li h3 a:hover{text-decoration:underline;}

				#feature .calendarList .calendarSummary .photo{
					float:left;
					display:inline;
					width:115px;
				}
				#feature .calendarList .calendarSummary .detail{ 
					margin-left:125px;
					width:349px; 
				}


				#feature .calendarItem h2{line-height:1.2em;}
				#feature .calendarItem h3{padding-bottom:.5em;}

				#feature .calendarItem .captionBox{padding-left:5px;}
				#feature .calendarItem dl,
				#feature .calendarItem dt{
					width:auto;
					float:left;
					display:inline;
					padding-left:0;
				}
				#feature .calendarItem dl{float:none;width:240px;}
				#feature .calendarItem dt{width:60px;background-image:none;}
				#feature .calendarItem dd{margin-left:60px;padding-left:0px;width:180px;}
				#feature .calendarItem dl.cost {width:180px; }
				#feature .calendarItem dl.cost  dt{width:90px;}
				#feature .calendarItem dl.cost  dt{margin-left:95pxpx;}
				#feature .calendarItem .cost dd a.shopLink{display:block;width:120px;margin:0 0 5px 0; }
				#feature .calendarItem .detail{ 
					padding-top:10px;
					float:left;
					width:477px; 
				}				



		/* VOCATIONAL & SHORT COURSES */
			/* main column */
			#feature dl.courseSpecs,
			#feature dl.courseSpecs dt,
			#feature dl.courseSpecs dd
			#feature dl.courseCost,
			#feature dl.courseCost dt{
				float:left;
				display:inline;
			}
			#feature dl.courseSpecs dt,
			#feature dl.courseSpecs dd{
				padding: .3em 0 0 0;
				border-bottom:1px solid #D02b2b;
			}
			#feature dl.courseSpecs{ width:450px;padding:0 0 2em 25px;}
			#feature dl.courseSpecs dt{
				width:115px;
				background-image:none;
				clear:left;
			}
			#feature dl.courseCost dt{
				width:105px;
			}
			#feature dl.courseSpecs dd {
				width:310px;
			}
			#feature .item .courseSummary{
				float:left;
				width:477px;
				display:inline;
			}
			#feature .item .coursePhoto{
				float:right;
				margin:0 0 10px 10px;
			}



		/* BOOKSHOP PAGES */
			/* narrow column - table calender nav */

			/* main column */
				#feature a.shopLink{ 
					margin:0 7px;
					color:#fff; 
					background:#776F67;
					text-transform:uppercase;
					text-decoration:none;
				}
				#feature a.shopLink img{ vertical-align:top;}
				#feature .featuredBooks dt,
				#feature .featuredBooks dd{
					line-height:1.4em;
				}
				#feature .featuredBooks dd.category{
					padding-bottom:1.2em;
					font-size:1em;
				}

				#feature .bookshopContent .bookList,
				#feature .bookshopContent .bookList li.bookSummary{
					float:left;
					width:477px;
					display:inline;
				}

				#feature .bookList li.bookSummary {
					padding:15px 0;
					border-bottom:1px solid #c70000;
					background-image:none;
				}
				#feature .bookList .detail{ 
					margin-left:125px;
					width:352px; 
				}
				#feature .bookList h3 a{
					color:  #C70000;
					background:transparent;
					text-decoration:none;
				}
				#feature .bookList h3 a:hover{
					text-decoration:underline;
				}
				#feature .bookList .photo{
					float:left;
					display:inline;
					width:115px;
					margin-left:-125px;
					position:relative;
				}


				#feature .bookItem {
					margin-left:409px;
					width:305px;
				}
				#feature .bookItem .captionBox{ 
					float:left;
					width:150px;
					padding:0;
					text-align:center;
					margin-left:-165px;
					position:relative;
			}
				#feature .bookItem h2 {line-height:1.2em;padding-bottom:.7em;}
				#feature .bookItem dt {float:left;display:inline;width:60px;background-image:none;padding-left:0px;}
				#feature .bookItem dd {text-indent:3px;}
				#feature .bookItem .captionBox h3 {padding:.5em 0;}


				/* Book search */
				#feature .bookshopContent .bookSearch,
				#feature .bookshopContent .bookSearch li{
					padding-bottom:1em;
					float:left;
					width:440px;
				}
				#feature .bookshopContent .bookSearch li{
					padding:.3em 0 .3em 35px;
					border-bottom:1px solid #ededed;
				}
				#feature .bookshopContent .bookSearch a.photo{
					float:left;
					margin:0 6px 5px 0;
				}



		/* FUNDING */
			/* narrow column - table calender nav */

			/* main column */
				#content #feature .fundList1{
					float:left;
					width: 710px;
					background:#fff;
					border-bottom:1px solid #5AB52E;
					padding:10px 0px 20px 8px;
					margin-bottom:20px;
				}
				#content #feature .fundList{
					width: 223px;
					border-right:1px solid #5AB52E;
					background: url(../images/bgs/fundList-bg.gif) right center no-repeat;
					min-height:500px;
					height:auto !important;
					height: 500px;
				}

				#content #feature .fundList li{
					position:relative;
					right:0;
					line-height:1.2em;
					text-align:right;
					background:#fff;
					width: 155px;
					padding:5px 0 5px 30px;
				}
				#content #feature .fundList li.fundtier5 {margin-right:0px;}
				#content #feature .fundList li a.graphLink{
					color:#000;
					position:relative;
					display:block;
					height:85px;
					width: 150px;
					padding:0;
					background:#fff;
					font-weight:normal;
					border:1px dashed #3E6720;
				}
				#content #feature .fundList li.fundtier2 a.graphLink{ border:1px dashed #528B29;}
				#content #feature .fundList li.fundtier3 a.graphLink{ border:1px dashed #5AB52E;}
				#content #feature .fundList li.fundtier4 a.graphLink{ border:1px dashed #76C538;}
				#content #feature .fundList li.fundtier5 a.graphLink{ border:1px dashed #7CCF3B;}
				#content #feature .fundList li.fundtier4 a.graphLink strong{ font-size:1.1em;}
				#content #feature .fundList li.fundtier5 a.graphLink strong{ font-size:1.2em;}
				#content #feature .fundList li a.graphLink:hover{
					background:#DBFFC9;
				}
				#content #feature .fundList li a span{
					position:absolute;
					right:31px; 
					bottom:5px;
				}
				#content #feature .fundList li a .graph{
					right:5px;
					width:22px; 
				}
				#content #feature .fundList li.fundtier1 a .graph{ background: #3E6720;height: 10px;}
				#content #feature .fundList li.fundtier2 a .graph{ background: #528B29;height: 15px;}
				#content #feature .fundList li.fundtier3 a .graph{ background: #5AB52E;height: 25px;}
				#content #feature .fundList li.fundtier4 a .graph{ background: #76C538;height: 45px;}
				#content #feature .fundList li.fundtier5 a .graph{ background: #7CCF3B;height: 75px;}



		/* EQUIPMENT PAGES */
			/* narrow column - nav */
				#feature .crewMenu .crewButton a{
					padding:0;
				}
			/* main column */
				#feature .gearContent .equipItem {
					float:left;
					width:477px;
					display:inline;
					padding:10px 0 15px 0;
					border-bottom:1px solid #5AB52E;
				}
				#feature .equipItem .photo{
					width:160px;
					float:left;
					display:inline;
				}
				#feature .equipItem .detail{
					margin-left: 175px;
				}
				#feature .equipItem .wide{
					margin-left: 0px;
				}



		/* MADE@FTI PAGES */
			/* narrow column - table calender nav */

			/* main column */
				#feature a.watchLink{ 
					padding:2px 6px 0 6px;
					color:#fff; 
					background:#5AB52E;
					border:1px solid #51A329;
					text-transform:uppercase;
					text-decoration:none;
				}

				#feature a.watchLink:hover{ 
					color:#5AB52E;
					background:#d9d9d9;
				}
				#feature dl.filmSpecs dt,
				#feature dl.filmSpecs dd{
					float:left;
					display:inline;
					padding:.2em 0 .3em 0;
					border-top:1px solid #5AB52E;
					background-image:none;
				}

				#feature .filmContent .categoryIntro {
					padding:10px 10px 0 10px;
					margin:0 3px 1em 0;
					background:#ECFBE9;
					border:1px dashed #5AB52E;
				}
				#feature .filmContent .filmList,
				#feature .filmContent .filmList li.filmSummary {
					float:left;
					width:477px;
					display:inline;
				}
				#feature .filmContent .filmList li.filmSummary {
					padding:.7em 0;
					background-image:none;
					border-top:1px solid #5AB52E;
				}
				#feature .filmContent .filmList .photo{
					float:left;
					display:inline;
					width:170px;
					min-height:100px;
				}
				#feature .filmContent .filmList .photo img{
					padding-bottom:5px;
				}
				#feature .filmContent .filmList li.filmSummary h3{margin-left:175px;}
				#feature .filmContent .filmList li.filmSummary h3 a{color:#5AB52E;background:transparent;text-decoration:none;}
				#feature .filmContent .filmList li.filmSummary h3 a:hover{text-decoration:underline;}

				#feature .filmList dl.filmSpecs{margin-left:175px;width:299px;}
				#feature .filmList dt{width:110px;}
				#feature .filmList dd{width:189px;}


				#feature .filmItem .filmBox,
				#feature .filmItem p.attachment {
					float:left;
					display:inline;
					width:320px;
					min-height:180px;
					padding:0 0 10px 0;
				}
				#feature .filmItem dl.filmSpecs{margin-left:327px;width:150px;}
				#feature .filmItem dl.filmSpecs dt{width:60px;}
				#feature .filmItem dl.filmSpecs dd{width:90px;}

	
				#feature .synopsis {
					float:left;
					width:477px;
				}


		/* CREW PAGES */
			/* main column */
				#feature .crewContent .crewList,
				#feature .crewContent .crewList li.crewItem {
					float:left;
					display:inline;
					width:477px;
				}
				#feature .crewList li.crewItem {
					padding:10px 0;
					background-image:none;
					border-bottom:1px solid #5AB52E;
				}
				#feature .crewList .crewItem ul.contactInf li{
					display:inline;
					padding-left:0;
					background-image:none;
				}

				#feature .crewContent .crewList li h3 a,
				#feature .crewContent ul.contactInf a{
					color: #5AB52E;background:transparent;
				}
				#feature .crewContent .crewList li h3 a{text-decoration:none;}
				#feature .crewContent .crewList li h3 a:hover{text-decoration:underline;}
				
			/* crew submission form tweaks */	
				#CrewOutgoing .multi input{
					border:1px solid #A7947D ;
				}



		/* ONLINE CINEMA PAGES */
			/* narrow column - table calender nav */
				#feature #cinemaMenu .stepThrough,
				#feature #cinemaMenu ul,
				#feature #cinemaMenu li li,
				#feature #cinemaMenu li li a{
					background-color:#E6F1F4;
					color:#006B90;
				}
				#feature #cinemaMenu li {
					border-bottom:1px solid #fff;
				}
				#feature #cinemaMenu li li {
					font-size:1.3em;
					line-height:1.4em;
					border-top:1px solid #0069B0;
					border-bottom:2px solid #E6F1F4;
				}
				#feature #cinemaMenu li li a{
					padding:8px 10px;
					background-color:transparent;
				}				
				#feature #cinemaMenu li li .tinyThumb{
					float:left;
					margin:0 10px 8px 0;
				}
				#feature #cinemaMenu li li .more{
					color:#000;
					font-size:.85em;
					padding:1px 2px 3px 2px;
					margin:0 10px 8px 0;
					background:#fff;
					border:1px solid #006B90;
				}
				#feature #cinemaMenu .stepThrough{
					text-align:center;
					padding:.5em 0;
					width: 228px;
				}
				#feature #cinemaMenu .stepThrough a{
					 background:#fff;
				}

			/* main columns - colour tweaks */
				.watch #feature dl.filmSpecs dt,
				.watch #feature dl.filmSpecs dd{
					border-top:1px solid #006B90;
				}
				
				
		

	
		/* LOGIN & SIGNUP PAGES */
			.login #feature .loginHeader{
				display:none;
			}
			.login #feature form{
				margin-bottom:1.5em;
			}
			.login #feature .submitbutton,
			.signup #feature #submitbutton{
				padding:0;
				margin-left:110px;
			}
			.signup #feature .maillistContent{
				float:left;
				width:477px;
				margin-left:0;
			}

			#feature .forgotPass label.emailLabel{
				font-size:1.6em;
				width:477px;
				padding-bottom:5px;
			}
			#feature .forgotPass input{
				margin:3px 0;
			}
			#feature .forgotPass input#submitbutton{
				float:none;
				display:block;
				margin-left:0;
			}

	
	
		/* SEARCH PAGES */
			#feature h2.searchResults{
				font-size:1.8em;
			}
			#feature h2.searchResults em{
				font-weight:bold;
			}

			#feature .searchContent ul,
			#feature .searchContent dl{
				padding-bottom:1em;
			}
			#feature .searchContent ul a.photo,
			#feature .searchContent dl a.photo{
				float:left;margin:0 6px 5px 0;
			}
			#feature .searchContent li,
			#feature .searchContent dt{
				padding:.3em 0 .3em 35px;
				background: url(../images/icons/bullet.gif) 25px .6em no-repeat;
			}
			#feature .searchContent li,
			#feature .searchContent dd{
				padding:.3em 0 .3em 35px;
				border-bottom:1px solid #ededed;
			}
				#feature .searchContent .bookSearch,
				#feature .searchContent .bookSearch li{
					float:left;
					width:440px;
				}
			#feature .searchContent dt{padding-bottom:0;}
			#feature .searchContent dt span{font-weight:normal;}
			#feature .searchContent dd{padding-top:0;}

			#feature .searchContent .returnAnchor{
				padding-bottom:2em;
			}

			#feature .searchContent ul.anchorList{
				padding:1px;
				background:#ededed;
				margin-bottom:1.5em;
			}
			#feature .searchContent ul.anchorList li{
				display:inline;
				padding-left:0;
				line-height:22px;
				background-image:none;
				border-bottom:0px;
			}
			#feature .searchContent ul.anchorList li a{ 
				color:#fff;
				padding:2px 5px;
				text-decoration:none;
				display:inline;
				border:1px solid #666;
				background:#777;
			}
			#feature .searchContent ul.anchorList li a:hover{ 
				color:#000;
				background:#776F67;
				background:#d9d9d9;
			}



		/* SHOP/CART PAGES */
			#feature .shopContent #cartOutput{
				width:477px;
				margin-bottom:10px;
				border-collapse:collapse;
			}
			#feature .shopContent #cartOutput th{
				background: #BBB7B3;
			}
			#feature .shopContent #cartOutput th,
			#feature .shopContent #cartOutput td{
				padding:3px 5px;
				text-align:right;
				border-bottom:1px solid #BBB7B3;
			}
			#feature .shopContent #cartOutput th.header1,
			#feature .shopContent #cartOutput td.product{
				text-align:left;
			}
			#feature .shopContent #cartOutput .qty input{
				width:auto;
				padding-right:4px;
				text-align:right;
			}
			#feature .shopContent #cartOutput .cartsubfoot,
			#feature .shopContent #cartOutput .cartsubresult{
				font-weight:bold;
				text-transform:uppercase;
			}
			#feature .shopContent form input#submitbutton{ 
				width:160px;
				margin:0;
				text-indent:1px;
				font-size:1.1em;
				background: #776F67 url(../images/icons/submit-wide.gif) left top no-repeat; 
			}
			#feature .shopContent form .warning{ 
				font-size:2em; 
				color: #CC3333 !important;
			}
			#feature .shopContent #Orders .creditName .inputError{ 
				display:block;
			}

			/* cart page tweaks */
				form .empytbutton,
				form .updatebutton,
				.shopContent .checkout{ 
					padding:0;
					margin:0px;
				}

			/* checkout page tweaks */
				form .creditType fieldset input,
				form .creditExpiry fieldset input{ 
					width:auto;
					border: 0px;
					background: none; 
				}
				form .creditType fieldset label,
				form .creditExpiry fieldset label{
					float:none;
					width:auto;
					margin:2px 0;
					font-weight:normal;
				}
				form .creditType fieldset label,
				form .creditExpiry fieldset select{margin-right:15px;}
				form .creditCVC label,
				form .creditCVC input{width: auto;margin-right:15px;}
		


        
/* MANAGEMENT PAGES */
			.fldMsg {
				background-color: red;
				color: white;
			}
			.fieldProperties {
				border: 1px solid #97001C;
				margin: 10px;
				padding: 5px;
			}
			
			.manageStructure dl {
				border: 1px dashed #ccc;
			}
			.manageStructure dd {
				margin-left: 20px;
			}
			.manageStructure dt {
				margin-right: 100px;
			}
			
			#feature .userList ul,
			#feature .userList ul li,
			#feature .userList ul li a{
				float:left;
				display:inline;
				text-align:center;
				padding:0;
			}
			#feature .userList ul{
				width:474px;
				margin-bottom:1.5em;
			}
			#feature .userList ul li{
				width:16px;
				background-image:none;
				border:1px solid #fff;
			}
			#feature .userList ul li.inactive{ 
				background:#ddd;
				padding:1px 0;
			}
			#feature .userList ul li a{ 
				width:14px;
				color:#fff;
				text-decoration:none;
				display:block;
				border:1px solid #666;
				background:#777;
			}
			#feature .userList ul li a:hover{ 
				color:#000;
				background:#776F67;
				background:#d9d9d9;
			}
			#feature .userList table{
				width:477px;
				margin-bottom:10px;
				border-collapse:collapse;
			}
			#feature .userList table th{
				background: #BBB7B3;
			}
			#feature .userList table th,
			#feature .userList table td{
				padding:3px 5px;
				text-align:left;
				border-bottom:1px solid #BBB7B3;
			}




/* dreamgirl CMS styles*/
.newButton{
		display: block;
}
.buttonContainer{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: transparent url(../dreamgirl/images/success.png)!important;
        background: transparent url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 500px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -200px;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}

.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}