* { margin: 0; padding: 0; outline: none; }

p { margin-bottom: 14px; }

#infobox p { margin: 0; }

body {
	margin-top: 0px;
	padding-top: 0px;
	background: #000 url('../images/Piano_Keyboard-sm.jpg') repeat-x fixed center top;
	position: static;
}

#content {
/*	background: rgba(255,255,204,0.9); */
	background: rgba(255,255,255,0.9);
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px auto;
	margin-top: 25px;
	padding: 15px;
	width: 80%;
/*	height: 550px; */
	border: 4px solid #933;
	text-align: left;
}

h1 {
	color: #600;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 10px;
/*	margin-bottom: 15px; */
}

h3 {
	color: #600;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	font-size: large;
	margin-bottom: 15px; 
}

#vernonphoto {
	float: left;
	clear: left;
	margin-right: 10px;
}

#vernonphoto img {
	border: 1px solid black;
}

#RPTlogo {
	clear: both;
	float: left;
	margin: auto;
	opacity: 0.8;
	width: 200px;
	height: 103px;
}

#infobox {
	float: right;
	font-family: Georgia, 'Times New Roman', Times, MS-serif;
	text-align: center;
/*	font-weight: bold; */
	border: 1px solid black;
	padding: 8px 40px 10px 40px;
	margin-top: 20px;
}

#footer {
	color: #666;
	font-family: 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: small;
	text-align: center;
}

#footer a {
	text-decoration: none;
	color: #666;
}

#footer a:hover { text-decoration: underline; }

p.credits {
	text-align: center;
}

td {
	padding: 8px;
}

ul {
	list-style-position: inside;
	margin-bottom: 15px;
}

.clear { clear: both; }

/* MODAL BOX CSS */

#overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#modal {
    position:absolute;
    background:url(tint20.png) 0 0 repeat;
    background:rgba(0,0,0,0.2);
    border-radius:14px;
    padding:8px;
}

#modalcontent {
	font-family: Arial, Helvetica, sans-serif;

    border-radius:8px;
    background:#fff;
    padding:20px;
}

#close {
    position:absolute;
    background:url(close.png) 0 0 no-repeat;
    width:24px;
    height:27px;
    display:block;
    text-indent:-9999px;
    top:-7px;
    right:-7px;
}

/* END MODAL BOX CSS */

/* EMAIL FORM CSS */

#inline { /* display: none; */ width: 600px; }
#inline h2 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 15px;  }
label { margin-right: 12px; margin-bottom: 9px; font-family: Georgia, serif; color: #646464; font-size: 1.2em; }

.txt { 
display: inline-block; 
color: #676767;
width: 420px; 
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 500px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}