﻿

	body
		{
			text-align:center;
			font-family: Arial, Sans-Serif;
			font-size:.8em;
			line-height:1.3em;
			background:white url('../_design/mountains-body-bg-fade.jpg') no-repeat 50% 0%;
		}

	#container
		{
			text-align:left;
			width:980px;
			margin:0px auto 0;
			overflow:hidden;
			position:relative;
		}

/*
	Branding
*/
	#branding
		{
			clear:both;
			position:relative;
		}
		
	#branding a
		{
			display:block;
			width:100%; height:171px;
			background:transparent url('../_design/spin-it-wide-banner2.png') no-repeat top left;
			text-indent:-9999px;
			overflow:hidden;
		}
	
	#content #countdown
		{
			padding-bottom:10px;
		}

/*
	Main Menu
*/

	#main-menu
		{
			clear:both;
			width:100%;
			float:left;
			position:relative;
		}

	#main-menu ul#menu
		{
			width:100%; height:50px;
			float:left;
			background:transparent url('../_design/menu-bg-strip-rounded.png') no-repeat top left;
		}

	#main-menu ul#menu li
		{
			float:left;
			text-align:center;
		}

	#main-menu ul#menu li a
		{
			display:block;
			padding:17px 16px 17px 17px;
			text-decoration:none;
			text-transform:uppercase;
			color:white;
			font-weight:bold;
		}

	/* selected menu and hover */
	#page-home #main-menu-link-home a,
	#page-matches #main-menu-link-matches a,
	#page-team #main-menu-link-team a,
	#page-places #main-menu-link-places a,
	#page-business #main-menu-link-business a,
	#page-seedo #main-menu-link-seedo a,
	#page-events #main-menu-link-events a,
	#page-voulunteer #main-menu-link-voulunteer a,
	#page-links #main-menu-link-links a,
	#page-media #main-menu-link-media a
		{
			background:transparent url('../_design/menu-bg-selected2.png') no-repeat 50% 80%;
		}

	#main-menu ul li a:hover
		{
			background:transparent url('../_design/menu-bg-selected3.png') no-repeat 50% 80%;
		}
		
		
	/* banner styles */
	#main-menu ul#banners
		{
			position:relative;
			clear:both;
		}
		
	#main-menu ul#banners li
		{
			position:absolute;
			top:0; left:0;
			height:288px;
			z-index:200;
		}

/*
	Content Container
*/
	#content-container
		{
			clear:both;
			float:left;
			width:100%;
			background:transparent url('../_design/content-container-bg.jpg') repeat-y top left;
		}

/*
	Aside1
*/
	#aside1-wrap
		{
			width:320px;
			float:right;
		}

	#aside1
		{
			float:left;
			color:#e5e5e5;
			padding:10px 20px;
		}

	#aside1 dl
		{
			padding:1em 0;
		}

	#aside1 dt
		{
			padding:.5em 0 .3em 0;
			font-size:1.6em;
			color:white;
		}
	
	#aside1 a
		{
			color:#ffcc00;
			text-decoration:underline;
		}

	#aside1 a:hover
		{
			text-decoration:none;
		}


	/* Link buttons */
	#aside1 ul.button-links
		{
			padding:10px 0;
		}

	#aside1 ul.button-links li
		{
			padding:5px;
		}

	#aside1 ul.button-links a
		{
			display:block;
			width:241px; height:99px;
			text-indent:-9999px;
			overflow:hidden;
		}

	#aside1 ul.button-links a#photo
		{
			background:transparent url('../_design/link-button-photo.gif') no-repeat top left;
		}

	#aside1 ul.button-links a#fanzone
		{
			background:transparent url('../_design/link-button-fanzone.gif') no-repeat top left;
		}

/*
	Main Content
*/
	#content-wrap
		{
			width:660px;
			float:right;
		}

	#content
		{
			float:left;
			padding:30px;
			color:#333;
		}


	#content h1
		{
			padding:.5em 0 .7em 0;
			color:#a02132;
			font-size:3em;
			text-transform:uppercase;
			font-weight:normal;
		}

	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6
		{
			padding:.5em 0 .3em;
			font-size:1.3em;
			font-weight:normal;
			/*color:#005aab;*/
		}

	#content p
		{
			padding:0 0 1.2em;
		}

	#content ul.normal
		{
			padding:0 0 2em;
			margin-left:20px;
		}

	#content ul.normal li
		{
			/*background:transparent url('../_design/bullet.gif') no-repeat -0px 0px;*/
			list-style-type:square;
			padding:2px 0;
		}

	#content dt
		{
			padding:.5em 0 .3em;
			font-size:1.4em;
			font-weight:normal;
			color:#005aab;
		}

/*
	Photo gallery
*/
	#content div.photo-gallery,
	#content div.photo-gallery ul
	{
		float:left;
	}

	#content div.photo-gallery li
	{
		float:left;
		padding:5px;
	}

	#content div.photo-gallery li img
	{
		border:1px solid #888;
	}


/*
	Footer
*/
	#footer
		{
			clear:both;
			width:100%;
			float:left;
			background:#022c44;
			color:#e5e5e5;
			height:150px;
			position:relative;
		}
	
	#footer p#trademark
		{
			position:absolute;
			bottom:0; right:0;
			padding:5px;
			font-size:80%;
		}
