/* CSS Document */

/* First, zero out everything */

         body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
         table{border-collapse:collapse;border-spacing:0;}
         fieldset,img{border:0;}
         address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
         li{list-style:none;}
         caption,th{text-align:left;}
         h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
         q:before,q:after{content:'';}
         abbr,acronym {border:0;font-variant:normal;}
         /* to preserve line-height and selector appearance */
         sup {vertical-align:text-top;}
         sub {vertical-align:text-bottom;}
         input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
         /*to enable resizing for IE*/
         /* input,textarea,select{*font-size:100%;} */
         /*because legend doesn't inherit in IE */
         legend{color:#000;}
         del,ins{text-decoration:none;}
         select {margin:0px;padding:0px;}

/* Then style on a clean slate */


	body {
			background-color: #313272;
			margin: 0px;
			padding:0px;
			text-align:center;
			font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			background-image: url(images/purp_background.jpg);
			background-repeat: repeat-x;
	}
	
   strong, em, b, i, h1, h2, h3 {
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
	}
	
	
	#wrapper {
		width: 924px;
		height: 674px;
		margin-left: auto;
		margin-right: auto;
		text-align:left;
		margin-top: 20px;
	}
	
	#topbar {
		background-image: url(images/topbg.gif);
		background-repeat: repeat-x;
		width: 924px;
		height: 42px;
		float: left;
		font-size: 14px;
	}
	
	#topmenu {
		margin-top: 9px;
		float: right;
		width: auto;
		color: #fff;
		margin-right: 50px;
	}
	
	#topmenu b {
		margin-right: 10px;
		font-weight: normal;
	}	
	
	#topmenu a {
		color: #fff;
		text-decoration:none;
		font-size: 14px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#topmenu a:hover {
		color: #333;
		text-decoration:none;
		font-size: 14px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#mainbody {
		background-image: url(images/bodybg.gif);
		background-repeat: repeat-y;
		min-height: 597px;
		height: auto;
		width: 924px;
		float: left;
	}
	
	#bodyleft {
		float: left;
		min-height: 597px;
		height: auto;
		width: 624px;
	}
	
	#bodyLeftText {
		margin-left: 103px;
	}
	
	#bodyleft h1 {
		color: #c73250;
		font-weight: bold;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
		
	#bodyleft h2 {
		color: #2e2e83;
		font-weight: bold;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	#bodyleft h3 {
		color: #2e2e83;
		font-weight: bold;
		font-size: 12px;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	 #bodyleft h4 {
                color: #2e2e83;
                font-weight: bold;
                font-size: 12px;
                margin-top: 0px;
                margin-bottom: 5px;
        }

	 #bodyleft h5 {
                color: #2e2e83;
                font-weight: bold;
                font-size: 12px;
                margin-top: 0px;
                margin-bottom: 5px;
        }

	
	#bodyleft p {
		color: #333;
		font-size: 11px;
		margin-right: 30px;
		margin-bottom: 10px;
	}
	
	#bodyleft ul {
		color: #333;
		font-size: 11px;
		text-indent: 5px;
		margin-left: 10px;
		padding-left: 10px;
		margin-bottom: 10px;
	}

	#bodyleft li {
		list-style-type:disc;
	}
		
	#logo {
		margin-top: -33px;
		margin-left: 21px;
		float: left;
	}
	
	#signupbutton {
		margin-top: 20px;
		margin-left: 24px;
		float: left;
	}
	
	#sharebutton {
		margin-top: 20px;
		margin-left: 22px;
		float: left;
	}
	
	#bodyright {
		width: 300px;
		min-height: 597px;
		height: auto;
		float: left;
		display:inline;
	}
	
	#bodyright h1 {
		margin-top: 20px;
		font-size: 18px;
		font-weight: bold;
		color: #2e2e83;
		text-align:center;
	}

	#bodyright p {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#bodyright h2 {
		font-size: 14px;
		text-align:center;
		color: #2e2e83;
	}
	
	.pinkbold {
		color: #c73250;
		font-weight: bolder;
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}
	
	#bodyright h3 {
		font-size: 12px;
		text-align:center;
		margin-top: 5px;
		color: #2e2e83;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#bodyright h4 {
		font-size: 11px;
		text-align:center;
		margin-top: 20px;
		color: #2e2e83;
		margin-left: 20px;
		margin-right: 20px;
		line-height: 130%;
	}
	
	#rsvpformcontainer {
		background-repeat: no-repeat;
		width: 265px;
		height: 362px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}

	#rsvpformcontainer input {
		font-size: 10px;
	}
	
	#rsvpformtitle {
		float: left; 
		width: 265px;
		height: 53px;
		background-image: url(images/rsvp_box_top.gif);
	}
	
	#rsvpformtitle b {
		margin-top: 15px;
		float: left;
		width: 265px;
		text-align:center;
		font-weight: bold;
		font-size: 18px;
		color: #fff;
	}
	
	#rsvpformbody {
		height: auto;
		min-height: 300px;
		width: 265px;
		background-image: url(images/rsvp_box_bg.gif);
		background-repeat: repeat-y;
		float: left;
	}
	
	#rsvpformbottom {
		float: left; 
		width: 265px;
		height: 21px;
		background-image: url(images/rsvp_box_bottom.gif);
	}
	

	#formwrapper {
		line-height: 22px;
		margin-left: 20px;
	}
	
	#formsubmitbutton {
		margin-left: 149px;
		margin-top: 3px;
		float: left;
	}
	
	#kidspic {
		margin-left: 12px;
		margin-right: 12px;
		margin-top: -10px;
		float: left;
	}
	
	#bottomarea {
		background-image: url(images/bottom_green.gif);
		background-repeat: repeat-x;
		width: 924px;
		height: 35px;
		float: left;
	}
	
	#bottommenu {
		margin-left: auto;
		margin-right: auto;
		color: #333;
		width: 580px;
		margin-top: 10px;
	}
	
	#bottommenu b {
		font-weight: normal;
		color: #333;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#bottommenu a {
		text-decoration:none;
		color: #333;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#bottommenu a:hover {
		text-decoration:none;
		color: #000;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#bottommatter {
		clear: both;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		margin-top: 15px;
	}
	
	#bottommatter a {
		color: #fff;
		text-decoration:none;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#bottommatter a:hover {
		color: #faf6b9;
		text-decoration:none;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.clear {
		clear:both;
	}
	
	.formRow {
		width: 217px;
		float: left;
		margin-bottom: 3px;
	}
	
	.formlabel {
		width: auto;
		float: left;
		display:inline;
		line-height: 16px;
	}
	
	.formelement {
		width: auto;
		float: left;
		display:inline;
		margin-right: 5px;
	}

	
	/* for the forms */


.formRowInner {
	float: left;
	width: 447px;
	margin-bottom: 8px;
	font-size: 12px;
}

.formRowHeading {
	float: left;
	width: 447px;
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 12px;
}

.formLabelInner {
	float: left;
	width: 110px;
	text-align:right;
	margin-right: 5px;
}

.formElementInner {
	float: left;
	margin-left: 8px;
}



	
	#stayinformed_form {
		line-height: 14px;
	}


	.purpletext {
		color: #6a2c91;
	}
	
	.bluetext {
		color: #2e7dc0;
	}	
	
	.greentext {
		color: #95b153;
	}
	
	.redtext {
		color: #c73250;
	}
	
	.orangetext {
		color: #fa981a;
	}
	
	.midnightbluetext {
		color: #2e2e83;
	}
	
	.blacktext {
		color: #333333;
	}
	
	#moviewrapper {
		margin-bottom: 10px;
	}
	
	
/*	217 total */