/* global */
* { margin: 0; padding: 0; }
a img, fieldset { border: 0 none; }
code, samp, kbd, pre, tt { font-size: 115%; font-family: "courier new", courier, monaco, monospace; }
pre code, code pre { font-size: 100%; }
acronym, abbr { border-bottom: 1px dotted #000; cursor: help; }
dfn { font-style: italic; }
ol, ul { list-style: none; }
th, caption { text-align: center; }
legend { font-weight: bold; }
input, select, textarea { font-size: 120%; font-family: Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; }
label { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
hr { display: none; }
	
.clear { clear: both; font-size: 0; height: 0; line-height: 0; position: relative; }
.right { text-align: right; }
.left { text-align: left; }
.fleft { float: left; padding-right: 9px; padding-bottom: 12px; }
.fright { float: right; padding-left: 9px; padding-bottom: 12px; }
.center { text-align: center; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.last { border: 0 none !important; }
.upper { text-transform: uppercase; }
.padd { padding-bottom: 8px; }
strong { color: #366; }

a:link, a:visited, a:active { text-decoration: underline; color: #c55927; background: transparent; }		
a:hover { text-decoration: none; }
	
	
/* structure */
body {
	background: white;
	color: #717171;
	font: 100% Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif;
	text-align: center; }
	
div#wrapper {
	width: 815px;
	margin: 0 auto;
	text-align: left; }
	
	
/* header */
div.header {
	height: 187px;
	overflow: hidden; }
		

/* header 2008 */
div.header2008 {
	height: 314px;
	overflow: hidden; }

/* top */
div.top {
	background: white url(../images/bg-top.gif) repeat-x top left;
	height: 100px;
	margin-bottom: 1px;
	position: relative;
	overflow: hidden; }
	
	
/* logo */		
div.top h1 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 90%;
	padding: 5px 0 0 5px;
	height: 78px;
	width: 166px; }

	div.top h1 a,
	div.top h1 a:link,
	div.top h1 a:visited,
	div.top h1 a:active {
		display: block;
		height: 78px;
		width: 166px;
		color: white;
		background: transparent;
		text-decoration: none;
		cursor: pointer; }
			
		div.top h1 a:hover {
			text-decoration: none;
			color: #80a7a7;
			cursor: pointer; }
				
		div.top h1 span {
			background: url(../images/logo.gif) no-repeat top left;
			cursor: pointer;
			display: block;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			height: 78px;
			width: 166px; }
			
			
/* right to learn */
div.top h2 {
	overflow: hidden;
	color: white;
	background: transparent;
	font-weight: bold;
	padding-top: 10px;
	font-size: 125%;
	text-align: right;
	position: absolute;
	top: 0;
	right: 37px;
	height: 78px;
	width: 254px; }
				
	div.top h2 span {
		background: url(../images/righttolearn.gif) no-repeat top left;
		display: block;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		height: 78px;
		width: 254px; }
		
	
/* content */
div.container {
	background: white url(../images/bg.gif) repeat-y top left;
	font-size: 75%; 
	height: 100%;
	margin-bottom: 5px; }
	
	div.container p {
		margin-bottom: 16px; 
		margin-left: 10px; }
		
	div.container h3 {
		background: url(../images/bullet.gif) no-repeat center left;
		padding-left: 10px; 
		height: 1%;
		margin-bottom: 12px;
		font-weight: bold; }
		
		div.container h3 a,
		div.container h3 a:link,
		div.container h3 a:visited,
		div.container h3 a:active {
			color: #366; }
	
	div.container-top {
		background: white url(../images/bg-container.jpg) no-repeat top right;
		height: 23px;
		overflow: hidden; }
	
	
	/* col1 */
	div.container div.col1 {
		float: left;
		padding: 15px 11px 0 6px;
		margin-right: 1px;
		width: 182px; }
		
		div.container div.col1 a,
		div.container div.col1 a:link,
		div.container div.col1 a:visited,
		div.container div.col1 a:active {
			color: #366; }
		
		
	/* col2 */
	div.container div.col2 {
		float: left;
		padding: 15px 11px 0;
		margin-right: 1px;
		width: 180px; }
		
		div.container div.col2 a,
		div.container div.col2 a:link,
		div.container div.col2 a:visited,
		div.container div.col2 a:active {
			color: #366; }
			
		div.col2 form {
			padding-top: 15px; }
			
			div.col2 form label {
				color: #366; }
			
		
	/* col3 */
	div.container div.col3 {
		float: left;
		padding: 15px 11px 0;
		margin-right: 1px;
		width: 182px; }
		
		
	/* col4 */
	div.container div.col4 {
		float: left;
		padding: 15px 13px 0;
		width: 181px; }
		
		div.container div.col4 div.donate {
			background: #ecf2f2;
			padding: 8px 15px;
			border: 1px solid #80a7a7;
			margin-bottom: 16px; }
			
			div.container div.col4 div.donate p {
				color: #366; 
				margin: 0;}
				
			div.container div.col4 div.donate h3 {
				color: #366;
				margin-bottom: 8px;
				background: none;
				padding: 0;
				text-decoration: underline; }
				
		div.col4 form label {
			color: #c55927;
			font-size: 95%; }



		div.container div.col3 div.donate {
			background: #ecf2f2;
			padding: 8px 15px;
			border: 1px solid #80a7a7;
			margin-bottom: 16px; }
			
			div.container div.col3 div.donate p {
				color: #366; 
				margin: 0;}
				
			div.container div.col3 div.donate h3 {
				color: #366;
				margin-bottom: 8px;
				background: none;
				padding: 0;
				text-decoration: underline; }
		
/* footer */
div.footer {
	background: #e9f1f1;
	position: relative;
	text-align: center;
	padding: 6px 0; }
	
	div.footer p {
		color: #699292;
		font-size: 70%;
		padding-right: 8px;
		text-transform: uppercase; }
		
		div.footer p a,
		div.footer p a:link,
		div.footer p a:visited,
		div.footer p a:active {
			position: absolute;
			text-transform: none;
			font-size: 110%;
			right: 74px; }
			
			
			
/* forms */	
form label {
	display: block;
	margin-bottom: 2px; }
	
form p {
	margin-bottom: 8px !important; }
	
form input.txt {
	border: 1px solid #a5acb2;
	font-size: 100%;
	padding: 2px;
	color: #999; }