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

	Jason Weaver 12/31/2008

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


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

	imported stylesheets
 
=======================================================*/

@import 'reset.css';
@import 'color.css';
@import 'typography.css';

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

	body

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

#accessibility-links  {
	display: none;
	visibility: hidden;
}

body  {
	margin: 0;
	padding: 0;
}

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

	header

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

.logo {
	padding-top: .5em;
	clear: right;
	float: left;
}

h1 span  {
	display: none;
	overflow: hidden;
}

#header  {
	position: relative;
	height: 9em;
	margin: 0;
	padding: 0;
}

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

	navigation												

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

#nav {	
	float: right;	
	margin-top: 1em;
}

#nav li {
	display: inline;
	padding: .5em 0 0 2em;
}

#nav a  {
	padding: 2px;
}

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

	masthead										

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

#section {
	height: 15em;
	clear: both;
}

#section .big  {
	margin-top: .5em
}

#section li  {
	padding: .8em 0 .2em 0;
}

#section li a  {
	padding: 0 3px 0 3px;
}

#applist-page #section {
	height: 5em;
	clear: left;
}

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

	content											

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

.section {
	float: right;
	width: 64.5em;
	margin: 8em 0 0 0;
	padding: 0 0 2em .2em;
}

.section p {
	padding: 0 .7em .5em 10px;
	margin: 0;
}

.section h1  {
	margin: 0 0 .02em 0;
	padding: 0 0 .5em 10px;
}

.section h2  {
	margin: 0 0 .02em 0;
	padding: .6em 0 0 0;
}

.section h3  {
	padding-top: 2.2em;
	margin: 0;
}

.section h4  {
	padding: 1.0em 1.5em .5em 0;
	margin:  0;
}

.section ol  {
	padding: 1.5em 0 1.5em 0;
	margin: 0;
}

.section ul {
	padding: 1em 0 1.5em 1em;
	margin: 0;
}


#mission  {
	padding-top: 1em;
	float: left;
	width: 31em;
}

#details  {
	padding-top: 1em;
	float: right;
	width: 28em;
}

#about  {
	padding-top: 1em;
	float: right;
	width: 64em;
}

.section .more-link a {
	padding: 20px 20px 20px 10px;
	width: 200px;
}

.section .more-link  {
	padding: 20px 20px 20px 0;
}

#section .applist-page  {
	padding: 20px;
	margin-top: 1em;
}

#applist-page .section {
	float: left;
	clear: right;
}

#applist-page .section ul  {
	height: 5em;
}

#applist-page .section li  {	
	width: 10em;
	float: left;
	padding: .5em 3em .5em 0;
}

#applist-page .section li a  {
	padding: 5px;
	display: block;
}

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

	sidebar

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

#aside  {
	float: left;
	width: 25em;
	margin: 8em 0 0 0;
	padding: 1em 1em 2em 0;
}

#aside p {
	padding: 0 .7em .5em 10px;
	margin: 0;
}

#aside h1  {
	margin: 0;
	padding: 0 0 .5em 10px;
}

#aside h2  {
	margin: 0;
	padding: 1em 0 .25em 0;	
}

#aside h2 a {
	display: block;
}

#aside h3  {
	padding: 1.0em 0 .5em 0;
	margin: 0;
}

#aside h4  {
	padding: 0 2em 0 1.5em;
	margin: 0;
}

#aside h5 {
	padding: 1.0em 0 .5em 0;
	margin: 0;	
}

#aside li  {
	padding: .1em 0 .1em 0;
}

#aside ul  {
	padding-left: 25px;
}
/*=======================================================

	footer

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

#footer {
	clear: both;
	border-top: 1px dotted #ddd; 
}

#footer #small-print  {
	padding: 2.2em 0 1.5em 0; 
	margin-bottom: 1em;
	clear: both;	
}

#footer #small-print ul  {
	list-style: none;
	padding-top: 1em;
}

#footer #small-print li  {
	padding: 0 .4em 0 .4em; 
	margin: 0;
	display: inline;
}

#applist-page #footer {
	margin-top: 2em;
}


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

	containers

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

#container  {
	width: 96em;
	padding: 0;
	margin: 0 0 0 5em;
}

.container  {
	width: 96em;
	padding: 0;
	margin: 0;
}