body {
	background: #e9f6ff url(swirl_white.png) center top repeat-y;
	background-color: #e1f2fe;
	margin:0;
}
.container {
	/* fallback for browsers without rgba support (also see IE CSS) */
	background-color: #f8fcff;
	background-color: rgba(255,255,255,.7);
	border-left: 10px solid #143316;
	border-right: 10px solid #143316;
	-webkit-box-shadow: 0 -20px 20px rgba(0,0,0,.6);
}
#nav {
	list-style: none;
	margin:0;
	/* right leaves 1px slack space, left moves ul over to fit into grid */
	padding: 0 26px 0 1px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:2em;
	font-style:italic;
	text-shadow: .1em .1em .2em hsla(150, 25%, 30%, .55);
}
#nav a {
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 46px;
	display:block;
	text-decoration:none;
}
#nav a.link_current, #nav a:hover {
	background-color: #e9f6ff;
	padding: 0 0 0 44px;
	border:2px solid #ceebfd;
	background-position: 8px center;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
}
/* nav links */
#link_home {
	background-image: url(icon_home.png);
}
#link_about {
	background-image: url(icon_about.png);
}
#link_contact {
	background-image: url(icon_contact.png);
}
#link_support {
	background-image: url(icon_support.png);
}
#link_info {
	background-image: url(icon_info.png);
}
/* body links */
/* using classes for these, since attribute testing doesn't work in IE.
   The CSS3 Demo uses attribute testing for link icons. */
.link_pdf {
	background: url(link_pdf.gif) right center no-repeat;
	padding-right: 42px;
}
.link_external {
	background: url(link_external.gif) right center no-repeat;
	padding-right: 18px;			
}
div {
	text-align:justify;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "trebuchet ms", arial, helvetica, serif;
}
h1 .amp, h2 .amp, h3 .amp, h4 .amp, h5 .amp, h6 .amp {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-weight: bold;
	position:relative;
	top:.08em;
	color:#555;
}
#header {
	height:13.5em;
	background: #163410 url(header.jpg) bottom left no-repeat;
	border-bottom:1.5em solid white;
	margin-bottom:1.5em;
	position:relative;
}
#header div {
	position:absolute;
	left:40px;
	bottom:2em;
}
#header h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:6em;
	letter-spacing:-.06em;
	color: #eee;
	margin-bottom: .1em;
}
#header h1 .amp {
	color: white;
}
#header p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	/* keep consistent line height (default 18px) */
	line-height:1.636363;
	text-transform:uppercase;
	color: white;
	letter-spacing: .23em;
	text-indent:0;
	margin:0;
}
#content h2 {
	padding-left:42px;
	margin-left: -10px;
	background: url(deco.png) left .4em no-repeat;
	text-shadow: .1em .1em .2em hsla(150, 25%, 30%, .55);
}
/* change Blueprint default divider lines */
div.colborder, .colborder, div.border, .border, hr {
	border-color: #ddd;
}
p {
	text-indent: .5em;
	position:relative;
}

/* browsers will drop an entire selector list if they don't understand the
   syntax of one selector, and support for selectors with parameters is sketchy,
   so apply this separately. */
p:nth-of-type(1) {
	text-indent: 0;
}
/* Reasonable fallback to cover most use cases. Note single colon on first-child. */
p:first-child, h2+p {
	text-indent: 0;
}

/* presentational crud */
.b {font-weight: bold;}
.i {font-style: italic;}

.left {
	float:left;
}
.right {
	float:right;
}
img.right, img.left {
	border:1px solid black;
	-webkit-box-shadow: 2px 2px 6px hsla(150, 25%, 30%, .5);
}
#content {
	position:relative;
}
#leaves_r {
	position:absolute;
	width:114px;
	height:242px;
	top:-33px;
	left:-10px;
	/* eek, 24bit image == 38K. 8-bit has aliased masking, but is 7K. */
	background: url(leaves_right_8bit.png) top left no-repeat;
}
#leaves_l {
	position:absolute;
	width:300px;
	height:678px;
	left:-310px;
	top:-239px;
	/* 24bit 174K, 8bit 33K. */
	background: url(leaves_left_8bit.png) top left no-repeat;
}
h2#leaf_indent {
	margin-left: 40px;
}
.dropcap {
	padding: 0;
	margin:0;
	text-indent:0;
	float:left;
	/* should be 3em, but leave IE and Webkit some rounding slack */
	font-size: 2.95em;
	line-height:1em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-right: .05em;
	/* Safari 3.1 draws the dropcap too high -- something to do with setting
	   the baseline by the line-height.. maybe. There's nothing we can do about
	   it since there's no Safari-version-specific hack. The following disabled
	   code fixes it, but misaligns the letter in every other browser.
	position:relative;
	top: .15em;
	*/
}

#footer {
	margin-top: 1.5em;
	padding: 1.5em 0;
	background: #163410 url(header.jpg) left top no-repeat;
	text-align: left;
}
#footer, #footer a, #footer p, #footer ul li {
	color: white;
}
#footer #sublinks .sublink li {
	list-style-type: square;
	font-family: Verdana, Geneva, sans-serif;
}
#sublinks {
	font-family: Verdana, Geneva, sans-serif;
	background: url(footer_shade.png);
	padding-bottom: 1.4em;
	padding-top: 1.4em;
	border: .1em solid #143316;
	border-width: .1em 0;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.6);
}
#sublinks .colborder {
	border-color: #777;
}
/* special overrides */
#sublinks .colspecial_first {
	margin-left: 15px;
	padding-left: 22px;
	margin-right: 0;
}
#sublinks .colspecial {
	margin-right:0;
	padding-left: 22px;
}
#sublinks ul, #sublinks li {
	color: inherit;
	font-family: inherit;
}
.sublink {
	min-height: 10em;
}
.sublink:hover {
	/* IE6 only applies :hover to links, so we can use an alpha png safely here. */
	background: url(footer_shade.png);
}
.sublink h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.2em;
	line-height:1.25;
	letter-spacing: .2em;
	border-bottom: 2px dotted #bfe2f8;
	border-bottom: 1px dotted #999;
	color: #b5a63e;
	text-transform: uppercase;
	padding: 1.25em 0 .2em 25px;
	background-position: left 1.35em;
	background-repeat: no-repeat;
}
h2#link_sub_1 {
	background-image: url(icon_sub_content.png);
}
h2#link_sub_2 {
	background-image: url(icon_sub_cup.png);
}
h2#link_sub_3 {
	background-image: url(icon_sub_book.png);
}
h2#link_sub_4 {
	background-image: url(icon_sub_soccer.png);
}
/* specificity -- must use the #footer in the selector */
#footer .sublink h2 a {
	/* urgh. */
	color: inherit;
	text-transform: uppercase;	
	text-decoration: none;
}
.sublink p {
	text-align: left;
	text-indent:0;
	font-size: 11px;
	line-height: 18px;
	aletter-spacing:.05em;
}
.sublink li {
	font-size: 11px;
	line-height: 18px;
	aletter-spacing:.05em;
}
#credits {
	padding-top: 1.8em;
	font-size: 10px;
	line-height: 1.8em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#credits p {
	text-indent: 0;
	margin-bottom:0;
}
#credits ul {
	list-style: none;
	margin:0;
	padding:0;
}
#credits img {
	vertical-align: middle;
}

#copyright {
	padding-top: 1.5em;
}
#copyright p {
	margin:0;	
}
.caps {
	font-size: .8em;
	letter-spacing:-.1em;
}
.email {
	background: url(envelope.png) left 2px no-repeat;
	padding-left: 24px;
}