/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts

Notes

*/

/* --------- 1. defaults  --------- */

* {
	margin: 0;
		}

body {
	width: 100%;
	margin: 20px 0;
	color: #000000;
		}

/*  --------- 2. structure  --------- */
		
#wrapper {
		margin: 0 auto;
		border: 3px solid #000000;
		width: 790px;
		background-color: #ffffff;
		}

#masthead {
		background: url(images/header.jpg) 0 0 no-repeat;
		height: 140px;
		}

#air {
		float:right;
		padding-left:10px;
		}
		
#content {
		padding: 0 20px 10px;
		}

#video {
		padding-left: 350px;
		}
		

/* ---------- 3. links and navigation ---------- */
 #accessibility {
		float: right;
		background: #ffffff;
		margin: 0 0 10px 10px;
		padding-left: 10px;
		color: #0d1754;
		font-weight: bold;
		}

#accessibility ul {
		list-style-type: none;
		}

#accessibility li {
		display: inline;
		margin-right: 15px;
		line-height: 1.7em; 
		}

#accessibility a {
		text-decoration: none;
		}

#accessibility a:hover {
		text-decoration: underline;
		}

#navlinks {
		background: #ffffff;
		margin: 0 0 0 0;
		color: #0d1754;
		font-weight: bold;
		padding-bottom:15px;
		}

#navlinks ul {
	list-style-type: none;
		}

#navlinks li {
		display: inline;
		margin-right: 20px;
		line-height: 1.7em; 
		}

#navlinks a {
		text-decoration: none;
		}

#navlinks a:hover {
		text-decoration: underline;
		}
		
#back {
		background-color:#000000;
		}

.scContainer p {
		margin-bottom: 1.4em;
		padding-left: 5px;
		}

.scContainer {
		position: relative;
		float: left;
		width: 300px;
		margin: 0 0 10px 10px;
		}

.scContent {
		padding: 10px 10px;
		width: 270px;
		height: 290px;
		overflow: auto;
		background: #dddddd url(images/sc-background.gif);
		}

.fadeTop {
		position: absolute;
		width: 287px;
		height: 40px;
		top: 0;
		left: 0;
		background: url(images/white-gradient-top.png);
		z-index: 1;
		}

.fadeBottom {
		position: absolute;
		width: 287px;
		height: 40px;
		bottom: 0;
		left: 0;
		background: url(images/white-gradient-bottom.png);
		z-index: 1;
		}

	.twoColumn .floatLeft{
		position:relative;
		float:left;
		display:inline;
		width:45%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		}
	
	.twoColumn .floatRight{
		position:relative;
		float:left;
		display:inline;
		width:45%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		}

	.clearFloat{
		clear:both;
		height: 1px;
		}

#footer {
		clear:both;
		text-align:center;
}

/* ---------- 4. fonts ---------- */

h1 {
		margin-bottom: 10px;
		}

h2 {
		margin-top: 1.5em;
		margin-bottom: 2px;
		}

p {
		margin-bottom: 1em;
		padding-right:20px;
		}
form {
		padding-left: 20px;
		}