/* body */	



body {

	background: url(../images/tile2.gif);

	color: #555555;

	font-size: 10pt; 

	font-family: "Helvetica", "Trebuchet MS", Verdana, sans-serif;

	margin: 0;

	padding: 10px;

	line-height: 12pt;

	}

	

body#landscapes {

	background: url(../images/tile3.gif);

	font-size: 10pt; 

	font-family: "Helvetica", "Trebuchet MS", Verdana, sans-serif;

	margin: 0;

	padding: 10px;

	line-height: 12pt;

	}

	

body#reflections {

	background: url(../images/tile4.gif);

	font-size: 10pt; 

	font-family: "Helvetica", "Trebuchet MS", Verdana, sans-serif;

	margin: 0;

	padding: 10px;

	line-height: 12pt;

	}





body#voices {

	background: url(../images/tile5.gif);

	font-size: 10pt; 

	font-family: "Helvetica", "Trebuchet MS", Verdana, sans-serif;

	margin: 0;

	padding: 10px;

	line-height: 12pt;

	}



/* headers */	

	

h1 {

	font-size: 115%;

	font-weight: bold;

	color: #CC0066;

	line-height: 14pt;

	padding: 0;

	margin: 0;

	}

	

h2 {

	font-size: 100%;

	color: #666666;

	padding: 0;

	margin: 0;

	}



h3 {

	font-size: 115%;

	font-weight: bold;

	color: #66CC66;

	line-height: 14pt;

	padding: 0;

	margin: 0;

	}

	

h4 {

	font-size: 115%;

	font-weight: bold;

	color: #00CCFF;

	line-height: 14pt;

	padding: 0;

	margin: 0;

	}

	

h5 {

	font-size: 115%;

	font-weight: bold;

	color: #CC6699;

	line-height: 14pt;

	padding: 0;

	margin: 0;

	}

	

h6 {

	font-size: 9pt;

	color: #CC6699;

	line-height: 11pt;

	padding: 0;

	margin: 0;

	font-style: italic;

	background: url(../images/tile7.gif);

	}

	

#contentref h6 {

	font-size: 9pt;

	color: #00CCFF;

	line-height: 11pt;

	padding: 0;

	margin: 0;

	font-style: italic;

	background: url(../images/tile7.gif);

	}

	

.refhigh {

	font-size: 9pt;

	color: #00CCFF;	

	font-style: bold;

	}

	

	

/* CONTAINER */

	

#containerSplash {

	margin: 20% auto 0 auto;

	border: 10px solid #CCCCCC;

	text-align: left;

  	width: 563px;

  	background: #CCCCCC;

	}



#container {

	margin: 0 auto;

	border: 10px solid #CCCCCC;

	text-align: left;

  	width: 563px;

  	background: #CCCCCC;

	}

	

/* header */



#header {

	height: 191px;

	width: 563px;

	float: left;

	background: white;

	}



#totaltheatre {

	height: 64px;

	width: 563px;

	float: left;

	}

	

#explores {

	height: 108px;

	width: 389px;

	float: left;

	overflow: hidden;

	}

	

/* links */	



#links {

	height: 127px;

	width: 174px;

	float: left;

	overflow: hidden;

	}

	

#resources a {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/resources.jpg);

	overflow: hidden;

	}

	

#resources a:hover {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/resourceshover.jpg);

	overflow: hidden;

	}

	

#resourcessel {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/resourcesdown.jpg);

	overflow: hidden;

	}



#resources a:active {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/resourcesdown.jpg);

	overflow: hidden;

	}

	

#moreaboutx a {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/moreaboutx.jpg);

	overflow: hidden;	

	}



#moreaboutxsel {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/moreaboutxdown.jpg);

	overflow: hidden;	

	}

	

#moreaboutx a:hover {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/moreaboutxhover.jpg);

	overflow: hidden;

	}



#moreaboutx a:active {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/moreaboutxdown.jpg);

	overflow: hidden;

	}



#moreaboutttn a {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/moreaboutttn.jpg);

	overflow: hidden;

	}

	

#moreaboutttn a:hover {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/moreaboutttnhover.jpg);

	overflow: hidden;

	}

	

#moreaboutttn a:active {

	height: 28px;

	width: 174px;

	float: left;

	background: url(../images/moreaboutttndown.jpg);

	overflow: hidden;

	}



#contactus a {

	height: 19px;

	width: 174px;

	float: left;

	background: url(../images/contactus.jpg);

	overflow: hidden;

	}

	

#contactus a:hover {

	height: 19px;

	width: 174px;

	float: left;

	background: url(../images/contactushover.jpg);

	overflow: hidden;

	}



#contactus a:active {

	height: 19px;

	width: 174px;

	float: left;

	background: url(../images/contactusdown.jpg);

	overflow: hidden;

	}



#contactussel {

	height: 19px;

	width: 174px;

	float: left;

	background: url(../images/contactusdown.jpg);

	overflow: hidden;

	}



#credits a {

	height: 25px;

	width: 174px;

	float: left;

	background: url(../images/credits.jpg);

	overflow: hidden;

	}

	

#credits a:hover {

	height: 25px;

	width: 174px;

	float: left;

	background: url(../images/creditshover.jpg);

	overflow: hidden;

	}



#credits a:active {

	height: 25px;

	width: 174px;

	float: left;

	background: url(../images/creditsdown.jpg);

	overflow: hidden;

	}



#creditssel {

	height: 25px;

	width: 174px;

	float: left;

	background: url(../images/creditsdown.jpg);

	overflow: hidden;

	}

	

/* clearing */	

	

#clear {

	clear: both;

	}

	

/*	NAVIGATION	*/



#navigationholder {

	height: 35px;

	width: 563px;

	margin-top: 10px;

	float: left;

	}



#navigationBox1 a {

	height: 35px;

	width: 181px;

	float: left;

	background: url(../images/VOICES.jpg) bottom left;

	}

	

#navigationBox1 a:hover {

	height: 35px;

	width: 181px;

	float: left;

	background: url(../images/VOICESo.jpg) bottom left;

	}

	

#navigationBox1sel a {

	height: 35px;

	width: 181px;

	float: left;

	background: url(../images/VOICESo.jpg) bottom left;

	}

		

#navigationBox2 a {

	height: 35px;

	width: 181px;

	float: left;

	margin-left: 10px;

	background: url(../images/REFLECTIONS.jpg) bottom left;

	}

	

#navigationBox2sel a {

	height: 35px;

	width: 181px;

	float: left;

	margin-left: 10px;

	background: url(../images/REFLECTIONSo.jpg) bottom left;

	}



#navigationBox2 a:hover {

	height: 35px;

	width: 181px;

	float: left;

	background: url(../images/REFLECTIONSo.jpg) bottom left;

	}



#navigationBox3 a {

	height: 35px;

	width: 181px;

	float: left;

	margin-left: 10px;

	background: url(../images/LANDSCAPES.jpg) bottom left;

	}



#navigationBox3sel a {

	height: 35px;

	width: 181px;

	float: left;

	margin-left: 10px;

	background: url(../images/LANDSCAPESo.jpg) bottom left;

	}



#navigationBox3 a:hover {

	height: 35px;

	width: 181px;

	float: left;

	margin-left: 10px;

	background: url(../images/LANDSCAPESo.jpg) bottom left;

	}

	



/*	MAIN	*/



#pagetitle {

	width: 543px;

	float: left;

	background: white;

	margin-top: 10px;

	padding: 10px;

	font-size: 16pt;

	font-weight: bold;

	background: url(../images/tile7.gif);

	}



#content {

	width: 543px;

	float: left;

	background: white;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	}

	

#contentmore {

	width: 543px;

	float: left;

	background: white;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	}

#contentmore h1 {

		color: #333333;

		}

		

#contentvoices {

	width: 352px;

	float: left;

	background: white;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	}

	

#contentref {

	width: 352px;

	float: left;

	background: white;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	}

	

#contentref a{

	background: url(../images/tile7.gif);

	color: #333333;

	}

	

#contentref a:hover{

	background: url(../images/tile7.gif);

	color: #00CCFF;

	}

	

#contentres {

	width: 352px;

	float: left;

	background: white;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	}



#contentres .sections {

	font-size: 12pt;

	}



#contentres .trainingheader {

	color: #CC0066;

	}



#contentres h1 {

	color: #333333;

	}

	

#contentres .header {

	color: #333333;

	}



#contentres a{

	background: url(../images/tile7.gif);

	color: #444444;

	}

	

#contentres a:hover{

	background: url(../images/tile7.gif);

	color: #222222;

	}



#subcontentvoices {

	width: 161px;

	float: left;

	background: white;

	margin-left:10px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	font-size: 10pt;

	text-align: right;

	display: inline;

	}

	

* html #subcontentvoices {

margin-left: 10px;

}



#subcontentref {

	width: 161px;

	float: left;

	background: white;

	margin-left:10px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	font-size: 10pt;

	text-align: right;

	}

	

#subcontentres {

	width: 161px;

	float: left;

	background: white;

	margin-left:10px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

	font-size: 10pt;

	text-align: right;

	}



#subcontentres h1 {

	color: #222222;

	}

	

#subcontentref a:hover {



	background: url(../images/tile7.gif);

	color: #00CCFF;

	}

	

#subcontentpic {

	width: 161px;

	float: left;

	background: white;

	margin-left:10px;

	margin-top: 0px;

	margin-bottom: 10px;

	padding: 10px;

	padding-bottom: 6px;

	}



* html #subcontentpic {margin-bottom: 10px}



#prefooter {

	width: 332px;

	float: left;

	background: white;

	margin-top: 10px;

	padding: 10px;

	background: url(../images/tile7.gif);

	}

	

#prefooterWide {

	width: 523px;

	float: left;

	background: white;

	margin-top: 10px;

	padding: 10px;

	background: url(../images/tile7.gif);

	}

	

ul {

	list-style-type: none;

	background: url(../images/tile7.gif);

    }

    

#contentvoices ul {

	list-style-type: none;

	color: #CC6699; 

    }



#contentvoices li {

	line-height: 16px;

	margin-top: 10px;

	}

	

	

ul a:hover {

	background: url(../images/tile7.gif);

	}



#picture {

	width: 563px;

	height: 230px;

	float: left;

	margin-top: 10px;

	margin-left: 0px;

	margin-bottom: 0px;

	}

	



#footer {

	padding: 10px;

	float: left;

	width: 543px;

	margin-bottom: 0px;

	color: white;

	background: #CC0066;

	}



#footerlandscapes {

	padding: 10px;

	float: left;

	width: 543px;

	margin-bottom: 0px;

	color: white;

	background: #66CC66;

	}

	

#subfooterlandscapes {

	padding: 10px;

	float: left;

	width: 523px;

	margin-bottom: 0px;

	color: white;

	background: #66CC66;

	}

	

* html #subfooterlandscapes {margin-bottom:-20px}

	

#footerreflections {

	padding: 10px;

	float: left;

	width: 543px;

	margin-bottom: 0px;

	color: white;

	background: #00CCFF;

	}



#subfootervoices {

	padding: 10px;

	float: left;

	width: 332px;

	margin-bottom: 0px;

	color: white;

	background: #CC6699;

	}





* html #subfootervoices {margin-bottom:-20px}



#subfooterreflections {

	padding: 10px;

	float: left;

	width: 332px;

	margin-bottom: 0px;

	color: white;

	background: #00CCFF;

	}



* html #subfooterreflections {margin-bottom:-20px}

	

#footervoices {

	padding: 10px;

	float: left;

	width: 543px;

	margin-bottom: 0px;

	color: white;

	background: #CC6699;

	}

	

	

/* Font styles */



a:link {

	color: #333333;

	text-decoration: none;

	}

	

a:visited {

	color: #666666;

	text-decoration: none;

	}

	

a:hover {

	color: #CC0066;

	background: url(../images/tile7.gif);

	}



a:active {

	color: black;

	}



a:focus {

	color: black;

	}





ul {

	margin: 0;

	padding: 0;

	}

	

.dropvoices a

	{

	color: #CC6699;

	font-size: 11pt;

	font-weight: bold;

	}



.droprefl a

	{

	color: #00CCFF;

	font-size: 11pt;

	font-weight: bold;

	}



.dropres a

	{

	color: #666666;

	font-size: 11pt;

	font-weight: bold;

	}



.droplandsh a

	{

	color: #66CC66;

	font-size: 11pt;

	font-weight: bold;

	}

	

.droplands 

	{

	}



.droplands2 a

	{

	background: url(../images/tile7.gif);

	}



.droplands2 a:hover

	{

	color: #66CC66;

	background: url(../images/tile7.gif);

	}





.frontpage

	{

	color: #CC0066;

	}

.subvoices

	{

	color: #CC6699;

	font-size: 9pt;

	font-weight: bold;

	}

.subreflections

	{

	color: #00CCFF;

	font-size: 9pt;

	font-weight: bold;

	}

.sublandscapes

	{

	color: #66CC66;

	font-size: 9pt;

	font-weight: bold;

	}

.creditssubhead

	{

	color: #666666;

	font-size: 11pt;

	font-weight: normal;

	}



.logo 

	{

	float: left;

	margin-right: 10px;

}