@charset "ISO-8859-1";
.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #fbc964;
}


a:link {
	color: #addebc;   
	text-decoration: underline;
}
a:visited {
	color: #addebc;  
	text-decoration: underline;
}
a:active {
	color: #addebc;   
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color:   #ffffff; 
	background-color: #addebc;   
}


a.horiz:link {
	color: #ffffff;   
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}
a.horiz:visited {
	color: #ffffff;  
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}
a.horiz:active {
	color: #ffffff;   
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}
a.horiz:hover {
	text-decoration: none;
	color:   #c0edcc; 
	background-color: #7ca187;
	padding-left: 1px;  
	padding-right: 1px; 
}



a.nav:link {
	color: #a2bdab;   /* WAS #fbc964; */
	text-decoration: none;
	display: block;
}
a.nav:visited {
	color: #a2bdab;   /* WAS #fbc964;  */
	text-decoration: none;
	display: block;
}
a.nav:active {
	color: #a2bdab;   /* WAS #fbc964;  */
	text-decoration: none;
	display: block;
}
a.nav:hover {
	text-decoration: none;
	color: #c0edcc;
	background-color: #7ca187;
	display: block;
}







a.thumbnail:link {
	color: #ffffff; 
	text-decoration: none;
	display: inline;
}
a.thumbnail:visited {
	color: #ffffff; 
	text-decoration: none;
	display: inline;
}
a.thumbnail:active {
	color: #ffffff;
	text-decoration: none;
	display: inline;
}
a.thumbnail:hover {
	text-decoration: none;
	color:  #addebc;  
	display: inline;
	background-color: transparent;
}


.bkg_color
{
background-color: #000000;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #333333;
}





.border_green
{
border: solid  #a2bdab 1px; 
}

.box
{
border: solid  #a2bdab 1px;  
padding: 10px 25px 10px 25px;
background-color: #222222;
}

.box_button
{
border: solid  #a2bdab 1px;  
padding: 10px;
width: 100px;
background-color: #444444;
font-size: 11px;
color: #a2bdab; 
text-align: center;
display: block;
}


.box_button_bookpage
{
border: solid  #a2bdab 1px;  
padding: 8px;
background-color: #444444;
font-size: 15px;
color: #a2bdab; 
text-align: center;
}


a.box_no_underline
{
display: block;
text-decoration: none;
}

.box_footer
{
border: solid  #a2bdab 1px;  
padding: 10px 25px 10px 25px;
background-color: #222222;
margin: 0px 25px 20px 25px;
font-style: italic;
}

.box_quote
{
font-size: 23px;
font-family:  arial, sans-serif;
color:   #;
font-style: italic;
margin: 0;
padding-top: 8px;
}

.button
	{
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #8f8f8f;   /* WAS #FFFFCC;  */
	background-color: #ebcbca;  /* WAS #000000; */
	padding: 5px 13px 5px 10px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	display: block; 
	width: 190px;
	}

.button_art
{
font-style: italic;
font-size: 13px;
}

.button_art_bold
{
font-weight: bold;
font-size: 13px;
}


a.button_art_green
{
color:  #ffffff;
}

a.button_art_white
{
font-style: italic;
font-size: 13px;
color:  #ffffff;
}


.button_bkg
	{
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: was #FFFFCC; 
	background-color: #8f8f8f;  /* WAS #fbc964; */
	padding: 2px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	display: block; 
	width: 190px;
	}

.button_current
{
color: gray;
font-weight: bold;
}

.button_horiz
	{
	border-top: solid 1px #addebc;
	border-bottom: solid 1px #addebc;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #addebc;
	padding: 5px 5px 5px 16px;
	margin: 0px;
	vertical-align: top;
	display: block; 
	text-align: left;
	}


.button_no_bkg
	{
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ebcbca;
	padding: 5px 13px 5px 13px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	display: block; 
	width: 190px;
	}

.button_no_bkg_current
	{
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: gray;
	padding: 9px 13px 5px 17px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	display: block; 
	width: 190px;
	}

.clear
{
clear: all;
}

.contact
{
font-size: 14px;
letter-spacing: .13cm;
}


.float_left
{
float: left;
margin-top: 5px;
margin-right: 25px;
margin-bottom: 10px;
}


.float_left_within_p
{
float: left;
margin-top: 15px;
margin-right: 25px;
margin-bottom: 15px;
}

.float_left_center_imgs
{
float: left;
margin-right: 12px;

margin-left: 12px;
margin-bottom: 10px;
}

.float_right
{
float: right;
margin-top: 5px;
margin-left: 25px;
margin-bottom: 10px;
}

.float_right_arrow
{
float: right;
margin-right: 15px;
}

.font_12
{
font-size: 12px;
}

.font_22
{
font-size: 22px;
}

.font_21
{
font-size: 21px;
}

.font_23
{
font-size: 23px;
}

.font_24
{
font-size: 24px;
}

.font_25
{
font-size: 25px;
}

.font_28
{
font-size: 28px;
}

.font_tan13_ital
{
color: #edc198;
font-size: 13px;
font-style: italic;
}


.frame_contact
{
margin-left: 45px;
font-size: 13px;
letter-spacing: .13cm;
}

.gcm_credit
{
font-size: 12px;
color: teal;
letter-spacing: .06cm;
margin: 20px 0 1px 0;
}

h1
{
font-family: verdana, arial, sans-serif;
font-size: 27px;
color:  #addebc; 
}

h2
{
font-family: verdana, arial, sans-serif;
font-size: 19px;
color:  #95c7ab; 
}

.heading_stretched
{
letter-spacing: .08cm;
}


.image_margin_5
{
margin: 5px 0 5px 0;
}

.left_col
{
font-size: 14px;
text-align: center;
margin: 0;
}

.links_source
{
color: teal;
font-weight: bold;
font-size: 17px;
}

.main_column
{
border-left: solid 1px #a2bdab;    /* was pinkish #ebcbca */
border-right: solid 1px #a2bdab;    /* was pinkish #ebcbca */
font-size: 16px;
width: 570px;
}

.main_column_framepages
{
border-right: solid 1px #a2bdab;    /* was pinkish #ebcbca */
font-size: 16px;
width: 570px;
}

.main_col_padding
{
padding: 0 40px 0 40px;
}

.margin_0
{
margin: 0;
padding: 0;
}

.nav
{
line-height: 80%;
width: 190px;
}

.nav_bottom
{
font-size: 12px;
font-weight: normal; 
text-decoration: none;
text-align: center;
}

.nav_categories { 
font-family: arial, sans-serif; 
color: #000000; 
font-size: 13px;
font-weight: normal;
margin-top: 6px;
margin-bottom: 6px;  
text-decoration: underline;
}


.nav_sidebar
{
line-height: 80%;
width: 160px;
}

.nav_sidebar_alternative
{
line-height: 80%;
width: 160px;
border-right: solid 1px #a2bdab;
padding-right: 18px; 
padding-top: 50px;
}




.photo_credit
{
font-size: 9px;
}

.quote
{
font-size: 12px;
font-family: arial, sans-serif;
color: #bbbbbb;
margin-left: 185px;
}


.quote_farther_left
{
font-size: 12px;
font-family: arial, sans-serif;
color: #bbbbbb;
margin-left: 230px;
}

.quote_attribution
{
color: #eeeeee;
font-weight: bold;
}

.quote_attribution_right
{
text-align: right;
font-size: 14px;
font-style: italic;
margin-right: 12px;
}

.quote_text
{
font-size: 15px;
font-family: verdana, arial, sans-serif;
color:  #;
font-style: italic;
}

.right_col
{
width: 190px;
font-size: 14px;
}

.right_col_frame
{
width: 262px;
font-size: 14px;
}


.serif
{
font-family: georgia, times new roman, serif;
}



.studio
{
font-size: 40px;
font-family: verdana, arial, sans-serif;
color: #ebcbca;
}



.thumbnail_border
{
border: solid 1px #ffffff;
margin-bottom: 5px;
}


.welcome
{
margin-top: 12px;
}



/* DROPDOWN MENU ITEMS */


#navContainer {
margin:0;
padding:0;
width:190px;
}


/* The 'navContainer' will hold the menu, with a width of 190px.  */

 

#navContainer ul{
margin:0;
padding:0;
list-style:none;
}
 

/* Set the padding and margin to 0 and get rid of the bullet points. */


#navContainer ul li {
position:relative;
}


/* This piece of code is important. By setting the list item to relative we are telling any child item (which is positioned absolutely) that it will be positioned relative to the position of its parent list item. */


#navContainer ul li span{
display:block;
}


/* Change display to 'block', this tells the element to fill all available space and makes the whole button click-able.  */

 

#navContainer ul li a{
text-decoration: none;
color: white;
font-family:  Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 4px;
}


/* For main nav links: Set color of text, get rid of the underline, set font attributes. Change display to block yet again. */


#navContainer ul li a:hover{
color: #c0edcc;
background-color: #7ca187;
}

/* Set hover text color and background color for main nav links */

 

/* 

#navContainer ul li span:hover {
color: 
}


Set background color for drop down nav links - doesn't seem to do anything */



#navContainer ul ul li a:hover{
color:  #c0edcc;
}

/* Set hover text color for drop down nav links */



#navContainer ul ul li a{
background: #7ca187;
}


/* Set background color for drop down nav links */
 

/* ALTERNATIVE NAV MENU ITEMS WITH GREEN COLOR IN ALL LEFT COLUMN LINKS */


#navContainerGreen {
margin:0;
padding:0;
width:190px;
}


/* The 'navContainer' will hold the menu, with a width of 190px.  */

 

#navContainerGreen ul{
margin:0;
padding:0;
list-style:none;
}
 

/* Set the padding and margin to 0 and get rid of the bullet points. */


#navContainerGreen ul li {
position:relative;
}


/* This piece of code is important. By setting the list item to relative we are telling any child item (which is positioned absolutely) that it will be positioned relative to the position of its parent list item. */


#navContainerGreen ul li span{
display:block;
}


/* Change display to 'block', this tells the element to fill all available space and makes the whole button click-able.  */

 

#navContainerGreen ul li a{
text-decoration: none;
color: ;
font-family:  Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 4px;
}


/* For main nav links: Set color of text, get rid of the underline, set font attributes. Change display to block yet again. */


#navContainerGreen ul li a:hover{
color: #c0edcc;
background-color: #7ca187;
}

/* Set hover text color and background color for main nav links */

 

/* 

#navContainerGreen ul li span:hover {
color: 
}


Set background color for drop down nav links - doesn't seem to do anything */



#navContainerGreen ul ul li a:hover{
color:  #c0edcc;
}

/* Set hover text color for drop down nav links */



#navContainerGreen ul ul li a{
background: #7ca187;
}


/* Set background color for drop down nav links */




/* SIDEBAR NAV SETTINGS */


#sideContainer {
margin: 0 0 0 8px;
padding: 0;
width: 160px;
}

/* The 'navContainer' will hold the menu, with a width of 160px.  */



#sideContainer ul{
margin:0;
padding:0;
list-style:none;
}
 
/* Set the padding and margin to 0 and get rid of the bullet points. */


#sideContainer ul li span{
display:block;
}

/* Change display to 'block', this tells the element to fill all available space and makes the whole button click-able.  */

 

#sideContainer ul li a{
text-decoration: none;
color: ;
font-family:  Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 4px;
}

/* For main nav links: Set color of text, get rid of the underline, set font attributes. Change display to block yet again. */


#sideContainer ul li a:hover{
color: #c0edcc;
background-color: #7ca187;
}

/* Set hover text color and background color for main nav links */



#sideContainer ul ul li a:hover{
color:  #c0edcc;
}

/* Set hover text color for drop down nav links */



#sideContainer ul ul li a{
background: #7ca187;
}

/* Set background color for nav links */