/*

SWATCH:

Fonts: Arial, Helvetica, san-serif 
(Helvetica & Arial render on the small side compared with, say, Verdana. 
So I would guess that we'll want to go with slightly larger font sizes than normal)

(Home Page)

Global Nav: bold/#000 (Hover: bold/#FFF)

h1 (for home page only): bold/#FFF; 30/30px
h2 (for home page only): bold/#FFF; 16/20px

(Other Pages)

Global Nav: bold/#F27021; 12 (or 13px)
hover and current page: bold/#000

Local Nav: regular/#F27021; 12 (or 13)/28px 
hover: regular/#000
current page: bold/#000

h1: Bold; 24/28px
h2: Bold; 16/20px
h3: bold; 13/20px

p: 13/20px
text link: #F27021
text link hover: #F27021 + underline
visited: #986344
visited hover: #986344 + underline

caption: oblique; 11/14px

(FAQs)
questions: h3, but with extra space 


*/


@import url(header.css);
@import url(main-nav.css);
@import url(side-nav.css);
@import url(content.css);
@import url(grids.css);
@import url(footer.css);


html {overflow-y:scroll;}


body {
margin: 0px;
padding: 0px;
background-position:center top;
background-repeat:no-repeat;
}

	body.home {
	background-color: #143828;
	background-image:url(../images/backgrounds/bg-home02.jpg);
	}
	
	body.water {
	background-color: #1763b1;
	background-image:url(../images/backgrounds/bg-water.jpg);
	background-attachment:fixed;
	}
	
	body.sky {
	background-color: #378bcd;
	background-image:url(../images/backgrounds/bg-sky.jpg);
	background-attachment:fixed;
	}
	
	body.grass {
	background-color: #204809;
	background-image:url(../images/backgrounds/bg-grass.jpg);
	background-attachment:fixed;
	}
	
#printHeader {
display:none;
}

#main {
width:900px; /* actual=900px */
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
text-align:left;
/* border:solid 1px red; */
}

form {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

sup {
vertical-align: top;
}

sub {
font-size:8px;
vertical-align: baseline;
}




/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.ucase {
text-transform:uppercase;
}