@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #ffffff; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr h1{
	font: 18px 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color:  #437393;
	padding: 5px 0 0 3px;
	
}
.oneColFixCtrHdr #mainContent {
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	/*padding: 10px 0;  padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
p, ol, ul, li {
	font: 12px 'Myriad Pro', Arial, Verdana; color: #838383;
	line-height: 20px;
}	

.form {
	font: 14px bold 'Myriad Pro', Arial, Verdana; color: #6699CC;
	line-height: 20px;
}
.formerrors {
	width:  700px;
	margin: 5px 0 5px 20px;
	padding: 5px 10px 5px 10px;
	background: #EEE;
}
.formdetails {
	font: 11px 'Myriad Pro', Arial, Verdana; color: #838383;
	
}	
input, select, textarea{
 /*background: #fff url('yourimage.gif') no-repeat scroll 2px center; */
 border: 1px solid #aaa;
 padding: 4px;
 font: 12px bold Arial, Helvetica, sans-serif; color: #aaa;
 text-align: left;
}
submit, button {
 border: 1px solid #aaa;
 padding: 4px;
 font: 12px bold Arial, Helvetica, sans-serif; color: #aaa;
 text-align: center;
 width:auto;
 padding: 2px;
}	
select {
	width: 315px;
}	
.sectiontitle {
	font: 13px bold "Gill Sans", Helvetica, Arial; 
	color: #ffffff;
}

.newstitle {
	font: 13px bold "Gill Sans", Helvetica, Arial; 
	color: #838383;
}

.newstitle {
	font: 13px bold "Gil Sans", Arial; 
	color: #559158;
}

.footnav {
	padding: 0 10px 0 10px;
	color: #838383;
}

.footnav a {
	color: #838383;
	font-size: 10px;
}	
.footnav a {
	color: #838383;
	font-size: 10px;
}
.footnav a:hover{
	color: #6666CC;
	font-size: 10px;
}	
.footnav a:active{
	color: #838383;
	font-size: 10px;
}	
.footnav a:visited{
	color: #838383;
	font-size: 10px;
}		

.arttitles{
	font: 16px 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color:  #437393;
	padding: 5px 0 0 3px;
	
}

.glosscat a{
	font: 14px 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color: #437393;
	padding: 5px 0 0 3px;
	
}

.glosscat a:hover{
	font: 14px 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color: #437393;
	padding: 5px 0 0 3px;
	
}

.glosscat a:active{
	font: 14px 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color: #437393;
	padding: 5px 0 0 3px;
	
}

.glosscat a:visited{
	font: 14px 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color: #437393;
	padding: 5px 0 0 3px;
	
}

.glosscatpage{
	font: 15px bold 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color:  #559158;
	padding: 5px 0 0 3px;
	
}

.glosscatpage a:hover{
	font: 15px bold 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color:  #559158;
	padding: 5px 0 0 3px;
	
}

.glosscatpage a:active{
	font: 15px bold 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color:  #559158;
	padding: 5px 0 0 3px;
	
}

.glosscatpage a:visited{
	font: 15px bold 'Gil Sans','Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	color:  #559158;
	padding: 5px 0 0 3px;
	
}

.programslink {
	padding: 0 0 0 10px;
}	
.programslink p {
	font: 13px bold 'Myriad Pro', Arial, Verdana; color: #6699CC;
	line-height: 20px;
}
.navlinks a {
	color: #838383;
	font-size: 12px;
}	
.navlinks a{
	color: #838383;
	font-size: 12px;
}
.navlinks a:hover{
	color: #6666CC;
	font-size: 12px;
}	
.navlinks a:active{
	color: #838383;
	font-size: 12px;
}	
.navlinks a:visited{
	color: #838383;
	font-size: 12px;
}	

.programdetails	td {
	border: 1px solid #ccc;
	padding: 0 5px 0 5px;
}	

.newstitle a, a:active, a:visited {
	color: #559158;
}	

.newstitle a:hover {
	text-decoration: none;
	color: #437393; 
}

fieldset {
	margin: 10px 15px 10px 15px;
	border: 1px dotted #CCCCCC;
	width: 700px;
	padding: 10px;
}	

legend {
	font: 13px bold 'Myriad Pro', Arial, Verdana; color: #559158;
}

.enrollrow {
	background: #e7e7e7;
	padding: 4px;
}

.enrollstring {
	font: 12px bold 'Myriad Pro', Arial, Verdana; color: #559158;
	
}	 	

a, a:active, a:visited {
	text-decoration: none;
	color: #437393;
}

a:hover {
	text-decoration: none;
	color: #559158; 
}					

/* Glossary Styles */

p.term {
  font-weight: bold;
  color: #559158;

  padding: 7px;
  vertical-align: top;
  text-align: left;
  padding-left: 10px
  }
p.definition {

  padding: 7px;
  vertical-align: top;
  text-align: left;
  padding-left: 10px
  }  
h3.header3 {
  color: #437393;
  text-align: left;
  
  }  
hr.separator {
  width: 715px;
  vertical-align: top;
  }
div.row {
  width: 700px;
  vertical-align: top;
  padding-left: 10px
  }
td.header {
 width: 755px;
 }
td.terms {
 width: 120px
 }
td.definitions {
 width: 630px;
 vertical-align: top
 }
td.definitions_image {
 width: 470px;
 padding-left: 10px;
 }
 
 .caption {
 	font: 12px Arial, Helvetica, sans-serif bold;
 }
 
 .artistname {
 	font: 11px Arial, Helvetica, sans-serif;
	color: #999;
 }