/*
	Include all of those goodies.
	960.css
*/

 @import url("reset-text-960-unified.css");
 
 body {
	margin-top: 20px;
	background-color: #333333;
 }
 
 /*
	Globals
 */
 .nav-list {
	list-style:none outside none;
	margin: 0; padding: 0;
 }
 .nav-list li {
	float: left;
	white-space: nowrap;
 }

 .fixme {
	font-weight: bold;
	color: red;
 }
 
 .left {
	float: left;
 }
 .right {
	float: right;
 }
 
 a { color:#E16007; }
 a:link { color:#E16007; }
 a:visited { color:#E16007; }
 a:hover { color:#E02907; }

 
 /*
	Navigation
 */
 #navigation {
	font-size: 120%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(images/navigation-bg.jpg);
	height: auto !important;
	min-height: 40px;
	height: 40px;
	/*
		Crazy CSS 3 rounded corners!
	*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	

 }
 #navigation ul {
	background-color: #DCE48F;
 }
 #navigation ul li, #footer .trailcrumbs ul li {
	float: left;
	min-height: 22px;
	white-space: nowrap;
	padding: 8px 0px 7px 2px;
 }
 #navigation a, #navigation a:link, #navigation a:active, #navigation a:visited  {
	/*border: 1px solid transparent;  transparent board, yeah right */
	color: #2a2a2a;
	text-decoration: none;
	padding: 4px 7px 5px 5px;
 }

 #navigation a:hover {
	/* border: 1px solid transparent; */
	color: #fff;
	background:#25316B;
	/*
		CSS3 Gradients.
	*/
	background:#25316B -moz-linear-gradient(60% 96% 90deg,#25316B, #435875);
	background:#25316B -webkit-gradient(linear, 0% 60%, 0% 96%, from(#435875), to(#25316B));	
	/*
		CSS3 Corners.
	*/
	-moz-border-radius: 5px;
	-moz-linear-gradient: (60% 96% 90deg,#6A81CC, #435875);
	-webkit-border-radius: 5px;

 }
 
 
 /*
	Content
 */
 
 #content {
	background-color: white;
	color: #343434;
	/*
		Crazy CSS 3 styles for bottom rounding.
	*/
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	/*
		Looks great, so why not?
	*/
	-moz-box-shadow:1px 2px 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:1px 2px 6px rgba(0, 0, 0, 0.5);
    
    padding-bottom: 15px;
 }
 
 #content .main {
 }
 #content .imgleft {
	float: left;
	padding: 2px;
 }
 #content .imgright {
	float: right;
	padding: 2px;
 }
 #content div.header a {
	width: 514px;
	height: 58px;
	display: block;
	background: transparent url(images/logo.png) no-repeat;
	margin: auto;
	margin-top: 1%;
 }
 #content div.header a span {
	margin-left: -4000px;
 }
 #conetnt p.promo {
	text-align: center;
	font-weight: 700;
	font-size: 110%;
 }
 /* For front page. */
 #content div.alert {
	margin: 1em 3em;
	padding: .5em 1em;
	color: #000;
	border-left: 5px solid #FF9247;
	background-color: #FFDEC7;
 }
 #content div.pad {
	/* padding: 0 5% 2% 5%; */
	padding:0 20px 10px 0;
 }
 #content p {
	font-size: 110%;
	text-align: justify;
	padding: 1% 0 1% 0;
 }
 /* Added as of 2011-01-23 */
 #content blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	color: #000;
	border-left: 5px solid #96FF2E;
	background-color: #E8FFD1;
 }
 #content blockquote p {
	margin: 4px;	
 }
 /* Amazing. */
 #content blockquote + cite {
    display: block;
	text-align: right;
 }
 #content p.intro, #content h1 {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	-moz-text-shadow: 1px 1px 1px #999;
	-webkit-text-shadow: 1px 1px 1px #999;
	text-shadow: 1px 1px 1px #999;
 }
 #content h1 {
	font-size: 30px;
 }
 #content p.center {
	text-align: center;
 }
 #content p.important {
	font-size: 140%;
 }
 #content p.less_important {
	font-size: 120%;
 }
 #content p.important, #content p.less_important {
	font-weight: bold;
 }
 #content ul {
	list-style:none outside none;
	font-size: 102%;
 }
 
 /*
	Sidebar
 */
 
 #content div.sidebar p {
	padding: 10px 0 0 10px;
 }
 
 /*
	Sidebar badges
 */
 #twitter-badge a, #facebook-badge a {
	margin: auto;
	padding: 3px;
 }
 
 #twitter-badge a {
	width: 180px;
	height: 85px;
	display: block;
	background: transparent url(images/twitter8.png) no-repeat;
 }
 #facebook-badge a {
	width: 250px;
	height: 60px;
	display: block;
	background: transparent url(images/FB4.png) no-repeat;
  }
  #facebook-badge a span, #twitter-badge a span {
	display: none;
  }
 
 /*
	Footer
 */
 #footer {
	font-size: 70%;
	color: #999999;
 }
 #footer div.trailcrumbs {
	font-size: 110%;
 }
 #footer div.copyright {
	text-align: right;
 }
 #footer div.contactable {
	text-align: left;
 }
 #footer a, #footer a:link, #footer a:active, #footer a:visited  {
	color: #b9b9b9;
	text-decoration: underline;
	padding: 1%;
 }
 #footer a:hover {
	color: #fff;
 }
 #footer p {
    margin:8px 0 7px 0;
    color: #b9b9b9;
 }
 #footer p.slogan {
    text-align: right;
    text-transform: uppercase;
    color: #FFF4B8;
 }
 
 /* Carousel */
 div#horizontal {
	overflow: hidden;
	overflow-x: hidden;
	width: 300px;
	border-top: 0;
	height: 464px;
	margin-bottom: 20px;
	
	/* css3 rounded edges for the image */
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;

	
 }
 div.carousel img {
	width: 300px;
	height: 464px;
	padding: 0px;
	margin: 0px;
	font-size: 50px;
	line-height: 464px;
	color: #fff;
	text-align: center;
 }
 div#horizontal img {
	float: left;
 }
 div#horizontal div.inner {
	overflow-x: hidden;
	width: 2700px;
 }
 /* fix for the scroll bar in  */
 body {overflow-x: hidden;}
 
/* facebook styles for like button */
#facebook-like, #twitter-button {
    padding: 10px 15px 10px 15px;
}