/* stylesheet copyright 2005 by InfoPulse LLC, Norwalk, CT. All rights reserved. */ 
html, body{ 
 margin: 10px 0; 
 padding: 0; 
 text-align: center; 
 background-color: #314F61;
 color: #314f61;
 font-family: "Palatino Linotype", Palatino, Georgia, Times, "Times New Roman", sans-serif;
 font-size: 13pt;
 font-style: normal;
 font-variant: normal;
 font-weight: 500;
 line-height: 140%;
} 
#bigholder {
width: 950px; 
text-align: left;  
margin-left: auto; 
margin-right: auto; 
} 
 
#pagewidth { 
 width:100%; 
 padding: 4px;
background-image: url(images/oldgoldtile.gif) 
} 

#container {
width: 100%;
background-color: #fffff3;
}


#header{
 position:relative; 
 height:100px; 
  background-color:#FFFFF5; 
 width:100%;
 
} 
#logo {
	float: left; width: 150px; height: 100px;
}


h1 {
	float: right;  text-align: right; padding-right: 28px; font-size: 24pt; margin-top: 52px;
}
.subh1 {
	font-size: 16pt; padding-left: 30px;
}
#leftcol {
 width: 175px; 
 float: left; 
 position: relative; 
 padding: 20px 0 20px 27px;
 }

#navlist {padding-left: 1px; font-size: .8em;}
p.post {text-align: right; font-size: .8em; color: #c4a14d;}

#maincol {  
 float: right; 
 display: inline; 
 position: relative; 
 width: 700px;
 padding: 20px 30px 20px 0;
 }

#maincolhome {  
float: right; 
 display: inline; 
 position: relative; 
 width: 700px;
 padding: 20px 30px 20px 0;
 }


blockquote {
padding: 0px 20px 2px 20px;
}


img {
margin: 0;
padding: 0;
border: 2px solid #c4a14d;
}


.date {
font-size: 100%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
font-weight: normal;
background: transparent;
color: #336600;
border-bottom: 1px solid #ddd;
}


.spacer {
clear: both;
}

.paginate {
  font-size:			1.1em;
 font-weight: 		400;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {

 font-size:			1.1em;
 font-weight:		400;
 background-color: transparent;
}


input {
border:        1px solid #c4a14d;
background-color:  #fff;
font-size:         .95em;
padding:           3px;
margin-top:        6px;
margin-bottom:     3px;
}

textarea {
border:        1px solid #c4a14d;
background-color:  #fff;
font-size:         .95em;
margin-top:        6px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
height: 23px; width: 23px;
}

.submit, .button {
background-color:  #fffff3;
font-size:         .9em;
font-weight:       500;
letter-spacing:    .1em;
padding:           2px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
border: 2px outset #c4a14d;

}

 #pastela {
 	float: left; width: 50%;
 text-align: center;
 }
 
 #pastelb {
 	float: right; width: 50%; 
	text-align: center;
 }
 
 p.callout {
	font-style: italic; font-weight: 500; text-align: center; padding: 0 45px 0 85px;
}
 h2 {
 	font-size: 18pt; border-bottom: 1px solid #c4a14d; width: 100%; line-height: 150%; margin: 0 0 10px 0;
 }

h6 {
 	font-size: 13pt; border-bottom: 1px solid #c4a14d; width: 100%; line-height: 150%; margin: 0 0 10px 0;
 }


h5 {
 	font-size: 14pt; border-bottom: 1px solid #c4a14d; width: 100%; line-height: 150%; margin: 20px 0 0px 0;
 }

 h3 {
 	font-size: 14pt; margin: 0 0 5px 0;
 }

h4 {
 	font-size: 13pt; margin: 0 0 5px 0; font-style: italic; font-weight: 500; color: #c4a14d;
 }
 
 a:link {
 	color: #314F61; text-decoration: underline;
 }
 a:visited {
 	color: #4a7289; 
 }
 a:hover {
 	color: #c4a14d;
 }
 a:active {
 	color: #c30; 
 }
 .learn {
 	text-align: right; font-size: 10pt;
 }
 #courses {
 	clear: both; margin: 0;
 }
 
 #courses p {
 	font-size: 12pt; margin: 1px 0 6px 0; line-height: 140%;
 }

#workshops p, #exhibits p {
 	font-size: 10pt; margin: 1px 0 6px 0; line-height: 140%;
 }

 #tours {
 	float: left; width: 50%; padding-right: 20px;
 }
 #artclass {
 	/* float: right; width: 50%; padding-left: 20px; */ padding-bottom: 30px;
 }
#artclass p {
 	font-size: 13pt; margin: 1px 0 6px 0; line-height: 140%;
 }
 .toursnap {
 	float: left; width: 147px; margin: 0 10px 0 0;
 }
 
 .classsnap {
 	float: right; width: 132px; margin: 0 0px 0 10px;
 }
 
#footer{
 height:30px; 
color: #fffff3;
 clear:both;
 font-size: 8pt;
 margin-top: 10px;
 padding: 0 27px;
 
 } 
 #copyright {
 	float: left; width: 555px;
 }
#colophon {
	float: right; width: 150px; text-align: right;
}

a:link.colophon, a:visited.colophon {
	color: #fffff3; 
}

.powered, a:link.powered, a:visited.powered {
	clear: both; width:100%; text-align: right; font-size: 7pt; color: #fffff3; text-decoration: none;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* form styles */
.widget {
	overflow: hidden;
}
form {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, arial, sans-serif;
	font-size: .9em;
	padding: 0 5px ; margin: 0;
	height: expression('1%'); /* IE Pick-a-boo bug fix */
	
}
fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 10px 10px;
	margin: 10px 0;
border: 1px solid #c4a14d;	
}
fieldset fieldset  {
	border: 1px solid #c4a14d;	
	}
legend {
	position: expression('absolute'); 
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px;
        font-style: italic;
        font-size: 140%;
        font-family: "Palatino Linotype", Palatino, Times, "Times New Roman", sans-serif;
}
fieldset fieldset legend {
        font-size: 140%;
}
label, .label {	
	text-transform: capitalize;
	margin: 0;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('7em'); /* Min-width for IE6 */
	min-width: 7em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
width: 150px;
}
.label { display: block; width: auto; }

label.postField  {
	margin-left: 4px;
	margin-right: 4px;
}
textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
}
input {
}
input[type=text], input[type=password] {
	width: 20em;
}
select {
	padding: 0;
	margin: 2px 0 1px 0;
}

/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
.instructions {
	margin: 8px 0;
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
.error {	/* deprecated since wForms v0.92 */
	border: 1px solid #F00;
}
.errFld {
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
.errorMsg { /* deprecated since wForms v0.92 */
	color: #CC3333 !important;
	display: inline;
}
.errMsg {	
	color: #CC3333 !important;
	display: block;
}
/* Field-Hint with focus */
.field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 190px;
	font-size: 85%;
	min-height: 2em;	
	background-repeat: no-repeat;
	background-position: left center;	
	padding: 0 0 0 20px ;
}
/* Field-Hint without focus */
.field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 190px;
	font-size: 85%;
	min-height: 2em;
	background-repeat: no-repeat;
	background-position: left center;		
	padding: 0 0 0 20px ;
}
/* Repeat Behavior  */
.repeat {
	border: 1px solid #c4a14d;
	margin: 3px 0;
	padding-right: 6px;
}
.removeable {
	border: 1px solid #c4a14d;
	padding-right: 6px;	
}
/* Links generated by the Repeat Behavior */
.duplicateLink {
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
	display: block;
}
.removeLink {
	margin-top: 10px;
	text-align: right;
	display: block;
	color: #CC3300;
}
/* Switch Behavior Classes */
.onstate-a, .onstate-b, .onstate-c, .onstate-d {
	display: block;
}
.onstate-e, .onstate-f, .onstate-g {
	display: inline;
}
.onstate-h, .onstate-i, .onstate-j {
	display: inline;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */

/* Buttons */
.actions {
	text-align: right;
}
.primaryAction {
	display: inline;font-style: italic;
        font-size: 15pt;
        font-family: "Palatino Linotype", Palatino, Times, "Times New Roman", sans-serif;
font-style: italic;
}
.secondaryAction {
	color: grey;
	display: inline;
}
.secondaryAction:hover {
	color: black;
}