/*
	core.css a.k.a. "Page Layouts"
	IF YOU TOUCH THIS I WILL KILL YOU.
*/

/* `Containers
------------------------------------------------------*/

#container {
	padding-bottom:	40px;
	width:			960px;
}

#container, ul#nav-top, #logo, ul#nav-pri, #footer {
	margin-left:	auto;
	margin-right:	auto;
}

ul#nav-top, #logo, ul#nav-pri, #footer { width:	940px; }

#tcont {
	background:		#393a37;
	padding:		5px 0;
}
#hcont {
	background-color:	#5A9190;
}

#ncont, #fcont {
	background-color:	#5B674E;
	background:			-moz-linear-gradient(bottom, #48523A 0%, #545E41 3%, #6C7859 97%, #7E896C 100%);
	background:			-webkit-gradient(linear, 0% 0%, 0% 50%, from(#545E41), to(#7E896C));
}

/* `Universal Layout
------------------------------------------------------*/

#content, #graph, #nav-sec, #content-pri, #content-sec,
.grid_8 {
	display:		inline;
	float:			left;
	position:		relative;
	margin-left:	10px;
	margin-right:	10px;
}

#content-pri, #content-sec { width: 280px; }

ul#nav-top, ul#nav-pri, #content, #graph, #nav-sec, #footer { width: 940px; }
	
/* `Header
------------------------------------------------------*/

#nav-access { display:	none; }

#logo { height:; margin-bottom: 0;}

/* `Universal Navigation
------------------------------------------------------*/

ul#nav-top, ul#nav-pri {
	margin-bottom:	0;
}

ul#nav-pri li, ul#nav-sec li, ul#nav-top li {
	color:			#222;
	letter-spacing:	.5px;
	list-style:		none;
}

ul#nav-pri li, ul#nav-sec li {
	display:		block;
	float:			left;
}

/* Top Navigation
------------------------------------------------------*/

ul#nav-top { text-align:	right; }

ul#nav-top li {
	border-right:	1px solid #99988f;
	color:			#60cbc9;
	display:		inline;
	font-size:		13px;
	font-weight:	lighter;
	margin-left:	0;
	padding:		0 9px;
	text-shadow:	none;
}
	ul#nav-top li.first { padding-left:	0; }
	ul#nav-top li.last  {
		border-right:	none;
		padding-right:	0;
	}
		ul#nav-top li a { color: #99c070; border-bottom: 1px solid #222; text-shadow: none; }
	
/* `Primary Navigation
------------------------------------------------------*/
ul#nav-pri { height: 53px; margin-bottom: 45px; }

ul#nav-pri li {
	font-size:		24px;
	font-weight:	lighter;
	line-height:	51px;
	margin-left:	0;
	margin-top:		1px;
	width:			160px;
	text-align:		center;
}
		ul#nav-pri li a { display: block; }
		
		/* THIS NEEDS COLOR FIXING! */
		ul#nav-pri li a:hover, ul#nav-pri li a.here {
			color:				#F9F9F9;
			background-color:	#364725;
			border-left:		1px solid #657153;
			border-right:		1px solid #657153;
			text-shadow:		0px 1px 0px rgba(0,0,0,0.4);
		}
	
/* `Secondary Navigation
------------------------------------------------------*/
ul#nav-sec {
	margin-left:	0;
	margin-bottom:	30px;
	margin-top:		45px;
}

ul#nav-sec li {
	background-color:		#CFCDA8;
	background:				-moz-linear-gradient(bottom, #797758 0%, #B0AE8B 7%, #D3D1AE 97%, #E7E5CA 100%);
	background:				-webkit-gradient(linear, 0% 0%, 0% 50%, from(#B0AE8B), to(#E7E5CA));
	border:					1px solid #A19F83;
	border-radius:			15px;
	font-size:				18px;
	height:					46px;
	line-height:			46px;
	margin-left:			20px;
	text-align:				center;
	width:					218px;
	-webkit-border-radius:	15px;
	-moz-border-radius:		15px;
/*	-webkit-box-shadow:		0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow:		0 0 5px rgba(0,0,0,0.5);*/
}

	ul#nav-sec li.first { margin-left:	0; }
	ul#nav-sec li:hover {
		background-color: #5B674E;
		background:			-moz-linear-gradient(bottom, #48523A 0%, #545E41 3%, #6C7859 97%, #7E896C 100%);
		background:			-webkit-gradient(linear, 0% 0%, 0% 50%, from(#545E41), to(#7E896C));
		border:				1px solid #657153;
	}
	ul#nav-sec li.here  {
		background-color:	#5A9190;
		background:			-moz-linear-gradient(bottom, #496C6B 0%, #518887 7%, #53b3b1 97%, #7BBEBD 100%);
		background:			-webkit-gradient(linear, 0% 0%, 0% 50%, from(#518887), to(#7BBEBD));
		border:				1px solid #438786;
	}
	
	ul#nav-sec li a { color: #545344; display: block; }
	ul#nav-sec li.here a, ul#nav-sec li a:hover {
		color:			#FFF;
		text-shadow:	0px 1px 0px rgba(0,0,0,0.4);
	}

/* `Content
------------------------------------------------------*/

#content { padding-bottom: 40px; }
  /* `App Notifications
  ----------------------------------------------------------------------------------------------------*/
  .app_notification {
    margin: 10 auto;
    clear: both;
  }

  .app_notification p {
    color:#333;
    padding: 10px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
  }

  .notice {
    background-color: #A4E7A0;
    border: 1px solid #26722D;
  }

	/* `STUFF FOR THE WEBSITE HOMEPAGE SECTIONS
	--------------------------------------------------*/
	.grid_8 { width: 460px;    }
	.alpha  { margin-left: 0;  }
	.omega  { margin-right: 0; }
	.push_8 { left: 480px;     }
	.pull_8 { left: -480px;    }
	#website hr { border: none; border-top: 5px solid #47592B; clear: both; margin: 40px 0; }
	
	#website p.button {
		background-color: #5A9190;
		background: -moz-linear-gradient(bottom, #496C6B 0%, #518887 7%, #53b3b1 97%, #7BBEBD 100%);
		background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#518887), to(#7BBEBD));
		border: 1px solid #438786;
		font-size: 18px;
		height: 46px;
		line-height: 46px;
		margin: 30px 0;
		text-align: center;
		width: 220px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}
	#website p.button a { display: block; }
	
	.grid_8.top { height: 200px; margin-bottom: 15px; }
	.grid_8.bottom { margin-bottom: 30px; }
	#website img.fleft { float: left; margin-right: 25px; }
	/*------------------------------------------------*/

	/* `Graph
	--------------------------------------------------*/
	#graph {
		min-height: 400px;
		margin-left: 0;
/*		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
	}
	
	/* `Primary Content
	--------------------------------------------------*/
	#content-pri { margin-left: 0; padding-right: 180px; }
	
	/* `Secondary Content
	--------------------------------------------------*/
	#content-sec { margin-right:	0; }
	
/* `Footer
------------------------------------------------------*/
#footer {
	color:			#222;
	min-height:		40px;
	line-height:	40px;
	margin-top:		-40px;
}
#footer a { border-bottom: 1px solid #222; }

/* `What the heck is this?
------------------------------------------------------*/
#siteseal { margin-left:460px; }

/* `Clear Floated Elements
------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear:		both;
	display:	block;
	overflow:	hidden;
	visibility:	hidden;
	width:		0;
	height:		0;
}