/* CSS Document */

body { 
	margin: 0;
	padding: 0;
	background-color: #e2d1a3;
	font-family: Georgia, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color:  #000;
	}


/* =Text
------------------------------------------*/


/* h1 listed in Header section */

h2 {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	}

h3 {
	font-size: 20px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	font-weight:bold;
	color: #813125;
	line-height: 25px;
	margin: 0px 0px 15px 0px;
	}
	
	
h4 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #55463B;
	margin: 0px 0px 5px 0px;
	}		
	
#hometext h3 {
	font-size:20px;
	font-weight:bold;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#a94942;
	margin:0;
	padding:15px 0;
	}

.style1 {font-size: 12px;
text-align:center;
}

.style2 {font-size: 16px;
	line-height: 21px;
}

.centeredImage
    {
    text-align:center;
    display:block;
    }

/*

h5 {
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	}	
*/


.titleimage {
	margin: 0;
	margin-bottom: 15px;
	}						
	
	
.captitle {
	font-weight:bold;
	color:#813125;
	}

/* =Links (global) 
------------------------------------------*/

a:link { color: #4c1e0e; font-weight: normal; text-decoration: underline; }

a:visited { color: #4c1e0e; font-weight: normal; text-decoration: underline; }

a:hover { color: #660000; font-weight: normal; text-decoration: underline;  }



.rightcolumn a:link { color: #d1ca8b; font-weight: normal; text-decoration: underline; }

.rightcolumn a:visited { color: #d1ca8b; font-weight: normal; text-decoration: underline; }

.rightcolumn a:hover { color: #F9F5EC; font-weight: normal; text-decoration: none;  }


/* =Lists  
------------------------------------------*/

.rightcolumn ul {	
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding-left: 0;
	
	font-family: Georgia, serif;
	font-weight: normal;
	color: #F9F5EC;
	font-size: 14px;
	}

.rightcolumn ul li {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	}

.rightcolumn ul li a:link { color: #E2BA49; font-weight: bold; text-decoration: none; }

.rightcolumn ul li a:visited { color: #E2BA49; font-weight: bold; text-decoration: none; }

.rightcolumn ul li a:hover { color: #fff; font-weight: bold; text-decoration: underline;  }


/* =Photos  
------------------------------------------*/

.photo-left {
	float: left;
	clear: left;
	margin: 0px 10px 10px 0px;
	}
	
.photo-right {
	float: right;
	clear: right;
	margin: 0px 0px 10px 10px;
	}

.photocaption {float: right; padding:2px 0px 8px 10px; margin: 0; font-size:90%; font-style:italic; width: 200px;}	

.captionright {
clear: right;
float: right;
margin: 0;
font-size: 12px;
padding-left: 30px;
} 
.captionright2 {
clear: right;
float: right;
margin: 0;
font-size: 12px;
padding-left: 70px;
} 

/* = GLOBAL STRUCTURE
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/


.page {
	position: relative;
	width: 850px; 
	min-height: 800px;  
	margin: 0 auto; 
	padding: 0;
	border: none; 
	}
/* IE6 fix for .background */
 * html .background { height: 800px; }
/* end IE6 fix */


.content {
	
	}


/* =Header
------------------------------------------*/

.header {
	position: relative;
	width: 850px;
	height: 200px;
	overflow: visible;
	margin: 0;
	padding: 0;
	background-image: url(images/top.jpg); 
	}
/* IE6 fix for .header */
 * html .header { overflow: hidden; }
/* end IE6 fix */
		
.headerplays {
	position: relative;
	width: 850px;
	height: 200px;
	overflow: visible;
	margin: 0;
	padding: 0;
	background-image: url(images/top_plays.jpg); 
	}
/* IE6 fix for .header */
 * html .header { overflow: hidden; }
/* end IE6 fix */		

.headerpsych {
	position: relative;
	width: 850px;
	height: 200px;
	overflow: visible;
	margin: 0;
	padding: 0;
	background-image: url(images/top-psych.jpg); 
	}
/* IE6 fix for .header */
 * html .header { overflow: hidden; }
/* end IE6 fix */		

.headerarticles {
	position: relative;
	width: 850px;
	height: 200px;
	overflow: visible;
	margin: 0;
	padding: 0;
	background-image: url(images/top_articles.jpg); 
	}
/* IE6 fix for .header */
 * html .header { overflow: hidden; }
/* end IE6 fix */		

.headerphotos {
	position: relative;
	width: 850px;
	height: 200px;
	overflow: visible;
	margin: 0;
	padding: 0;
	background-image: url(images/top_photos.jpg); 
	}
/* IE6 fix for .header */
 * html .header { overflow: hidden; }
/* end IE6 fix */		
	
h1 {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 25px;
	left: 45px;
	width: 600px;
	height: 120px;
	}
	
h1 a {
	display: block;	
	width: 600px; /* Same as width of h1 */ 
	height: 120px;  /* Same as height of h1 */
	}

h1 a span {
	display: none;
	}				
	
.header img {
	position: absolute;
	/*	z-index: 1000;*/
	top: 0px;
	left: 680px;
	height: 426px;
	}	
/* IE6 fix for .header */
 * html .header img { display: none; }
/* end IE6 fix */

.ie6header { /* header image for IE6 */
	display: none;
	}
/* IE6 fix for .ie6header */
 * html .ie6header { display: block; position: absolute;top: 0px; left: 680px; }
/* end IE6 fix */
	
	




/* =Footer
------------------------------------------*/

.footer {
	width: 850px;  
	margin: 0; 
	padding: 15px 0px 10px 0px;
	border: none; 
		
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #9E845E;
	}

.footer a:link { color: #9E845E; font-weight: normal; text-decoration: underline; }

.footer a:visited { color: #9E845E; font-weight: normal; text-decoration: underline; }

.footer a:hover { color: #fff; font-weight: normal; text-decoration: none;  }

	


/* = Nav
----------------------------------------*/


.nav {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 36px;
	background: #ecbc70;
	}
	
.nav img {
	margin: 0;
	padding: 0;
	float: left;
	}

.nav ul {	
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0;
	}

.nav ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0;
	}

/* = 2 Column layout
----------------------------------------*/


.maincolumn {
	float: left;
	width: 850px;
	min-height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #FDF8EB;
	}	
/* IE6 fix for .maincolumn */
 * html .maincolumn { height: 400px; margin: 0px 0px 30px 10px; }
/* end IE6 fix */
		

.rightcolumn {
	float: left;
	width: 200px;
	margin: 200px 0px 30px 30px;
	
	color: #F9F5EC; 
	}
/* IE6 fix for .leftcolumn */
 * html .leftcolumn { margin: 80px 0px 30px 30px; }
/* end IE6 fix */

#text {
	float: left;
	width: 780px;
	margin: 15px 10px 0px 10px;
	padding-left: 30px;
	padding-top: 10px;
}

.chromestyle{
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
width: 850px;
background: #ecbc70;
font:normal 14px Georgia, Times, Georgia, "Times New Roman", Times, serif;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #ecbc70;
width: 100%;
background: url(images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #4c1e0e;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 3px solid #dc7d09;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Georgia, Times, Georgia, "Times New Roman", Times, serif;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #4c1e0e;
background-color: #ecbc70;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #dc7d09;
}