body { background-color: #F9EAF7; margin-top: 0px; margin-bottom: 0px; }
.footer { color: #8B728B; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
h1 { color: #9C3C96; font-weight: bold; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
h2 { color: #4B9C32; font-weight: bold; font-size: 13pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
h3 { color: #9C3C96; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
h4 { color: #4B9C32; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

.text { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.sidetitle { color: #763475; font-size: 13pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

.menu { color: #763475; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
a.nav { color: #763475; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.nav:hover { text-decoration: underline; }
a.sidenav { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.sidenav:hover { text-decoration: underline; }
a.homelinks { color: #634061; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 20px;}
a.homelinks:hover { text-decoration: underline }
a.archives { color: #4B9C32; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
a.archives:hover { text-decoration: underline; }
a.bot { color: #8B728B; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
a.bot:hover { text-decoration: underline; }
a { color: #634061; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; }
a:hover { text-decoration: none; }

.photor { font-size: 8pt; margin-right: 0pt; margin-left: 10pt; margin-bottom: 8pt; }

.photol { font-size: 8pt; margin-right: 10pt; margin-left: 0pt; margin-bottom: 8pt; }


div.field {
	margin: 9px 0;
	padding: 4px 0;
}

label {
	display: block;
	font-weight: bold;
	float: left;
	width: 60px;
}

ol.cf-ol{
list-style-type:none;
}

.cf-ol li {
	margin: 9px 0;
	padding: 4px 0;
}


.cf-ol label {
	display: block;
	font-weight: bold;
	float: left;
	width: 100px;
}

.vid_thumb{
	border: 1px solid #333333;
}

.video-caption{
	background: url(images/transpBlack.png); 
	font-family: Arial, Helvetica, sans-serif;
	width: 400px;
	font-size: 14px;
	padding: 10px; 
	height: 20px; 
	margin: -40px 0 20px 0;
	position: relative; 
	z-index: 9999; 
	color: white;
	text-align: left;
}

.video-caption a{
	color: #FFFFFF;
	text-decoration: none;
}

.video-caption a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/* Stuff to change */

	.coda-slider-wrapper { padding: 20px 0;
width: 428px; text-align: center;}

	.coda-slider { background: #F9EAF7; padding: 4px;}

.coda-slider img{
border: 0;
}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 320px; 
overflow: auto !important; padding-right: 20px;
border: 1px solid red;
 }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 420px; height: 324px;
padding: 0;
margin: 0;

 } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, 
.coda-slider-wrapper.arrows .coda-slider .panel { width: 450px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #F9EAF7; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden;}
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #FFF8FD; color: purple;
 display: block; float: left; margin-right: 3px; 
padding: 3px 10px; text-decoration: none;
font-size: 11px; }

	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }


/* Arrow styling */
    .coda-nav-left a, .coda-nav-right a { display: none;
background: #FFF8FD; color: purple; padding: 5px; width: 100px }
    	
.coda-nav-left a, .coda-nav-right a { display: none; text-align: center; text-decoration: none }