/*
  Archive
*/

form.contactform p, form.contactform div, form input, form textarea, form p, form table { 
  display: none 
}

form:before {
  content: "The form that was here has been removed as this site has been archived" 
}

/*
  Default styles...
*/

body {
  padding: 0px;
	margin: 0px;
  font-family: "Verdana", "Gill Sans", arial, sans-serif; 
  /* Graphic for "pseudo-column" under sidebar... */
  background-image: url(../images/sidebar.png);
	background-repeat: repeat-y;

}

/*
  Banner style...
*/
#banner {
  position:fixed;
  left: 0px;
	top: 0px;
	width: 100%;	
  height: 130px;
  background-color: #000000;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#banner h1, #banner img {
  display: none;
}

/*
  Content styles...
*/
#content {
	margin: 150px 20px 65px 170px;
	padding-bottom:65px;
}

#content h1, h2, h3, h4 {
  font-family: "Century Gothic", "Trebuchet", sans-serif;
  color: #8080ff;
	margin: 20px 20px 20px 20px;
  font-weight:500;
}



#content p {
  margin: 20px;
}

#content p:first-letter {
  font-size: 130%;
}

#content .thumbnail{
  float: right;
  margin-left: 20px;
  margin-right: 20px;
}

#home #content h2 {
  width: 220px;
	margin-top: 0;
	text-align: center;
	font-size: 200%;
}

#home div.news {
  border: solid 5px #d0d0ff;
	margin-left: 20px;
	overflow: hidden;;
}
#home #content img {
  display:block;
//  float: left;
	padding: 8px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 80px;
	border: solid 5px #d0d0ff;
}

#home p.padding {
  display: block;
  height: 60px;
}


#content a:link    {color:blue;
                    text-decoration: none;}
#content a:visited {color:blue;
                    text-decoration: none;}
#content a:active  {color:mediumblue;
                    text-decoration: none;}
#content a:hover   {color:darkblue;
                    text-decoration: underline;}

/*
  Menu bar properties...
*/
#menu-bar {
  position: fixed;
	top: 150px;
	left: 0px;
  color: black;
  list-style-type: none;
	width:154px;
  line-height: 1.7;
  vertical-align: top;
}

#menu-bar ul {
  list-style-type: none;
	padding: 0;
	margin: 0 0 0 5px;
}

#menu-bar li {
  display:inline;
}

#menu-bar a {
  display: block;
	padding-left:15px;
	padding-right: 15px;
	margin-top: 2px;
	width:120px;
	border: 2px outset #a0a0a0; 
        font-family: "Century Gothic", "Trebuchet", sans-serif; 
	font-weight: bold;
	font-size: 100%;
  background-color: #d0d0ff;
}


div.twitter-button {
    margin-top: 15px;
    margin-left: 30px;
    display: block;
}

#menu-bar a:link {
  color:black;
	text-decoration: none;
}
#menu-bar a:visited {
  color:black;
	text-decoration: none;
}
#menu-bar a:active  {
  color:blue;
	text-decoration: none;
}
#menu-bar a:hover   {/*
  color:blue; */
	text-decoration: underline;
	background-color: #ffffff;
}

/* Styles for the Picture Gallery... */

div.gallery {
  float: left;
	margin: 5px 10px 25px 10px;
	padding-bottom:60px;
}



img.photo {
 /* max-width: 360px; */
	max-height: 352px;
	padding: 10px;
	background-color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
}

.gallery p {
  font-weight: bold;
	font-size: 80%;
	color: #666666;
	width:100%;
	text-align: center;
}
/* You are here links... */
body#home a#homeLink,
body#about a#aboutLink,
body#events a#eventsLink,
body#teaching a#teachingLink,
body#pictures a#picturesLink,
body#sounds a#soundsLink,
body#links a#linksLink,
body#contact a#contactLink {
 	border: 2px inset #a0a0a0; 
	background-color: #a0a0ff;
} 

/*
  Style for the Joiette Home Page link ...
*/
a#joietteHomePage {
  color: #8080ff;
	text-decoration: none;
	font-size: 130%;
}  

a#joietteHomePage:link,
a#joietteHomePage:visited {
  color: #8080ff;
}

a#joietteHomePage:hover,
a#joietteHomePage:active {
  color: #0000d0;
	text-decoration: underline;
}


/*
  footer  properties...
*/
#footer {
  position: fixed;
	bottom: 0px;
	left: 0px;
  width: 100%;
	height: 55px;
  color: black;
  background-color: #ededff;
	text-align: center;
}

#footer p {
  margin-top: 1em;
	margin-bottom: 1em;
	font-size: 14px;
}

table.eventtable {
  border-collapse: collapse;
	margin-left:20px;
	margin-right:20px;
}
table.eventtable th {
  text-align:left;
	font-family: "Century Gothic", "Trebuchet", sans-serif;
  color: #8080ff;
}
table.eventtable th,
table.eventtable td {
  border: 1px solid #c0c0c0;
	padding: 5px 10px 5px 10px;
}
table.recentevents th,
table.recentevents td {
	font-size: 80%;
}

/* Contact page */
form.contactform {
  margin-bottom:200px;
}

form.contactform p {
  color: blue;
}

.form_control .label {
  float: left;
	clear: left;
	color: black;
  font-family: "Verdana", "Gill Sans", arial, sans-serif; 
  background-color: #ededff;
	margin: 5px;
	padding: 5px;
	width: 150px;;
	text-align: right;
	font-size: 90%;

}

.form_control .input {
  font-family: "Verdana", "Gill Sans", arial, sans-serif; 
  font-size: 90%;  
  float: left;
  margin: 5px;
	padding: 5px;
	width: 350px;
}

.form_control textarea.input {
  height: 180px;
}

div.buttons {
  clear: left;
	float:left;
	display: inline; 
  margin: 10px 10px 10px 160px;
	padding: 0 0 200px 0;
}

input.button {
  font-family: "Century Gothic", "Trebuchet", sans-serif; 
  font-size: 100%;
	font-weight: bold;  
	background-color: #d0d0ff;
	height:30px;
	width:120px;
	margin: 10px;
        padding:0; 
}

p.error {
  color: red;
}

.contact {
  font-size: 120%;
	color: blue;
}


.padding {
  display: none;
}



div#credits {

  position: fixed;
	bottom: 0px;
	left: 0px;
  width: 100%;
  height: 15px;
  background-color: #ededff;
  text-align: right;
}

div#credits p{
  margin: 1px;
  font-size: 80%;
	color: #a0a0a0;
}

a.recording {
  display: block;
	float: left;
	margin: 0 20px 0 20px;
	background-image: url(../images/Play-icon.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-indent: -500px;
}

a.recording:link {
	background-position: 0 0;
}

a.recording:hover {
	background-position: 0 -51px;
}

a.recording:active {
	background-position: 0 -102px;
}

p.recording {
        height: 50px;
}

object.recording {
  margin: 0 20px 0 20px;
  float: left;
	background-color: white;
	display: none;
}

div.testButtons {
  clear: both;
}

// New Gallery Options...
div.new_gallery_thumbnail {
  // float: left;
}

a.new_gallery {
   border: 2px solid #d0d0ff;
   padding: 10px;
   margin: 20px 20px 40px 20px;
   max-height: 150px;
   display: block;
   float: left;
}

img.new_gallery {
   border-style: none;
}

a.new_gallery:link    {border: 2px solid #d0d0ff;}
a.new_gallery:visited {border: 2px solid #d0d0ff;}
a.new_gallery:active  {border: 2px solid #d0d0ff;}
a.new_gallery:hover   {border: 2px solid red;}