@import url("whitespace-reset.css");

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	background: #6B7075;
	color: #696969; }

h1 { 
	font-size: 14px;
	text-transform: uppercase; }

h2 { 
	font-size: 10px;
	margin: 5px 0; }

#sitewrapper {
	width: 770px;
	margin: 20px auto 0 auto; }
	#sitewrapper #header {
		background: #FFF;
		float: left;
		width: 755px;
		height: 240px;
		padding: 8px 8px 0 8px; }
		#sitewrapper #header.internal {
			height: 115px; }
		#sitewrapper #header #flash {
			float: left;
			width: 755px;
			height: 193px;
			display: block; }
			#sitewrapper #header.internal #flash {
				height: 92px; }
		#sitewrapper #header ul#navigation {
			background: transparent url("../images/nav-new.gif") no-repeat 0 0;
			float: left;
			width: 755px;
			height: 23px;
			margin: 2px 0; }
			#sitewrapper #header ul#navigation li {
				float: left;
				list-style-type: none;
				position: relative;
				padding: 0;
				margin: 0; }
				#sitewrapper #header ul#navigation li a {
					background: transparent url("../images/nav-new.gif") no-repeat 0 0;
					float: left;
					display: block;
					width: 126px;
					height: 23px;
					text-indent: -5000px; }
				#sitewrapper #header ul#navigation li a#aboutsynapse {
					background-position: 0 0; }
					#sitewrapper #header ul#navigation li a#aboutsynapse:hover,
					#sitewrapper #header ul#navigation li.aboutsynapsecurrent a#aboutsynapse {
						background-position: 0 -23px; }
				#sitewrapper #header ul#navigation li a#synapsepartners {
					background-position: -126px 0; }
					#sitewrapper #header ul#navigation li a#synapsepartners:hover,
					#sitewrapper #header ul#navigation li.synapsepartnerscurrent a#synapsepartners {
						background-position: -126px -23px; }
				#sitewrapper #header ul#navigation li a#synapseservices {
					background-position: -252px 0; }
					#sitewrapper #header ul#navigation li a#synapseservices:hover,
					#sitewrapper #header ul#navigation li.synapseservicescurrent a#synapseservices {
						background-position: -252px -23px; }
				#sitewrapper #header ul#navigation li a#losscontrol {
					background-position: -378px 0; }
					#sitewrapper #header ul#navigation li a#losscontrol:hover,
					#sitewrapper #header ul#navigation li.losscontrolcurrent a#losscontrol {
						background-position: -378px -23px; }
				#sitewrapper #header ul#navigation li a#sustainabilityinitiatives {
					background-position: -504px 0; }
					#sitewrapper #header ul#navigation li a#sustainabilityinitiatives:hover,
					#sitewrapper #header ul#navigation li.sustainabilityinitiativescurrent a#sustainabilityinitiatives {
						background-position: -504px -23px; }
				#sitewrapper #header ul#navigation li a#learningcenter {
					width: 125px;
					background-position: -629px 0; }
					#sitewrapper #header ul#navigation li a#learningcenter:hover,
					#sitewrapper #header ul#navigation li.learningcentercurrent a#learningcenter {
						background-position: -629px -23px; }
		/*#sitewrapper #header ul#usernav {
			background: transparent url("../images/nav-user.gif") no-repeat 0 0;
			float: left;
			width: 755px;
			height: 21px; }
			#sitewrapper #header ul#usernav li {
				float: left;
				list-style-type: none;
				position: relative;
				padding: 0;
				margin: 0; }
				#sitewrapper #header ul#usernav li a {
					background: transparent url("../images/nav-user.gif") no-repeat 0 0;
					float: left;
					display: block;
					height: 21px;
					text-indent: -5000px; }
				#sitewrapper #header ul#usernav li a#userloginform {
					width: 504px;
					background-position: 0 0; }
				#sitewrapper #header ul#usernav li a#userlogin {
					width: 126px;
					background-position: -504px 0; }
					#sitewrapper #header ul#usernav li a#userlogin:hover,
					#sitewrapper #header ul#usernav li.userlogincurrent a#userlogin {
						background-position: -504px -21px; }
				#sitewrapper #header ul#usernav li a#register {
					width: 125px;
					background-position: -630px 0; }
					#sitewrapper #header ul#usernav li a#register:hover,
					#sitewrapper #header ul#usernav li.registercurrent a#register {
						background-position: -630px -21px; }*/

	#sitewrapper #main {
		background: #FFF;
		float: left;
		width: 755px;
		padding: 15px 8px; 
		border-bottom: 1px dotted #CCC;
		padding-bottom: 30px;}
		#sitewrapper #main #content {
			
			width: 735px;
			padding-left:10px;
			padding-right:10px;
			}
			#sitewrapper #main #content h1 {
				font-weight: normal; }
			#sitewrapper #main #content p {
				margin: 10px 10px 10px 10px;}
			#sitewrapper #main #content p#mission {
				padding: 10px 0;
				 }
			#sitewrapper #main #content a {
				text-decoration: none; }
		#sitewrapper #main #sidebar {
			float: right;
			width: 300px; }
			#sitewrapper #main #sidebar h2 {
				color: #333333;
				text-transform: uppercase; }
			#sitewrapper #main #sidebar ul {
				width: 240px;
				padding: 0 0 15px 0; }
				#sitewrapper #main #sidebar ul li {
					background: transparent url("../images/bullet.gif") no-repeat 0 7px;
					padding: 0 0 0 10px;
					margin: 0 0 5px 0; }
					#sitewrapper #main #sidebar ul li a {
						font-size: 10px;
						color: #696969; }
						#sitewrapper #main #sidebar ul li a:hover {
							color: #333333; }

/* INTERIOR PAGES */
#sitewrapper #main.interior {
	border-bottom: 1px dotted #CCC; }
	#sitewrapper #main.interior #sidebar {
		float: left;
		width: 200px;
		padding: 0 0 0 15px; }
		#sitewrapper #main.interior #sidebar h2 {
			color: #999999; }
		#sitewrapper #main.interior #sidebar p#returnhome {
			text-transform: uppercase;
			font-size: 9px;
			padding: 5px 0 0 0; }
			#sitewrapper #main.interior #sidebar p#returnhome a {
				color: #999999; }
				#sitewrapper #main.interior #sidebar p#returnhome a:hover {
					color: #C4BC00; }
		#sitewrapper #main.interior #sidebar ul {
			width: 200px;
			padding: 0 0 15px 0;
			margin: 15px 0 0 0;
			border-top: 1px dotted #CCC; }
			#sitewrapper #main.interior #sidebar ul li {
				background: none;
				border-bottom: 1px dotted #CCC; }
				#sitewrapper #main.interior #sidebar ul li.currentpage {
					background: transparent url("../images/arrow.gif") no-repeat 0 7px;
					padding: 0 0 0 10px;
					margin: 0 0 5px 0;
					font-weight: bold; }
					#sitewrapper #main.interior #sidebar ul li.currentpage ul li {
						font-weight: normal; }
					#sitewrapper #main.interior #sidebar ul li.subnavcatheader {
						font-size: 10px;
						color: #999;
						text-align:right;
						font-style:italic;
						border-bottom:none; }
					#sitewrapper #main.interior #sidebar ul li a {
						font-size: 10px;
						color: #000000; }
						#sitewrapper #main.interior #sidebar ul li a:hover {
							color: #999999; }

	#sitewrapper #main.interior #content {
		float: right;
		width: 465px;
		padding: 0 35px 0 0; }
		#sitewrapper #main.interior #content h1 {
			color: #759AB0;
			font-size:150%;
			margin:21px 0 10px 0;
			font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; }
		#sitewrapper #main.interior #content h2 {
			font-size:14px;
			margin:15px 0 0 0; }
		#sitewrapper #main.interior #content h3 {
			font-size:12px;
			margin:10px 0 0 0; }
		#sitewrapper #main.interior #content ul {
			margin:10px 0 5px 15px;
			padding-left:20px;
			list-style:disc; }
			#sitewrapper #main.interior #content ul li {
				margin:0 0 3px 2px;
				padding:0 0 0 2px;
				list-style:disc; }

	#sitewrapper #footer {
		background: #FFF;
		padding: 10px 8px;
		clear: both;
		float: left;
		width: 755px;
		text-align: center;
		font-size: 10px;
		color: #333333; }
		#sitewrapper #footer p a {
			text-decoration: none;
			color: #333333; }
			#sitewrapper #footer p a:hover {
				color: #C4BC00; }
			#sitewrapper #footer p a#websiteby {
				color: #C2C2C2;
				margin: 0 0 0 40px; }
				#sitewrapper #footer p a#websiteby:hover {
					color: #333333; }
		#sitewrapper #footer p#copy {
			background: transparent url("../images/footer_copyright.gif") no-repeat 0 0; }
