@charset "UTF-8";
@import url("navigation.css");
@import url("links.css");

body {
	margin-top: 1em;
}

#wrapper {
	width:50em;
	padding: 0em;
	margin: 0 auto;
}

/*
#supporttitle {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	padding-right:5px;
	padding-left:5px;
	padding-top:10px;
} 
*/

#supporters {
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	padding-right:5px;
	padding-left:5px;
	height:5em;
	padding-top:10px;
}

#navwrapper {
	width:50em;
	padding: 0em;
	margin: 0 auto;
}

#navleft {
	float:left;
	background-image:url(images/left-end.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:18px;
	height:32px;
}

#navmiddle {
	float:left;
	width:764px;
	background-image:url(images/nav-grad.gif);
	background-repeat:repeat-x;
	height:32px;
}

#navright {
	float:right;
	background-image:url(images/right-end.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:18px;
	height:32px;
}

#header {
	width:50em;
}

#contentwrap {
	width:50em;
}

#contentleft {
	width:32em;
	float:left;
	padding-left:18px;
}

#contentleft p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	padding-right:5px;
	padding-top:10px;
}

#contentright {
	width:15em;
	float:right;
	padding-right:18px;
}

#contentright p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	padding-right:5px;
	padding-top:10px;
}

#contentwide {
	float:left;
	padding-left:18px;
	padding-right:18px;
	width:764px;
}


#contentwide p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	padding-right:5px;

}
/* ----------------FOOTER----------------- */

#footerwrap {
	width:50em;
	padding: 0em;
	margin: 0 auto;
}

#footerleft {
	float:left;
	background-image:url(images/left-end.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:18px;
	height:32px;
}

#footermiddle {
	float:left;
	width:764px;
	background-image:url(images/nav-grad.gif);
	background-repeat:repeat-x;
	height:32px;
}

#footermiddle p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFF;
	margin-top:10px;
}

#footerright {
	float:right;
	background-image:url(images/right-end.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:18px;
	height:32px;
}

/* OTHER */

#clearme {
	clear:both;
}

.pagetitle {
	margin:0;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	color:#316BB4;
}

#copywrite {
	float:right;
	width:auto;
}

#copywrite p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
	padding-right:18px;
}

.ul li {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.75em;
	line-height:20px;
}

.red {
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
}

.blue {
	color:#316BB4;
	font-family:Arial, Helvetica, sans-serif;
}

#show {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
	margin-top:10px;
	overflow:auto;
	height:130px;
}

.table {
font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	padding-right:5px;
	padding-top:10px;
}

/*

.hr { 

	height:1px;
	color:#316BB4;
}

/*SCRIPTACULOUS - NOT USED 

	.download {
		border: 1px solid #aaa;	
		overflow: hidden;
		width: 450px;
		padding: 20px;
		background-color: #444;
		color: #fff;
	}
	
	#status {
			font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;

		text-align: center;
		padding-top: 25px;

	}
	
	#drag {
		float: left;
		cursor: move;
	}
	
	#drag2 {
	float: left;
		cursor: move;
	}
	
	#drop {
		float: right;
		color: #fff;
	}
	
	.hovered {
		background: url("images/download_white.png") no-repeat center center;
	}
	
			.fade-box {
				margin-left: 0px;
				position: absolute;
				top: 163;
				width: 300px;
				height: 150px;	
			}
			.fade-box p {
				width: 280px;
				padding: 5px 10px 0 10px;
				margin: 0;
				background: #E0EADF;
			}
			.fade-box h2 {
				width: 290px;
				margin-top: 29px;
				padding-left: 10px;
				background: #E0EADF;
			}
			

#content-body {
				margin: 0 auto 0 auto;
				width: 764px;
				background: #FFF;
			}
			#title-box {
				width: 764px;
				height: 30px;
				/* the following is a hack to work around IE's box model 
				//height: 64px;
				padding-top: 34px;
				background: url(images/title-back.gif) repeat-x;
			}
			#page-title {
				margin: 0 0 0 30px;
				display: block;
				width: 160px;
				height: 30px;
				padding: 2px 0px 0px 4px;
				background: url(images/heading-back.gif) no-repeat;

			}
			#crossfade-container {
				margin: 0px 0px 0px 10px;
				width: 300px;
				height: 150px;
				background: url(images/fade-box-bg.gif);	
			}
			#introduction p {
				width: 290px;
				padding: 5px 10px 0 10px;
				margin: 0;
			}
			#introduction h2 {
				width: 290px;
				margin-top: 10px;
				padding-left: 10px;
			}
			
			/* the boxes that fade 
			#box-1 {
				
			}
			#box-2 {
				
			}
			#box-3 {
				
			}
*/

/* 2011 LANDING TEMPLATE ONLY */

#contentwide2 {
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(images/new-landing-page.png);
	height:348px;
	background-repeat:no-repeat;
	
	float:left;
	padding-left:18px;
	padding-right:30px;
	width:744px;
}

#righttext {
	margin-top:1em;
	margin-left:2em;
	line-height:1.2em;	
	float:right;
	width:50%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-right:-20px;
	
	font-size:1.2em;
}
	
	
.righttextsmall {
	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.8em;
	line-height:1.5em;
}