/*url(/images/faf9f5-shadow.gif) repeat-y;*/
#masthead
{
	background-image: url(http://practicalaction.org/images/pa_banner/video-camera-1000.jpg);
	background-color: #FFFFFF;
	margin-top: 0px;
}
/*div padding and margins*/
DIV#videobody
{
	margin: 0px;
}
DIV.videointerfacewrapper
{
	position: relative;
	margin: 0 auto;
	width: 100%;
	margin-left: 200px;
}
/*div structures*/
DIV#videobody DIV.videomiddle
{
	margin-left: 0px;
	padding: 0.5em 20px 0 0;
	margin-bottom: 4em;
	margin-right: 0;
	margin-left: 30px;
	width: auto;
	float: left;
}
DIV.clearer
{
	clear: both;
}
DIV.videowall
{
	width: auto;
	overflow: visible;
	margin-bottom: 10px;
	padding-bottom: 17px;
	padding-left: 10px;
}
DIV.videowall DIV.row
{
	overflow: visible;
}
DIV.videowall DIV.row DIV.video
{
	border: 2px solid #EFEFEF;
	height: 90px;
	float: left;
	position: relative;
	margin: 0.4em;
}
DIV.videowall DIV.row DIV.video:hover
{
	border: 2px solid #E2014D;
}
DIV.videowall DIV.row DIV.video SPAN.videodetails
{
	display: block;
	position: absolute;
	margin-top: -20px;
	background-color: #FFFFFF;
	width: 150px;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	padding: 0 0.2em;
	font-size: 12px;
	width: 145px;
	line-height: 20px;
	height: 20px;
	cursor: pointer;
	overflow: hidden;
}
DIV.videowall DIV.row A:hover DIV.video DIV
{
	height: 90px;
	display: block;
}
DIV.videowall DIV.row DIV.video A SPAN.videodetails SPAN.titleduration
{
	display: none;
	margin: 0 8px 0 0;
	text-align: right;
	font-size: 11px;
}
DIV.videowall DIV.row DIV.video A SPAN.videodetails SPAN.title
{
	display: block;
	height: 20px;
	overflow: hidden;
}
DIV.videowall DIV.row DIV.video A:hover SPAN.videodetails
{
	height: 90px;
}
DIV.videowall DIV.row DIV.video A:hover SPAN.videodetails SPAN.title
{
	height: auto;
}
DIV.videowall DIV.row DIV.video IMG
{
	display: block;
	height: 90px;
	width: 150px;
	background: #000000;
}
DIV.videowall DIV.row DIV.video A SPAN.titleduration
{
	display: block;
}
DIV.videowall DIV.row A
{
	color: #000000;
}
DIV.videowall DIV.row DIV.video A:hover SPAN.videodetails
{
	background-color: #CACACA;
	opacity: 0.9;
	margin-top: -90px;
}
DIV.videowall DIV.row DIV.video A:hover SPAN.videodetails SPAN.titleduration
{
	display: block;
}
/*colours*/
DIV.videonav
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 60px;
	width: 195px;
	float: left;
	margin-left: -200px;
	border-right: 1px solid #C0C0C0;
}
DIV.videonav UL
{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 1em 0.5em 0em 1em;
	padding: 0pt;
}
DIV.videonav UL LI
{
	line-height: 1.3em;
}
DIV.videonav UL LI A
{
	display: block;
	border-left: 12px solid #96D045;
	padding-left: 12px;
}
DIV.videonav UL LI A, DIV.videonav UL LI A:hover
{
	text-decoration: none;
	color: #000000;
}
DIV.videonav UL LI.active A
{
	background-color: #FAF9F5;
	width: 93%;
	width: 185px;
}
DIV.videonav UL LI.active A, DIV.videonav UL LI A:hover
{
	border-left-color: #C9E89E;
}
DIV.videonav UL LI.active LI A
{
	background-color: #FFFFFF;
	border-left-color: #96D045;
	width: 143px;
}
DIV.videonav UL LI LI.active A
{
	width: 175px;
}
DIV#siteInfo UL LI A
{
	padding-right: 2em;
	border-right: 1px solid #CCC;
}
DIV#internetvideosites
{
	border-top: 1px solid #CCC;
/*was 2px solid #96D045;*/
	margin-top: 3.5em;
	padding-top: 1.5em;
	width: 480px;
}
DIV#internetvideosites A.logo
{
	float: right;
}
DIV#internetvideosites DIV.video
{
	background-color: #000000;
}
DIV.videoextrainfo
{
	float: left;
	width: 30%;
	margin-left: 1em;
	border-left: 1px solid #C0C0C0;
	padding-left: 2em;
}
DIV.videoextrainfo DIV.maps
{
	margin-bottom: 1em;
}
DIV.videoplay
{
	float: left;
	width: 480px;
}
DIV#videomap
{
	width: 100%;
	height: 200px;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	margin: 1em 0;
	overflow: hidden;
}
DIV#videomap SPAN.loading
{
	color: #E2014D;
	display: block;
	padding: 1em;
}
DIV.videoextrainfo UL
{
	margin-left: 0;
	padding-left: 1em;
}
DIV.downloadbox H3
{
	margin-top: 1em;
	margin-bottom: -1em;
}
DIV.atoznav, DIV.directory
{
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #C0C0C0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #231F20;
/*very dark grey*/
	line-height: 1.3;
	font-size: 90%;
}
DIV.directory H3
{
	font-size: 120%;
}
DIV.directory A
{
	color: #808080;
}
DIV.atoznav A
{
	color: #000000;
/*was #96D045;*/
	background-color: #E2E1DD;
	font-weight: bold;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
/*was border: 1px solid black or #c9e89e;*/
	height: 1.4em;
	width: 1.4em;
	display: block;
	float: left;
	padding: 2px;
	margin: 2px;
	text-align: center;
}
DIV.atoznav A.all
{
	width: 18px;
}
DIV.atoznav A.active
{
	background-color: #CBCAC7;
}
DIV.atoznav A.hover
{
	background-color: #E2014D;
/*was c9e89e*/
}
DIV.meta
{
	border: 1px solid #C0C0C0;
	padding: 0.5em;
	width: 450px;
}
DIV.meta SPAN.lang, DIV.meta SPAN.times, DIV.meta SPAN.produced
{
	display: block;
	background: url(/video/images/icons/speech.gif) no-repeat left;
	padding-left: 25px;
}
DIV.meta SPAN.times
{
	background: url(/video/images/icons/duration.gif) no-repeat 5px;
}
DIV.meta SPAN.produced
{
	background: url(/video/images/icons/film.gif) no-repeat 4px;
}
DIV.othernavlinks A
{
	display: block;
	font-weight: bolder;
	font-size: 0.9em;
	margin-top: 1em;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 12px solid #96D045;
}
DIV.tagwall
{
	background-color: #FFFFFF;
	margin: 1em;
	padding: 1em;
	text-align: center;
	position: relative;
}
DIV.tagwall DIV
{
	line-height: 2.05em;
	overflow: hidden;
	position: relative;
}
DIV.tagwall A
{
	color: #E391AC;
	font-weight: 900;
}
#rightnav DIV.tagwall A:hover, DIV.tagwall A:hover
{
	text-decoration: none;
	color: #E2014D;
}
DIV.tagwall A SPAN
{
	font-weight: 500;
	display: none;
}
DIV.tagwall A:hover SPAN
{
	display: block;
	position: absolute;
	bottom: -5px;
	line-height: 1em;
	right: 1px;
	background-color: #FFFFFF;
	font-size: 14px;
}
DIV#clickzoommapwow
{
	width: auto;
	height: 300px;
	border: 2px solid #C0C0C0;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 5px;
}
DIV.clickzoommapwow
{
	border-bottom: 2px solid #96D045;
	width: auto;
	padding-bottom: 2em;
}
DIV.videoMapMarker
{
	width: 220px;
	font-size: 0.9em;
	padding-left: 75px;
}
DIV.videoMapMarker IMG
{
	margin-left: -80px;
}
DIV.videoMapMarker H1
{
	margin-top: -0.4em;
	font-weight: bold;
	font-size: 1em;
}
DIV.videoMapMarker P
{
	margin-top: 0;
}
A.gearthlink
{
	font-weight: bold;
	font-size: 13px;
	display: block;
	text-align: right;
	margin-bottom: 10px;
}
#explore .tagwall
{
	margin: 0;
}
DIV#explore
{
	width: 350px;
	margin-top: 2em;
	float: left;
	padding-left: 2em;
	margin-right: 200px;
}
DIV.videoplay H2
{
	margin-bottom: 10px;
	margin-top: 10px;
}
/*grey feature box*/
DIV.featurehome H2
{
	padding: 8px 0px 2px 6px;
	font-size: 120%;
	/*[empty]color:;*/
	background: #EFEFEF;
}
DIV.featurehome
{
	background-color: #EFEFEF;
/*was #e3f2cf*/
	margin-bottom: 10px;
	margin-top: 6px;
}
DIV.featurehometitlebar
{
	background-color: #FAF9F5;
/*was #c9e89e*/
}
/*make recent heading same as featured*/
DIV.recent H2
{
	padding-left: 6px;
	font-size: 120%;
	color: #111;
}
H2.aroundtheworld
{
	font-size: 100%;
	color: #FFF;
	background: #E2014D;
	margin-bottom: 0px;
	padding: 3px 10px;
}
UL.netvideos
{
	font-size: 90%;
	color: #C0C0C0;
}
H2.placeheading
{
	margin-bottom: 10px;
}
DIV.featured H3
{
	margin-bottom: 10px;
}
#description
{
	margin-top: 10px;
}
/*New PA*/
.cake-debug
{
	/*[disabled]display:none;*/
}
.story
{
	margin-left: 20px;
}
#rightnav
{
	margin-left: 20px;
}
/*removes the blocks from navigation, although Kevin liked them! colour1=magenta colour7=green*/
BODY #navBar #subsectionLinks UL.colour1 LI A:link, BODY #navBar #subsectionLinks UL.colour1 LI A:visited
{
	border-left: none;
}
BODY #navBar #subsectionLinks UL.colour1 LI
{
	font-weight: bold;
	margin-bottom: 1em;
}
BODY #navBar #subsectionLinks UL.colour1 LI LI
{
	font-weight: normal;
	margin-left: -1em;
	margin-bottom: 0;
}
#subsectionLinks LI.active A
{
	font-weight: bold;
}