body {
	background-color:	#EEEEEE;
}

#mainWrapper {
	margin:				auto;
	width:				800px;
	height:				auto;
	background-color:	#EEEEEE;
}

#main {
	background-color:	#EEEEEE;
}

#mainContentWrapper {
	width:				800px;
	min-height:			auto;
}

#mainContent{
	
}

/*------- top + banner -------*/

#topWrapper {
	background-color:	#EEEEEE;
	height:				60px;
	width:				800px;
}

#top {
	text-align:			right;
	font-family:		georgia;
	font-size:			24px;
}

#top a {
	text-decoration:	none;
	color:				black;
}

#together {
}

#four {
	color:				#CC3300;
}

#us {
	color:				#14285f;
}

#banner {
	width:				800px;
	height:				265px;
}

#topSpacer{
	width:				800px;
}

#topLeft {
	border-right:		1px solid #999999;
	border-bottom:		1px solid #999999;
	border-left:		1px solid #999999;
	width:				150px;
	height:				35px;
	background-color:	#DDDDDD;
	float:				left;
}

#topRight {
	border-right:		1px solid #999999;
	border-bottom:		1px solid #999999;
	height:				35px;
	background-color:	#EEEEEE;
}

/*------- navigation -------*/

#navigationWrapper {
	width:				150px;
	border-color:		#0066CC;
	background-color:	#EEEEEE;
	float:				left;
}

#navigation {
	line-height:		25px;
}

#navigationWrapper td {
	background-image:	url('../images/nav-button.png');
	background-repeat:	no-repeat;
	width:	155px;
	height:	40px;
}

#navigationWrapper td:active {
	background-image:	url('../images/navbutton_down.png');
	background-repeat:	no-repeat;
	width:	155px;
	height:	40px;
}

#navigation a {
	text-decoration:	none;
	margin-left:		30px;
	margin-top:		10px;
	font-size:			20px;
	color:				#CCCCCC;
	font-family: arial;
}

#navigation a:hover {
	text-decoration:	none;
	color:				#FFFFFF;
}

#navigation a:active {
	margin-left:		46px;
	margin-top:		5px;
}

td.navigationWrapper table {
	width 150px;
}


/*------- content -------*/

#contentWrapper {
	border-right:		1px solid;
	border-left:		1px solid;
	border-bottom:		1px solid;
	border-color:		#999999;
	background-color:	#FFFFFF;
	margin-left:		151px;
	min-height:			200px;
}

#content {
	padding:			10px;
}

/*--- statement of purpose ---*/

#purposeWrapper {
	padding-left:		45px;
	padding-right:		45px;
}

#purpose {
	
}

#purposeTitle {
	text-align:			center;
	color:				#222222;
}

#purposeText {
	font-size:			14px;
	color:				#444444;
}

#purposeText a {
	text-decoration:	none;
	color:				#0000FF;
}

#purposeText a:hover {
	text-decoration:	none;
	color:				#003366;
}

/*------- pledge -------*/

#pledgeTitle {
	font-weight:		bold;
	font-size:			22px;
	color:				#005588;
}

.orangebutton {
	cursor:				pointer;
}

#signIt {
	margin-left:		80px;
	font-size:			18px;
}

#signButtonSmall {
	
	background-image: url('..images/orangeButton.png');
	background-repeat:	no-repeat;
}

#signIt a {
	text-decoration:	none;
	/*border:				1px solid #FF6633;
	padding-left:		3px;
	padding-right:		3px;
	background-color:	#EEEEEE;
	color:				#FF6633;*/
	color:			#0066CC;
	background-image: url('..images/orangeButton.png');
}

#signIt a:hover {
	color:				#0066CC;
	border:				none;
	/*background-color:	#FFFFFF;*/
}

#signPlease {
	text-align: center;
	border:				1px solid #FF6633;
	padding-left:		3px;
	padding-right:		3px;
	background-color:	#EEEEEE;
}

#signPlease:hover {
border:				none;
background-color:	#FFFFFF;
}

#signPlease a {
	text-decoration:	none;
	color:				#FF6633;
}

#signPlease a:hover {
	color:				#0066CC;
}

#pledgeWrapper {
	margin-left:		10px;
	margin-right:		10px;
	margin-top:			5px;
	border:				1px solid;
	border-color:		#0066CC;
	background-color:	#FFFFFF;
	padding:			8px;
}

#pledgeBox {
/*	background-color:	#bfcfe8; */
	background-color:	#EEEEEE;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#pledge {
	text-align:			center;
	padding-left:		10px;
	padding-right:		10px;
	font-size:			13px;
}

#pledgeText {
	font-weight:		bold;
	color:				#005588;
}

#pledgeText li {
	font-weight:		bold;
	color:				#005588;
	text-align:			left;
	/*margin-left:		20px;*/
}

#plea {
	margin-left:		40px;
	margin-right:		40px;
	text-align:			center;
	color:				#444444;
	font-size:			15px;
	border-top:			1px solid #0066CC;
	margin-top:			5px;
}

#plea a {
	text-decoration:	none;
}

#plea a:hover {
	text-decoration:	none;
	font-weight:		bold;
}

/*------- mission -------*/

#missionText {
	color:				#444444;
	padding-left:		10px;
	padding-right:		10px;
	font-size:			14px;
}

#missionText a {
	text-decoration:	none;
	font-size:			14px;
	color:				#FF6633;
}

#missionText a:hover {
	text-decoration:	none;
	font-size:			15px;
	color:				#0066CC;
}

/*------- generic -------*/

.pageTitle {
	color:				#0066CC;
	font-size:			24px;
	font-weight:		bold;
	margin:				auto;
	padding-top:		5px;
	padding-left:		160px;
}

/*------- modal -------*/

.modaltext {
	padding-left:		15px;
	padding-right:		15px;
	color:			#0066CC;
}

.submitted {
	color:				#009933;
	font-size:			18px;
	font-weight:		bold;
	margin:				auto;
	border:				1px solid #0066CC;
	background-color:	#CCCCCC;
}

.warning {
	color:				#ff0000;
	font-size:			14px;
	font-weight:		bold;
	margin:				auto;
}

/*------- footer -------*/

#footer {
	background-color:	#EEEEEE;
	text-align:			center;
	font-size:			11px;
}

/*------- signature form -------*/

#signatureForm {
	width:				300px;
	height:				auto;
	border:				1px solid #0066CC;
	margin:				auto;
}

#threadForm {
	width:				500px;
	height:				auto;
	border:				1px solid #0066CC;
	margin:				auto;
}

#postForm {
	width:				500px;
	height:				auto;
	border:				1px solid #0066CC;
	margin:				auto;
}

/*------- comment threads -------*/

#threadsWrapper {
	padding-left:		10px;
}

#threadsHeader {
	margin:				10px;
}

#threadsHeader a {
	color:				#FF6633;
	font-weight:		bold;
}

#threadsHeader a:hover {
	color:				#0066CC;
	font-weight:		bold;
}

#threads {
	
}

.threadSummary {
	
}

.threadSummary:hover {
	background-color:	#EEEEEE;
}

.threadTitle {
	font-size: 			19px;
	color: 				#003366;
}

.threadDetails {
	color: 				#AAAAAA;
	font-size: 			13px;
}

.threadDivider {
	margin-left:		15px;
	margin-top:			5px;
	margin-bottom:		8px;
	width:				300px;
	border-top:			1px solid #BBBBBB;
}

.paginate {
	font-size:			14px;
	color:				#888888;
}

/*------- comment posts -------*/

#threadWrapper {
	margin:				auto;
	padding-left:		10px;
}

#thread {
	
}

.threadPost {
	
}

.threadPostAuthor {
	color:				#999999;
	font-size:			14px;
}

.threadPostAuthorName {
	color:				#333333;
	font-size:			16px;
}

.threadPostText {
	color:				#333333;
	font-size:			18;
}

.quote {
	font-size: 			18px;
	font-family:		Garamond;
	color:				#cccccc;
	letter-spacing:		0em;
	font-weight:		bold;
}

.threadPostDetails {
	color:				#999999;
	font-size:			12px;
	margin-left:		200px;
}

.postDivider {
	margin-left:		15px;
	width:				300px;
	border-top:			1px solid #BBBBBB;
}

/*------ Halls ------*/

#fameTitle {
	width:			285px;
	font-weight:	bold;
}

#shameTitle{
	width:			285px;
	font-weight:	bold;
}

#activeContent {
	border-left:	1px solid #999999;
	border-right:	1px solid #999999;
	border-bottom:	1px solid #999999;
	width:			610px;
	min-height:		200px;
	padding-top:	20px;
}

#active1 {
	color:			#0066CC;
}

#active2 {
	color:			#993333;
}

#activeTextWrapper {
	padding-left:	40px;
}

#fameDescription {
	float:			left;
	width:			300px;
	color:			#555555;
}

#shameDescription {
	float:			left;
	width:			300px;
	color:			#555555;
}

#fameList {
	margin-left:	340px;
	font-size:		18px;
	line-height:	10px;
}

#shameList {
	margin-left:	340px;
	font-size:		18px;
	line-height:	10px;
}

/*-------- Modal ------*/

#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.overlayBackground {
	filter: Alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	z-index: 500;
	top: 0px;
	left: 0px;
	cursor:		pointer;
}

#signResponseBoxWrapper {
	position: fixed;
	top: 200px;
	left: 30%;
	z-index: 1000;
}

#signResponseBox {
	background-color: #ffffff;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#signResponseWrapper {
	font-size:	18px;
	padding:	10px;
}

#signResponseWrapper a {
	text-decoration:	none;
}

#signResponseWrapper a:hover {
	color:		#FF6633;
}

#signResponse{
	padding:	5px;
	text-align: center;
	color:		#999999;
	font-family:	Georgia,serif;
}

.submittedbox {
	color:				#009933;
	font-size:			18px;
	font-weight:		bold;
	margin:				auto;
	border:				1px solid #0066CC;
	background-color:	#eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contact {
	font-size:	18px;
}

.phonenumber {
	color:	#FF6633;
	margin-left:	40px;
}

.contact a {
	text-decoration:	none;
	margin-left:		40px;
	color:		#FF6633;
}

.contact a:hover {
	color:		#0066CC;
}

#linkswrapper {
	text-align:		left;
}

.links {
	font-size:		16px;
	font-family:	Georgia,serif;
	color:			#0066CC;
	border:			0px solid #333333;
}

.textlink {
	text-decoration: 	none;
	color: 				#FF6633;
	font-weight: 		bold;
	border:				0px solid #333333;
}

.textlink:hover {
	color: #0066CC;
}


a.bannerlink {
	color: 			#FFFFFF;
	border:			0px solid #333333;
}

a.bannerlink:hover ;{
	color: 			#FFFFFF;
	border:			0px solid #333333;
}

.bannerlink:hover ;{
	color: 			#FFFFFF;
	border:			0px solid #333333;
}



/*------RESOURCES----*/
.media_links {
	font-size:	18px;
}

.video_link {
	padding:	2px;
	color:			#444444;
	margin:			10px;
	height:			215px;
}

.video_text {
	/*float:			left;*/
	font-size:		20px;
}

.video_embed {
	float:			right;
	margin:			0 0 10px 10px;
	padding:	2px;
}
.article_link {
	padding-left:	30px;
	padding-right:	30px;
	color:			#444444;
}

.article_url {
	margin-left:	50px;
	text-decoration:	none;
}

.article_url a {
	text-decoration:	none;
	color:			#0066CC;
}

.article_url a:hover {
	text-decoration:	none;
	color:		#FF6633;
}

#letterWrapper {
	margin: 10px;
}

#letter {
	background: #DDDDDD;
	padding:	15px;
	color:		#000066;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size:		18px;
}

#letter a {
	text-decoration: none;
	color: #0066CC;
}

#letter a:hover {
	color: #FF6633;
}

#notice {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}


.title_link a {
	text-decoration: none;
	color: #0066CC;
	font-size: 25px;
}

strong.title_link a:hover {
	text-decoration: underline;
	color: #FF6633;
	font-size: 25px;
}



.clear {
	clear:both;
}