/*  File index


* Colours used
* Layout
* Main Menu


*/

/* Colours used:

black (background) : #000000
pale yellow (menu text) ; #ede7ad
med blue (menu long borders) : #4394ae
blue (text) : #007193


*/

html, body, h1, h2, h3, h4, h5, h6, p, a, div, table, form, img {
	margin: 0;
	padding:0;
}
img, div {
	behavior: url(iepngfix.htc)
}
/* Layout */

html, body {
	height:100%;
}
body {
	background-color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
#page {
	border: 1px solid #b19f6b;
	margin:0 auto;
	width: 1016px;
	position:relative;
}
#masthead {
	/*background-image:url(../images/headers/home.jpg);
	height: 327px;*/
	width: 1016px;
	position: relative;
}
#languages {
	position: absolute;
	top: 65px;
	right: 95px;
}
#content, #contentHome {
	background-image: url(../images/background/page.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height: 493px;
	position:relative;
	border: solid #007193;
	border-width: 0 0 14px 0;
}
#contentHome {
	background-image: url(../images/background/pageHome.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height: 438px;
	border: solid #007193;
	border-width: 0 0 3px 0;
}
#info, #infoHome, #infoFilm, #infoProjects, #infoOutreach, #infoMessage {
	width: 610px;
	height: 262px;
	overflow:auto;
	margin: 20px 0 0 140px;
	padding: 20px 35px 10px 35px;
	background-image:url(../images/background/info.png);
}
#infoHome {
	background:url(../images/background/info2.png);
	background-repeat:no-repeat;
	background-position: top left;
	border-top:1px solid #a94637;
	border-left:1px solid #a94637;
	border-bottom:1px solid #a94637;
	color:#007193;
	/*float:left;*/
	font-weight:bold;
	height: 200px;
/*	margin: 35px 0 0 75px;*/
margin: 0;
	padding: 10px 35px 10px 35px;
	position: absolute;
	top: 182px;
	left: 75px;
	width:545px;
}
#infoHome_new {
	/*height: 213px;
	padding: 10px 35px 0px 35px;*/
	height: auto;
	padding: 10px 35px 10px 35px;
}
#infoFilm {
	width: 757px;
	padding: 20px 0px 10px 20px;
	height: 252px;
}
#infoProjects {
	/*height: 303px;
	padding: 10px 35px 0px 35px;*/
	height: 355px;
	padding: 10px 35px 10px 35px;
	margin-top: 7px;
	width: 669px; /*  Wider to fit You Tube Videos  */
}
#infoOutreach {
	/*height: 138px;*/
	height: auto;
	padding: 20px 35px 20px 35px;
}
#infoMessage {
	/*height: 78px;*/
	height: auto;
	padding: 20px 35px 20px 35px;
}
.film {
	border: solid #3D8FA3;
	border-width: 0 0 1px 0;
	float: left;
	height: 113px;
	/*padding: 0 5px 0 118px;
	width: 223px;*/
	margin: 0 20px 20px 0;
	padding: 0 10px 0 0px;
	width: 331px;
}
.film img {
	/*position: absolute;
	top: 0;
	left: 0;*/
	float:left;
	margin: 0 10px 0 0;
}


#infoHome_new {
	border-top:1px solid #a94637;
	border-left:1px solid #a94637;
	border-bottom:1px solid #a94637;
	color:#007193;
	width:525px;
	margin: 20px 0 0 115px;
	float:left;
	font-weight:bold;
	background:url(../images/background/info2.png);
	background-repeat:no-repeat;
	background-position: top left;
}

#intros {
	position: absolute;
	top: 40px;
	/*left: 705px;*/
	left: 665px;
	width: 290px;
	height: 500px;
}

#sproutIntro{
	postion: relative;
	background-image:url(../images/background/sproutIntro.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 103px;
	width: 263px;
	padding:10px;
	/*top: 40px;
	left: 500px;
	border: #00F solid 1px;*/
}

#redmodule {
	width:218px; /*283px*/
	height:325px;  /*239px*/
	float:left;
	padding:19px;
	margin-top:-50px;
	background:url(../images/background/redmod.jpg);
	background-repeat:no-repeat;
}

#filmIntro {
	width:245px;
	height:209px;
	padding: 15px 19px;
	postion: relative;
	margin-top:10px;
	background:url(../images/background/eotr_intro.gif);
	background-repeat:no-repeat;
	background-position: top left;
}
#sproutLarge {
	background-image:url(../images/background/sproutLge.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 405px;
	margin: 0px 0 0 140px;
	padding: 0;
	position: relative;
	top: 60px;
	width: 774px;
}
#sproutLarge .inner {
	margin: 0px 90px 0 200px;
	position: relative;
	top: 40px;
}

#sproutSmall {
	background-image:url(../images/background/sproutSml.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 378px;
	margin: 0px 0 0 140px;
	position: relative;
	top: 70px;
	width: 723px;
}
#sproutSmall .inner {
	margin: 0px 50px 0 200px;
	position: relative;
	top: 40px;
}


/* Typography */

h1 {
	text-transform: uppercase;
	color: #007193;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	padding: 70px 0 0 15px;
	letter-spacing:2px;
}
h1.type2 {
	padding: 70px 0 0 95px;
}

#sproutSmall h1 {
	text-transform: none;
	color: #DA2128;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	padding: 12px 0 5px 0px;
	letter-spacing: normal;
}

h3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.9em;
	padding: 5px 0;
	font-weight: normal;
	text-transform: uppercase;
}
p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.8em;
	padding: 5px 0;/*font-weight: bold;*/
}

#sproutIntro p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	padding:  0px;/*font-weight: bold;*/
	margin: 0 0 0 140px;
}

a.basic {
	color: #007193;
}
.homeTag1, .homeTag2 {
	text-transform: uppercase;
	color: #007193;
	font-size: 1.8em;
	padding: 75px 0 0 15px;
	font-weight: normal;
}
.homeTag2 {
	padding:5px 0 0 115px;
}
#info, #infoHome, #infoFilm, #infoProjects, #infoOutreach, #infoMessage {
	border: 2px solid #93B2AE;
	color: #007193;/*font-size: 1.1em;
	line-height: 1.4em;*/
}

#infoHome {
	border-top:1px solid #a94637;
	border-left:1px solid #a94637;
	border-bottom:1px solid #a94637;
}

#redmodule h2 {
	color:#edeab0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
	padding-bottom:5px;
margin-auto;
	border-bottom:1px solid #edeab0;
	text-align:left;
}
#redmodule p {
	color:#fff;
	font-size:11px;
	line-height:15px;
	width:175px;
}

#filmIntro p {
	color:#fff;
	font-size:11px;
	line-height:15px;
	padding-top:0;
	width:245px;
}

span.redarrow {
	color:#edeab0;
	font-family:Arial, Helvetica, sans-serif;
}
#redmodule a, #filmIntro a {
	color:#edeab0;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}
p.contact {
	position: absolute;
	top: 74px;
	left: 745px;
	width: 150px;
}
a.contact {
	color: #007193;
	text-transform: uppercase;
}
.opener {
	text-transform: uppercase;
}
.opener_new {
	text-transform: uppercase;
	color:#912820;
}
.film p {
	line-height: 1.1em;
	color: #000000;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
}
.filmTitle {
	color: #007193;
	text-transform: uppercase;
}
.filmDesc {
	color: #000000;
}
#languages a {
	font-size: 0.9em;
	padding: 0 10px;
	text-decoration: none;
	text-transform:uppercase;
	color: #FFFFFF;
}
#languages a.current, #languages a:hover {
	color: #B1C1AD;
}

#sproutLarge .inner p{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.6em;
	padding: 5px 0;
}

.inlineLabel {
	color: #DA2128;
	font-weight: bold;
}

.inlineLabel a {
	color: #DA2128;
	font-weight: bold;
}
.inlineLabel a:hover {
	color: #025975;
}

.paraEmph {
	font-weight: bold;
}

/* Lists */

ul {
	padding: 5px 0 5px 10px;
	margin: 0;
}
li {
	text-indent: -10px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.7em;
	padding-bottom: 5px;
}
#info a {
	color:#015974;
}
hr {
	border:1px solid #2c8ba7;
}

ul.sproutList {
	padding: 0px;
	margin: 0;
}

ul.sproutList li {
	/*list-style-image: url(../images/sprout_bullet_1.gif);*/
	border: #DA2128 solid;
	border-width: 0;
	color: #000;
	margin: 0;
	padding: 8px 0 8px 15px;
	text-indent: inherit;
	background-image: url(../images/sprout_bullet_1.gif);
	background-position: 0px center;
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 1em;
	
}

/* Menus */

#menu {
	/*	background-image: url(images/background/menu.jpg);
	background-position: top;
	background-repeat:repeat-x;*/
	height: 43px;
	padding-left: 143px;
	position:absolute;
	top: 0;
	left:0;
}
#menu a {
	border: solid #ede7ad;
	border-width: 0 0 0 1px;
	color:  #ede7ad;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight: bold;
	line-height: 23px;
	padding: 0 30px;
	text-decoration: none;
	text-transform: uppercase;
}
#menu a.last {
	border: solid #ede7ad;
	border-width: 0 1px;
}
#menu a:hover {
	color: #4394ae;
	background-color: #d7e1c9;
}
#menu a.current:hover {
	background-color: transparent;
}
#menu a.current {
	border: solid #4394ae;
	border-width: 0 1px;
	background-image:url(../images/background/menuCurrent.gif);
	background-position:top;
	background-repeat:repeat-x;
	color: #4394ae;
	height:23px;
}
#menu a.currentSide {
	border-width: 0;
}
#menu a.currentSideLast {
	border: solid #ede7ad;
	border-width: 0 1px 0 0;
}

#sproutMenu {
	float: left;
	margin: 170px 0 0 0;
	border: #DA2128 solid;
	border-width: 1px 0 0 0;
	padding: 0px;
	width: 150px;

}
#sproutSmall #sproutMenu {
	margin: 150px 0 0 0;
}

#sproutMenu li {
	/*list-style-image: url(../images/sprout_bullet_1.gif);*/
	border: #DA2128 solid;
	border-width: 0 0 1px 0;
	color: #000;
	margin: 0;
	padding: 8px 0 8px 35px;
	text-indent: inherit;
	background-image: url(../images/sprout_bullet_1.gif);
	background-position: 25px center;
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 1em;
	
}

#sproutMenu li.active a {
	color: #DA2128;
}
#sproutMenu li a{
	color:#000;
	font-weight:bold;
	text-decoration: none;
}

#sproutMenu li a:hover {
	color: #DA2128;
}
/*  CSS added on July 2010 Update  */
#scroller  					{overflow:auto;height:355px;padding-right:25px;}
.clear  					{clear:both;}
#PopUp						{display: none; position: absolute;left:163px; top:-275px; font-size:16px;z-index:10;color:#007193;font-weight:bold;height:30px;}
#PopUp2						{display: none; position: absolute;left:163px; top:-275px; font-size:16px;z-index:10;color:#007193;font-weight:bold;height:30px;}
#popup-close				{width:50px;text-indent:10px;background:#ffffff;position:absolute;top:10px;left:10px;}
#popup-close a				{font-weight:bold;display:block;}
#facebook					{position:absolute;bottom:4px;right:0px;}
#facebook img				{border:none;}
#infoProjects .inner		{height:355px;}
#sp-facebook  		        {position:absolute;left:-22px;bottom:10px;text-decoration:none;display:block;color:#000000;font-size:12px;}
a#sp-facebook img			{border:none;text-decoration:none;outline:none;margin-left:30px;}
#sp-anchor  				{display:block;position:absolute;top:20px;left:10px;width:154px;height:106px;}
#visit a					{color:#000000;position:absolute;left:27px;top:113px;font-size:10px;font-weight:bold;text-decoration:none;}
#visit a:hover				{text-decoration:underline;}