@import url("css/reset.css");

/*******************
* General
*/
body { font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 0.75em; width: 100%; background-color: #fff; }
ul { list-style: none; }
blockquote { margin: 0; margin-left: 20px; }
strong, .strong { font-weight: bold; }
em, .em { font-style: italic; }
small { font-size: 0.8em; font-weight: normal; }
.strikethru { text-decoration: line-through; }


h1 { font-size: 1.3em; font-weight: bold; margin: 10px; margin-top: 0; }
h2 { font-size: 1.15em; font-weight: bold; margin: 5px 10px; }
h3 { font-size: 1em; font-weight: normal; }
p { font-size: 1em; display: block; width:95%; margin: 7px 10px; line-height: 1.4em; }
p.taller { margin: 7px 10px 20px 10px; line-height: 1.4em; }
fieldset { margin: 20px auto 0 auto; }
legend { padding: 0 10px 10px 35%; font-weight: bold; }
label { display: inline-block; width: 33%; float: left; clear: left; text-align: right; font-weight: bold; color: #6f6f6f; }
input, select, textarea { margin-left: 10px; font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; padding: 1px; font-size: 1.1em; width: 45%; }
input#submit { width: auto; margin-left: 34%;
	 display: block; padding: 7px; text-align: center; background-color: #003; color: #fff; font-weight: bold; border: none; cursor: pointer; }
select { width: auto; }
textarea { font-size: 1em; }

#wrapper { width: 800px; margin: 10px auto; }
#content { width: 700px; margin: 0 auto; background: #fff url('images/tts-med.gif') no-repeat top left; }
#heading { width: 700px; display: block; overflow: hidden; }
#message { width: 80%; display: block; overflow: hidden; margin: 0 auto; }
	.red { background: url("icons/error.png") no-repeat 4px 3px #fee; padding-left: 25px; border: 1px solid #f00; }
	.green { background: url("icons/info.png") no-repeat 4px 3px #efe; padding-left: 25px; border: 1px solid #0f0; }
	.blue { background: url("icons/info.png") 4px 3px no-repeat #eef; padding-left: 25px; border: 1px solid #00f; }
	#message p { width: 90%; font-weight: bold; color: #300; padding: 5px; }
/*	#message p.red { background: url("icons/error.png") no-repeat 4px 3px #fee; padding-left: 25px; border: 1px solid #f00; }
	#message p.green { background: url("icons/info.png") no-repeat 4px 3px #efe; padding-left: 25px; border: 1px solid #0f0; }
	#message p.blue { background: url("icons/info.png") 4px 3px no-repeat #eef; padding-left: 25px; border: 1px solid #00f; }
*/	#message ul { float: left; margin: 5px 25px; list-style: circle; }
	#message ul li { margin: 3px; }
#submission { width: 100%; display: block; overflow: hidden; }
#photo_id { width: 100px; margin-top: 75px; float: left; clear: left; }
#photo_id span { color: #003; font-weight: bold; font-size: 1.5em; line-height: 1.5em; }
#intro { width: 385px; float: left; }
#thumbnail { width: 175px; float: right; clear: right; }
#footer { display: block; width: 100%; clear: both; margin: 20px auto; border-top: 4px solid #7687c1; }
	#footer p { color: #7687c1; text-align: center; }
	#footer span { margin: 10px; }
	#footer a { text-decoration: none; color: #122363; border: none; border-bottom: 1px solid #7687c1; }
	#footer a:hover { color: #122363; }
	#footer span a { color: #7687c1; text-decoration: none; }
	#footer span a:hover { color: #122363; }