/* CSS Document */


body {background: #fff; margin:0; padding:0;
		 font-family: Verdana, Arial, Helvetica, sans-serif;  }

* {margin:0; padding:0; list-style: none; text-indent: none; }

#container {position: relative; width: 850px;  margin: 0 auto; }
#header {position: relative; width: 850px; margin: 0 auto 20px auto; padding: 0 0 20px 0;
		 border-bottom: 1px solid #aaa; }
	#nav {  clear: both; width: 100%; overflow: auto; }
		#nav li {float: left; margin: 0 30px 0 0; font-size: 16px; }
	#subnav {  clear: both; width: 100%;  overflow: auto; margin-top: 10px; }
		#subnav li {float: left; margin: 0 20px 0 0; font-size: 12px; }
		
#site { position: relative; width: 850px;  margin: 0 auto 20px auto; padding: 0 0 20px 0;
		border-bottom: 1px solid #aaa; }
	#contentBox { position: relative; }
#footer {position: relative; width: 850px;  margin:  30px auto; padding: 0 0 30px 0; clear: both;   }


.youtube {width: 640px; height: 505px; margin: 20px auto;  }




a, a:visited {text-decoration: none; color: #1e6ce1; }
a:hover, a:active {text-decoration: underline; color: #21bcf5;  }






/***  styles   ***/

#nav li a {color: #c674ff; }
	.home a.home {font-weight: bold; }
	.triannual a.triannual { font-weight: bold; }
	.gf a.gf {font-weight: bold; }
	.parapenta a.parapenta {font-weight: bold; }
	.ppsubmissions a.ppsubmissions {font-weight: bold; }
	.photos a.photos {font-weight: bold; }
	.rsvp a.rsvp {font-weight: bold; }

#footernav {float: left; width: 100%; clear: both; font-size: 10px; margin: 15px 0;  }
	#footernav li {float: left; width: auto; margin: 0 2em 0 0;  }



#site { font-family:Georgia, "Times New Roman", Times, serif; color: #000; line-height: 18px; font-size: 12px; } 

.clear {clear: both; }
.left {float: left; }
.right {float: right; }
	img.left {margin-right: 1em; }
	img.right {margin-left: 1em; }


h1, h1 a, h1 a:visited {color: #3399CC; font-size: 28px;  }
h1 a:hover {color: #ec1077; }
#header h1, #header h1 a {font-size: 42px; }	
h2 {color: #55166c; }
h3 {color: #000; clear: both;}

h1, h2, h3 {margin: 1em 0 .5em 0; font-family: "Trebuchet MS", verdana, sans-serif;}
	h3 .title {color: #888; font-weight: normal; margin-left: 10px; }

#header  {font-family: "Trebuchet MS", verdana, sans-serif; }
p {margin: 0 1em 1em 1em; font-size: 15px; line-height: 20px;  }
	.rsvp p {margin-left: 0; }
#content ul {margin: 1em; width: 60%; }
	#content ul li {margin: 5px 0 0 1em; list-style: disc; }

/*
a img {border: 1px solid #0066CC; }
a:hover img {color: #6666FF; }
*/

a img { border: none; }


/***  RSVP forms ***/
.rsvp #site ul {margin:0 0 10px 0; padding:0; clear: both; width: 100%; 
	overflow: auto; }
.rsvp #site ul li {float: left;  list-style: none; margin: 0; padding:0 10px 10px 0; border-bottom: 1px solid black;  height: 15px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.rsvp #site ul.th li {font-weight: bold; font-size: 12px; }
	#site li.number {width: 20px;}
	#site li.firstname {width: 90px;}
	#site li.lastname {width: 120px;}
	#site li.alpha {width: 150px;}
	#site li.beta {width: 150px;}
	#site li.email {width: 200px;}
	#site li.delete {width: 50px; text-align: right; }

.rsvp #error {border: 1px solid #f00; background: #fcc; padding: 3px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.rsvpWidget {border: 1px solid #ddd; width: 200px; padding: 5px;  font-family: "Trebuchet MS", verdana, Arial, Helvetica, sans-serif; 
		float: left; margin-right: 20px;  }
	.rsvpWidget form {margin:0; padding:0; }
	.rsvpWidget label {font-size: 11px; }
	.rsvpWidget legend {font-size: 12px !important; font-weight: bold; }
	.rsvpWidget .formfield {font-size: 16px; width: 95%; }




.pBox {height: 30px; display: block; width: 100%; padding: 10px 0;}
	.pBox p {width: 100% !important; font-weight: bold; }
.box { position: relative; border-top: 1px solid #fff; }
.invis { visibility: hidden; }
.photo {display: block;  float: left; margin: 0 10px 10px 0; 
	border: 1px solid #aaa; }
	
.infoBox {width: 800px; padding: 5px 20px; margin: 0 auto; background-color: #FFC1C1; }
	.infoBox h3 {color: #990000; }
	




.copy {float: left; margin: 0; }
.forge22 {float: right; font-size: 10px;margin: 0;  }



/*** forms ***/
form {margin: 30px 0; padding: 0 20px; }
fieldset {border: none;  clear: both; margin: 0 0 20px 0; }
	fieldset.left { margin: 0 0 20px 0; padding:0;  }
	fieldset.right { margin: 0 0 20px 0; padding:0; }

form .left {width: 50%; float: left; clear: none; }
form .right {width: 50%; float: right; clear: none;  }

.fields {clear: both; margin: 5px 0; overflow: auto; }
		
label {width: 130px; float: left; font-weight: normal; font-size: 14px; color:#444; }
	label.wide {width: 180px;  }
input { }
textarea {padding: 2px; font-size: 14px; }
	
.formfield {border: 1px solid #ccc; background: #f0f0f0; color: #333333; padding: 2px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
	.formfield:focus {background: #fff; color: #000; }
	.formfield.file {border: none; }
.formbutton {}
form sup {color: #990000; font-size: 10px; position: relative; top: 3px;  }

/* debug

* {display: block !important; }

 */