body
{
	background: #000;
	color: #fff;
	font-size: 62.5%;
	/*font-family: "Garamond", "Times New Roman", Times, serif;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: "Verdana", sans-serif;
}

h1, h2, h3, h4, h5, h6 
{
	/*font-family: "Garamond", "Times New Roman", Times, serif;*/
	font-family: "Verdana", Arial, sans-serif;
	padding: 0 0 0 10px; 
}

h1 { 	font-size: 2.19em;
		line-height: 2.19em;
		color: #e6e6e6;
	}
h2 { font-size: 1.75em; line-height: 1.2em; margin-bottom: 20px; }
h3 { 	font-size: 1.5em;
		line-height: 1.2em;
		margin-bottom: 8px;
		color: #e6e6e6;
		margin-top: 5px;
	}
h4 { font-size: 1.4em; line-height: 1.8em; }
h5 { font-size: 1.2em; line-height: 1.6em; }
h6 { font-size: 1.4em; line-height: 2em; }
p  { 	font-size: 1.35em;
		line-height: 1.45em;
		color: #b4b4b4;
		padding: 0 12px;
	}

a { text-decoration: none; color: #fff; }
a:hover { color: #999; }

 h1 a.enter
		{
			display: block;
			float: center;
			font-size: 1.75em;
			font-weight: lighter;
			/*background: transparent url(../../grfx/enter.gif) repeat-x bottom left;
			text-indent: -10000px;
			width: 125px;
			height: 52px;
			line-height: 1em;
			margin: 0px auto 20px auto;*/
		}

#main ul 
{
	/*margin-left: 20px;*/
	font-size: 1.4em;
	line-height: 1.3em;  
	list-style-position: none;
	list-style-type: none;
	list-style: disc;
	background: none;
	color: #ccc;
	margin: 0 0 20px 15px;
}



#content ul 
{
	/*margin-left: 20px;*/
	font-size: 1.5em;
	line-height: 1.3em;  
	margin-left: 0;
	padding-left: 30px;
	list-style-position: inside;
	list-style-type: none;
	list-style: disc;
	background: none;
}

div#header h2 
{
	display: block;
	font-size: 1.35em;
	font-weight: lighter;
	/*font-family: "Garamond", "Times New Roman", Times, serif; */
}

/* Layout */

	div#container
	{
		margin-left: auto;
		margin-right: auto;
		width: 960px;
		margin-bottom: 5px;
	}
	
	div#mainbody
	{
		float: left;
		width: 630px;
		padding-right: 5px;
		}

	div#sidebar {
			float:right;
			width:320px;
			padding-left: 5px;
			overflow: hidden;
			}

	div.index {	text-align: center;}
	
	div.content ul#sociallinks2
		{
			background: transparent url(../../grfx/social_links_contact.jpg) no-repeat top right;
			list-style: none; 
			width: 103px;
			height: 47px;
			position: relative;
			text-align: left;
		}
			
			ul#sociallinks2 li
			{
				display: inline;
			}
			
				ul#sociallinks2 li a
				{
					display: block;
					float: left;
					text-indent: 10000px;
					overflow: hidden;
				}
				
		ul#sociallinks2 li a#sociallinks2-flickr { width: 30px; height: 47px; } /* opacity: 0.5; background: red; } */
		ul#sociallinks2 li a#sociallinks2-twitter { width: 30px; height: 47px; margin-left: 2px; } /* opacity: 0.5; background: red; } */			
		ul#sociallinks2 li a#sociallinks2-facebook { width: 30px; height: 47px; margin-left: 2px; } /* opacity: 0.5; background: red; } */
	
	div.contentbox 
	{ 
		margin: 10px 4px;
		padding: 6px 4px; 
		position:relative; 
		background-color: #666; 
		overflow:none; 
		/*-moz-border-radius: 6px;
		-webkit-border-radius: 6px;*/
	}
	
		div.contentboxround
	{ 
		margin: 5px 4px;
		padding: 5px 4px; 
		position:relative; 
		background-color: #323232; 
		overflow:none; 
		float: left;
		display: inline;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	
		div.empty
	{ 
		margin: 5px 4px;
		padding: 5px 4px; 
		position:relative; 
		overflow:none; 
		float: left;
		display: inline;
	}
	
	div > div.contentbox { margin: 0 9px; 0 0 }
	
	/*
	.contentbox:hover 
	{ 
		margin: 0px 5px 10px 20px;
		padding: 5px; 
		position:relative; 
		background-color: #2e2e2e; 
		overflow:none; 
		border: 10px; 
		border-color: white;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	*/
	
	div.contentbox ul 
	{
		margin-left: 0;
		padding-left: 30px;
		list-style-position: inside;
		list-style-type: none;
		list-style: disc;
	}

	div#container div#header
	{
		width: 960px;
		position: relative;
		clear: both;
	}
	
		div#header h1 a.logo
		{
			display: block;
			float: center;
			font-size: 2em;
			font-weight: lighter;
			background: transparent url(../../grfx/Next25Years_text_long_rev.png) no-repeat top right;
			width: 460px;
			height: 32px;
			line-height: 1em;
			text-indent: -10000px;
			margin: 20px 0 0 0;
		}
		
		div#header h2 { text-align: center; }
	
		#nav {
			background-color: #323232;
			width: 100%;
			height: 40px;
			margin-bottom: 10px;
		}
	
		#nav ul { /* all lists */
			list-style: none; 
			width: 960px;
			margin:0 auto;
			padding: 3px 0;
			text-align: center;
			list-style: none;
			text-transform: uppercase;
			line-height: 1;
			font-size: 1.4em;
			/*background: transparent url(../../grfx/navbg_line.png) no-repeat scroll right top;*/
		}
		
		#nav a {
			color: #ccc;
			display: block;
			text-align: left;
			padding: 5px 14px;
			border-right: 1px solid white;
			
			/*border-right: url(grfx/navbg_line.png) no-repeat scroll right top;*/
		}
		
		#nav li { /* all list items */
			float: left;
			padding-top: 5px;
		}
		
		#nav li .donate {
			/*color: #00aff0;
			font-weight: bold;*/
		}
		
		#nav li ul { /* second-level lists */
			position: absolute;
			background-color: #323232;
			width: 8em; /* width needed or else Opera goes nuts */
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			z-index: 1000;
		}
		
		#nav li li a {
			border: none;
			font-size: 0.7em;
		}
		
		#nav li a.last {
			border: none;
		}
		#nav li a:hover {
			color: #999;
		}
		
		#nav li ul ul { /* third-and-above-level lists */
			margin: -1em 0 0 15em;
		}
		
		#nav li:hover ul ul, #nav li.sfhover ul ul {
			left: -999em;
		}
		
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
	
	div#container div#main
	{
		padding: 0 0 30px 0;
		position: relative;
	}
	
		div.content p { padding-bottom: 1.25em; clear: both; }
		div.content > p { padding-bottom: 1.1em; }
		
		div.content div.contentbox p.last { padding: 0;
		margin: 0 0 10px 15px;
		 }
		
		/* Gallery styles */
		
		div#container div#gallery	{
			background-color: black;
			clear: both;
			padding: 10px;
			position: relative;
		}

		div#gallery div.content {
			width:  920px;
			background: black;
		}
		 
		 
		div#main h2 {
			text-transform: uppercase;
			/*color: #888;
			font-size: 2.2em;
			font-weight: 500;*/
		}
		 
		/* div#main h3 {
			text-transform: uppercase;
			font-weight: bold;
			color: #000;
			font-size: 1.8em;
			font-weight: 500;
		}	*/	
		
		div#main h3:hover { 
			border: 10px;
			border-color: #FFF;
		}
		
		div#main h4
		{
			clear: both;
			color: #888;
			font-size: 1.4em;
			line-height: 1.8em;
			font-weight: 100;
		}
		
		h3.homeintro
		{
			background: url(../../grfx/index_main_text.gif) no-repeat left top;
			width: 617px;
			height: 309px;
			display: block;
			text-indent: -10000px;
			margin: 15px auto 45px auto;
		}
			
		img.homeimg { margin: 20px 0 40px 0; }
			
		/* scrollable */
		
		a.scrollable-next,
		a.scrollable-prev
		{
			display: block;
			width: 18px;
			height: 18px;
			background: url(../../images/Arrow-Left.jpg) no-repeat;
			float: left;
			margin: px 0;
			cursor: pointer;
			font-size: 1px;
		}

		a.scrollable-next
		{
			background-image: url(../../images/Arrow-Right.jpg);
			clear: right;
			margin-left: 10px;	
		}

		a.scrollable-next:hover,
		a.scrollable-prev:hover
		{
			background-position: 0px -18px;
		}
		
		a.dissabled 
		{
			visibility: hidden !important;		
		}
				
		div.scrollable
		{
			float: left;
		    overflow: hidden; 
			position: relative; 
		    width: 920px; 
		    height: 150px; 
		    margin: 0px 0px 0 15px;
		}
		
		div.index > div.scrollable { margin-left: 25px; }
		
			div.scrollable ul.items 
			{ 
	    		width: 20000em; 
	    		position: absolute;
	    		left: 0;
			}
			
			div.scrollable ul.items li { float: left; }
			div.scrollable ul.items li a { display: block; margin: 0px; }
			div.scrollable ul.items li { position: relative; }
			
			div.tooltip 
			{ 
			    background: transparent url(../../images/Tooltip-Top.jpg) no-repeat top left; 
			    width:148px; 
			    padding: 20px 0 0 0;
			    position: absolute;
			    top: 145px; left: 10px;
			} 
			
				div.tooltip div.tooltip-content 
				{
					background: transparent url(../../images/Tooltip-Bottom.jpg) no-repeat bottom left;
					width: 148px;
					text-align: left;
			    	color:#888; 
			    	padding: 0 20px 0px 18px;
			    	margin: 0;
				}
				
				div.tooltip > div.tooltip-content { margin-bottom: -8px; }
				div#main div.tooltip div.tooltip-content ul { padding: 0 30px 0 0; margin: 0; }
				div.tooltip div.tooltip-content ul li { font-size: .5em; line-height: 1em; float:  none; }

	div#footer
	{
		clear: both;
		color: #666;
		height: 24px;
		/*padding: 10px;*/
		position: relative;
	}
	
		div#footer p { float: left; font-size: 1em; }
	
		div#footer ul#sociallinks
		{
			background: url(../../grfx/social_links.jpg) no-repeat top right;
			list-style: none; 
			width: 250px;
			height: 126px;
			/*left: 715px;
			position: absolute;*/
			float: right;
			text-align: right;
		}
			
			ul#sociallinks li
			{
				display: inline;
			}
			
				ul#sociallinks li a
				{
					display: block;
					float: left;
					text-indent: 10000px;
					overflow: hidden;
				}
				
				ul#sociallinks li a#sociallinks-flickr { width: 70px; height: 65px; } /* opacity: 0.5; background: red; } */
				ul#sociallinks li a#sociallinks-twitter { width: 70px; height: 65px; } /* opacity: 0.5; background: red; } */
				ul#sociallinks li a#sociallinks-facebook { width: 55px; height: 65px; } /* opacity: 0.5; background: red; } */
				ul#sociallinks li a#sociallinks-home { width: 50px; height: 65px; } /* opacity: 0.5; background: red; } */
		
		div#footer p.right { float: right; }
		
		div#footer a { color: #fff; }
		div#footer a:hover { color: #f2f2f2; }
		
		
	/* Left and right classes for floats */
	
	.left	{ float: left; display: inline; margin: 0 0 0 2px; position: relative; }
	.right 	{ float: right; display: inline; text-align: right; }
	.center	{ float: center; display: inline; text-align: left; }	
		
	/* Misc Stuff */	
	div.first	{ margin-left: 10px; }
	.fifteen 	{ width: 15%; }
	.twenty 	{ width: 19%; }
	.third 		{ width: 31%; }
	.half 		{ width: 48%; }
	.twothird 	{ width: 65%; padding-left:5px; }
	.eighty		{ width: 78%; }
	.full	 	{ width: 96%; }
	div.full	{ width: 98%; }
	.quarter 	{ width: 24%; }
	.clear 		{ clear: both; }