@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

	Project:    	World's Fair Park
	Version:    	1.0
	Last change:    03/08/2009 [Configuring 1.0 Site]

====================================================================

[Table of contents]

1. Body
2. Header / #header
3. Content / #content
4. Footer / #footer

====================================================================

[Color codes]

Background:	#000000 (black)
Content bg:	#006DB4 (light blue)

Border:		#C79E66 (gold)
Gradient:	#9B8960 (dark gold)

Header h1:	#003457 (dark blue)
Header h2:	#003457 (dark blue)

a (standard):	#003457 (dark blue)
a (visited):	#006DB4 (light blue)
a (active):	#ff0000 (red)

====================================================================

[Typography]

Base font:		10px Verdana, Helvetica, Arial, Geneva, sans-serif;

Body copy:		1.2em base;

h1:			2.6em "Arial Black", Arial, "Lucida Sans Unicode", Verdana, sans-serif;
h2:			2.0em "Arial Black", Arial, "Lucida Sans Unicode", Verdana, sans-serif;
h3:			1.4em "Arial Black", Arial, "Lucida Sans Unicode", Verdana, sans-serif;

Input, textarea:	1.0em Helvetica, Verdana, Geneva, Arial, sans-serif;

-------------------------------------------------------------------*/


/* Stylesheet Reset */
	@import "css/reset.css";
/* Stylesheet for thickbox [jquery.com/demo/thickbox/] popup windows,   */
	@import "js/thickbox.css";



/* Currently Unused Pointers

@import "css/layout.css";
@import "css/colors.css";
@import "css/typography.css";

@import "css/flash.css";
@import "css/debugging.css";
@import "css/brat.css";

*/



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

2.1 Body Styles

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

body	{
	margin: 0;
	padding: 0;

	color: #fff;
	background-color: #000;
	background-image: url(images/background.gif);
	background-position: top center;
	background-repeat: repeat;

	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
	}

#container	{
	width: 960px;
	border-left: 1px solid #c79e66;
	border-right: 1px solid #c79e66;
	margin: 0 auto 30px auto;

	border-left: 1px solid #c79e66;
	border-right: 1px solid #c79e66;
	background-color: #006DB4;
	}

h1	{
	font-size: 2.6em;
	font-family: "Times New Roman", Times, Georgia,  serif;
	line-height: 1.2em;
	font-weight: normal;
	}


h2	{
	color: #003457;

	font-size: 1.8em;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.2em;
	font-weight: bold;

	margin-top: 0.8em;
	}

h3	{
	color: #003457;

	font-size: 1.4em;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.2em;
	font-weight: bold;
	}

p, address	{
	font-size: 12px;
	margin: 0.8em 0;
	line-height: 1.6;
	font-style: normal;
	}


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

2.2 Header

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



#header	{
	background-color: #006DB4;
	background-image: url(images/header-wave.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 157px;
	border-bottom: 1px solid #c79e66;

	}

#logo	{
	float: left;
	margin-left: 25px;
	margin-top: 10px;
	}

#headLocationTag	{
	float: right;
	margin-top: 65px;
	margin-right: 25px;

	color: #fff;

	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 1.2;
	letter-spacing: 10.0px;

	text-transform: uppercase;
	text-align: right;
	}



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

2.3 Content Area

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

#content	{
	width: 960px;

	background-color: #006db4 ;
	color: #000;
	}





.frontpageFeature 	{
	width: 100%;
	border-bottom: 1px solid #c79e66;
	}

.frontpageFeature h1 {
	height: 38px;
	width: 800px;
	padding: 8px 0 0 160px;
	margin: 0;


	color: #003;
	background-image: url(images/frontpage-headline-bg.gif);
	border-bottom: 1px solid #c79e66;

	font-size: 2.6em;
	font-family: "Times New Roman", Times, Georgia,  serif;
	font-weight: normal;

	}



.universalNav	{
	float: left;
	height: 100%;
	width: 160px;

	background-color: #006DB4;
	border-right: 1px solid #c79e66;
	}

.navHead	{
	display: block;
	height: 24px;
	width: 146px;
	padding: 5px 0 0 15px;
	margin: 0;


	color: #003;
	background-image: url(images/navigation-category-bg.gif);
	border-bottom: 1px solid #c79e66;

	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}





.featureNav	{
	width: 141px;
	height: 200px;
	padding: 10px 0px 10px 18px;

	background-color: #006db4;
	border-right: 1px solid #c79e66;
	}
	.frontpageFeature .home	{	height: 300px;	}	
	.frontpageFeature .homeSecond	{	height: 200px;	}	


.featureNav li	{ padding: 3px 0px;	}
.featureNav, .featureNav li	{
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2;
	font-weight: bold;
	}
.featureNav a	{	color: #fff;	text-decoration: none;	}



.worldsFairPark	{
	background-image: url(images/WFP-NightShot.jpg);
	background-position: 100px 47px;
	background-repeat: no-repeat;
	}

.volunteerLanding	{
	background-image: url(images/vl-feature2.jpg);
	background-position: 150px 40px;
	background-repeat: no-repeat;
	}
.removeBorder	{ border: 0; }






.mainColumn	{
	float: right;
	width: 758px;
	padding: 20px;


	background-color: #fff;
	border-left: 1px solid #c79e66;
	}


.mainColumn h1	{
	height: 38px;
	width: 779px;
	padding: 8px 0 0 20px;
	margin: -20px -20px 20px -20px;
	background-image: url(images/frontpage-headline-bg.gif);
	border-bottom: 1px solid #c79e66;
	}



.midColumn	{
	float: left;
		position: relative;
	width: 498px;
	padding: 20px;
	min-height: 540px;

	background-color: #fff;
	border-left: 1px solid #c79e66;
	border-right: 1px solid #c79e66;
	}

.midColumn ul, .midColumn ol {
	margin-top: 0.8em;
	list-style: outside;
	font-size: 12px;
	line-height: 1.6;
	}
.midColumn li	{	margin-left: 18px;	}


.midColumn h1	{
	height: 40px;
	width: 518px;
	padding: 6px 0 0 20px;
	margin: -20px -20px 10px -20px;
	background-image: url(images/frontpage-headline-bg.gif);
	border-bottom: 1px solid #c79e66;
	}
	
.midColumn h1.vl	{
	font-size: 0;
	height: 54px;
	width: 540px;
	margin: -15px -20px 0px 0px !important;
	padding: 0px !important;
	border: 0;
	background: none;
	text-indent: -9999px;
	}
	
h2.vl	{
	font-size: 2.6em !important;
	font-family: "Times New Roman", Times, serif !important;
	margin-bottom: 10px;
	margin-top: -10px;
	}

.midColumn img	{
	padding: 1px;
	border: 1px solid #9B8960;
	}

.floatLeft	{
	float: left;
	margin: 3px 8px 6px 0;
	}
.floatRight	{
	float: right;
	margin: 3px 0px 6px 8px;
	}
img.icon	{
	border: 0;
	}
.clearbottom	{
	margin-bottom: 40px;
	}







.ccCredit  	{
	position: absolute;
	bottom: 6px;
	right: 2px;
	padding: 2px;
	font-size: 8px;
	color: #fff;
	background-color: #333;
	}
.ccCredit a	{
	color: #fff;
	text-decoration: none;
	}


.photoWithCaption	{
	float: left;
	position:relative;
	margin-right: 18px;
	margin-bottom: 10px;

	}

.photoRight	{
	float: right;
	position:relative;
	margin-left: 18px;
	margin-bottom: 10px;

	}
	
.photoLeft	{
	float: left;
	position:relative;
	margin-right: 18px;
	margin-bottom: 10px;

	}
	
.photoLeftClearBottom	{
	float: left;
	position:relative;
	margin-right: 18px;
	margin-bottom: 20px;

	}
	
.photoLeftClear	{
	float: left;
	position:relative;
	margin-right: 36px;
	margin-bottom: 10px;

	}
	
.halfWidth	{
	width:254px;
	}
	
.216Width	{
	width: 220px;
	}











.sidebar	{
	float: right;
	width: 260px;

	color: #fff;
	}

.sidebar .navHead	{
	display: block;
	height: 24px;
	width: 240px;
	padding: 5px 0 0 20px;
	margin: 0;

	color: #003;
	background-image: url(images/navigation-category-bg.gif);
	border-bottom: 1px solid #c79e66;

	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.sidebar p	{
	padding: 5px 20px;
	font-size: 1.1em;
	}

.sidebar a	{	color: #fff;	}
.sidebar ul, .sidebar ol {
	margin: 0.5em 20px;
	list-style: outside;
	line-height: 1.6;
	font-size: 1.1em;
	}
.sidebar li	{	margin-left: 12px;	}







.vlLogo	{
	float: left;
	clear: both;
	margin: -5px 0 20px -21px !important;
	border: 0 !important;
	padding: 0 !important;
	}




.tagline	{
	color: #003457;

	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 2.3em;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 1.2em;
	font-style: italic;
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 0.5em;
	}


.callout	{
	display: block;
	text-align: center;
	background-image: url(images/bold-button.gif);
	background-repeat: no-repeat;
	background-position: top left;

	width: 300px;
	height: 29px;
	padding-top: 7px;
	margin: 0;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	}
.callout a	{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #fff;
	}
	
	

.doc	{
	padding-left: 25px;
	background-image: url(images/page_white_word.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	}
.pdf	{
	padding-left: 25px;
	background-image: url(images/page_white_acrobat.gif);
	background-position:  0 0px;
	background-repeat: no-repeat;
	}
.fileSpace	{	padding-left: 25px;	}




#calendar	{
	width:490px;
	display: none;
	overflow:hidden;
	border: 1px solid #2e87c2;
	}
.hrCalBar	{ width: 493px;}


.galleryPhoto	{
	margin: 25px;
	}


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

2.4 Footer

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

#footer	{
	clear: both;
	width: 800px;
	padding: 9px 0 0 160px;
	height: 28px;

	border-top: 1px solid #c79e66;
	border-bottom: 1px solid #c79e66;
	background-color: #006DB4;
	background-image: url(images/footer-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}

#footer	p {
	margin: -5px 0 0 0;

	color: #fff;

	font-size: 1.7em;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	}


.bottomNav	{
	float: right;
	width: 100px;
	margin: -20px 20px 0px 0px;

	color: #fff;

	font-size: 1em;
	font-weight: normal;
	text-align: right;
	line-height: 1.35;
	}

.bottomNav ul li, .bottomNav li	{
	list-style: none;
	}

.bottomNav a	{
	color: #fff;

	text-decoration:none;
	}