@charset "utf-8";

/* ========================

The Open Web Education Alliance (OWEA)
http://openwebeducation.org/

Last revision: 	2010-06-02 MEJ

Color Information
Dark Grey: 	#555555
Blue:		#00559b
Light Blue:	#008ef5
Grey Blue:	#457496

============================ */


html {
	background: #fff url(../_img/bg.jpg) repeat-y top center;
}

body {
	font-size: 14px;
	color: #555;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url(../_img/bg-header.jpg) top center no-repeat;
}


/* ======================= TYPOGRAPHY  */

h1 {
	font-size: 36px;
	color: #00559b;

}
h1.interior {
	font-size: 28px;
	color: #00559b;

}
h2 {
	font-size: 24px;
	color: #555;
}
h3 {
	font-size: 14px;
	display: inline;
	font-weight: bold;
}
p {
	font-size: 14px;
	line-height: 21px;
}	
strong { font-weight: bold; }
ul { }
li { line-height: 16px; padding:  2px 0 3px 0; }
h1 { padding-bottom: 7px;}
h2, h3, p, ul { padding: 0 0 14px 0; }	

a:link { 	color:#006fbf; }
a:visited { color:#457496;}
a:hover { 	color:#008ef5;}
a:active { 	color: #008ef5;}

address {line-height: 18px;}



/* ======================= STRUCTURE  */


#header {
	width: 900px;
	margin: 0px auto;
	height: 143px;
}
	#header h2 {
          color: #555;
          margin: 0;
          padding: 3px 0 0;
          text-transform: uppercase;
          font-size: 16px;
          font-weight: bold;
      }
      #header p {
          margin: 0;
          padding: 0;
      }
	.logo {
		float: left;
		margin: 53px 0 0 0;
	}
	.donate {
		float: right;
		margin: 0px -8px 0 0;
		padding: 15px 35px 10px 35px;
		height: 89px;
		width: 257px;
		background-image: url(../_img/support_owea.png);
	}
		.donate p {
			padding-top: 3px;
			line-height: 21px;
			font-size: 16px;
		}
		.donate em {
			font-weight:bold;
			display: block;
			text-transform:uppercase;
		}
		.donate form {
			display: block;
			width: 67px;
			float: left;
			padding-right: 14px;
		}
		.donate h2 {
			font-size: 16px;
			font-weight: bold;
			text-transform:uppercase;
			padding: 0;
		}
		
	.nav {
		width: 900px;
		float: left;
		margin: 4px 0 0 0;
	}
		.nav li {
			float: left;
			margin-right: 35px;
		}
		.nav li a {
			color: #CCCCCC;
			text-decoration: none;
			text-transform:uppercase;
			letter-spacing: .5px;
		}
		.nav li a:hover {
			color: #ffffff;
		}
		.nav li a.on {
			color: #6CCFFF;
		}
		
	.run_in {
    }
		.run_in h3 {
			font-size: 14px;
			font-weight: bold;
			display: inline;
		}
		.run_in p {
			display: inline;
			padding-bottom: 15px;
		}
	
		
#wrapper {
	width: 900px;
	margin: 21px auto;
}
#content {
	overflow: hidden;
	height: 430px ;
	margin-bottom: 35px;
}
.w3c img {
	float: left;
	margin: 0 7px 0 0;
}
.footer {
	border-top: #999999 1px solid;
	padding: 14px 0 0 0;
}



/* ======================= GRID SYSTEM  */
/* 	
	This site is based on a 9 column grid.
	Columns are 80px wide
	Gutters are 20px wide
*/	
   

.col2 {
	width: 180px;
	padding-right: 20px;
	float: left;
}
.col3 {
	width: 280px;
	padding-right: 20px;
	float: left;
}
.col4 {
	width: 380px;
	padding-right: 20px;
	float: left;
}
.clear {
	clear: right;
}