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



  



   reset.css



   * Resets default browser CSS.



   



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







html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, code,  del, dfn, em, img, q, dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* Tables still need 'cellspacing="0"' in the markup. */



table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

table, td, th {

	vertical-align: middle;

}

/* Remove possible quote marks (") from <q>, <blockquote>. */



blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

/* Remove annoying border on linked images. */



a img {

	border: none;

}

/* Begin styles */







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







	Basic Styles



	



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



body {

	background: #fff;

	font-family: Arial, Verdana, sans-serif;

	font-size: 62.5%;

	/*background:#55585c url(/img/gators_group1.jpg) no-repeat center top;*/
	background:#fff url(/img/new_bg_07-4.jpg) no-repeat center top;

}

.container {

	width: 976px !important;

	margin: 0 auto;

	background: #fff;

}

h2 {

	font-size: 2em;

	color: #10901c;

	font-family: Arial, Verdana, sans-serif;

	font-weight: bold;

	line-height: 1.2em;

}

h3 {

	font-size: 1.8em;

	color: #10901c;

	font-family: Georgia, "Times New Roman", serif;

	line-height: 1.2em;

}

h4 {

	font-size: 1.6em;

	color: #9f9b74;

	font-family: Georgia, "Times New Roman", serif;

	margin-bottom: 14px;

}

h4 a, h5 a, a {

	color: #10901c;

	text-decoration: none;

}

h4 a:hover, h5 a:hover, a:hover {

	text-decoration: underline;

}

h5 {

	color: #9f9b74;

	font-family: Georgia, "Times New Roman", serif;

	font-size: 1.4em;

	margin-bottom: 14px;

}

h6 {

	font-weight: bold;

	font-size: 1.4em;

}

div#flashMessage {

	font-size: 1.8em;

	font-weight: bold;

	margin: 14px 0;

}

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







	Site specific styles



	



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











/* Header */







/* Logo */



h1 span {

	display: none;

}

h1 {

	width: 292px;

	height: 181px;

	background: url('../img/gator_adventure_logo.gif') bottom left;

	position: relative;

	float: left;

	z-index: 1;

}

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







	Main nav



	



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



div.nav {

	margin: 0 auto;

	padding-bottom:10px;

	z-index: 4;

	position: relative;

}

div.nav_shadow_bottom {

	position: relative;

	float: left;

	background: url('../img/nav_bottom.gif') bottom left repeat-x #fff;

}

div.nav_shadow_left {

	float: left;

	width: 12px;

	height: 62px;

	background: url('../img/nav_shadow_left.gif') bottom repeat-x #fff;

}

div.nav_shadow_right {

	float: left;

	width: 12px;

	height: 62px;

	background: url('../img/nav_shadow_right.gif') bottom repeat-x #fff;

}

div.nav ul {

	list-style-position: inside;

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	font-size: 2em;

	line-height: 1.3em;

}

div.nav ul li {

	padding: 0px 4px;

	border-right: 1px solid #9d9d9d;

	background: url('../img/nav_bg.gif') bottom left repeat-x #fff;

	margin: 11px 0;

	font-size:15px;

}

div.nav ul li.last {

	border-right: none;

}

div.nav ul li a {

	color: #113b5b;

	border: none;

	padding: 10px 5px;

	margin-top: -5px;

}

div.nav ul li a:hover, div.nav ul li a.on {

	color: #10901c;

	border-top: #10901c solid 5px;

	margin-top: -10px;

	text-decoration: none;

}

div.nav ul li ul {

	margin: 0;

	padding: 0;

	font-size: .7em;

}

div.nav ul li ul li {

	background: #dedede;

	margin: 0;

	padding: 0;

}

div.nav ul li ul li a {

	margin-top: 0;

	border-bottom: 1px solid #113b5b;

	z-index: 5;

}

div.nav ul li ul li a:hover {

	background: #fff;

	border-top: 0px;

	margin-top: 0;

}

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







	Header







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







div.header {

	position: relative;

	margin-bottom: 10px;

	z-index: 1;

}

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







	Callout







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







div.callout {

	z-index: 3;

	position: relative;

	background: transparent;

}

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







	Main content



	



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







div.content {

	margin: -10px auto 0 auto;

	padding: 0 0 17px;

	z-index: 2;

	position: relative;

	width: 960px;

	background: url("../img/body_bg_bottom.png") no-repeat left bottom;

}

div#firstcolumn {

	position: relative;

	float: left;

	width: 940px;

	padding:0 10px;

	z-index: 2;

	background: url('../img/body_bg.png') repeat-y center center;

}

div#twocolumn {

	position: relative;

	float: left;

	width: 744px;

	z-index: 2;

}

.page_content {

	position: relative;

	padding: 0px;

}

div#twocolumn .page_content {

	width: 737px;

	background: url('../img/two_col_shadow.png') repeat-y top left;

	margin-left: -1px;

}

.page_content_inner {

	position: relative;

	/*float: left;

	width: 470px;*/

	background: url('../img/white_bg.jpg') top left repeat-x;

	padding: 40px 20px 0 20px;

}

div#twocolumn .page_content_inner {

	width: 717px;

}

.page_content_inner p, .page_content_inner ul {

	color: #113b5b;

	font-size: 1.2em;

	line-height: 1.2em;

}

.page_content_inner p {

	margin: 0 0 1.2em 0;

}

.page_content_inner img {

	margin: 10px;

}

.page_content_bottom {

	margin: 0;

	position: relative;

	float: left;

	width: 498px;

	background: url('../img/white_bottom_shadow.png') transparent no-repeat bottom left;

}

div#twocolumn .page_content_bottom {

	background: url('../img/two_col_white_bottom.png') transparent no-repeat bottom left;

	width: 745px;

}

.blog_container, .mini_staff_container {

	position: relative;

	float: left;

	width: 250px;

	margin-left: -4px;

}

.blog, .mini_staff {

	position: relative;

	float: left;

	width: 246px;

	background: url('../img/shadow_right.png') repeat-y top right;

	z-index: 1;

	padding-right: 4px;

}

.blog_content, .mini_staff_content {

	background: url('../img/brown_bg.jpg') no-repeat top center #453119;

	padding: 20px 10px 10px 10px;

}

.blog_content p {

	font-size: 1.2em;

	font-color: #fff;

	margin: 20px 0;

}

.mini_staff_content p {

	font-size: 1.4em;

	font-color: #fff;

	margin: 20px 0;

}

.mini_staff_content p span.sub-title {

	font-size: .8em;

	color: #ccc;

}

.blog_content p a, .mini_staff_content p a {

	color: #fff;

}

.blog_content p img, .mini_staff_content p img {

	float: left;

	margin: 0 10px 10px 0;

}

.mini_staff_content p img {

	border: 2px solid #fff;

}

.blog_bottom {

	position: relative;

	float: left;

	background: url('../img/brown_bottom.png') no-repeat bottom right;

	height: 10px;

	width: 250px;

}

.flickr_container {

	width: 200px;

	position: relative;

	float: left;

	margin-left: -4px;

}

.flickr {

	background: url('../img/shadow_right.png') repeat-y top right;

	padding-right: 4px;

}

.flickr_content {

	background: url('../img/green_bg.jpg') no-repeat top center #10901c;

	padding: 20px 10px 10px 10px;

}

.flickr_content img {

	float: left;

	border: #fff 2px solid;

	margin: 3px;

}

.flickr_bottom {

	background: url('../img/green_bottom.png') no-repeat bottom right;

	height: 9px;

	width: 200px;

}

.flickr_content ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

.flickr_content li {

	margin: 0;

	padding: 0;

}

.flickr_content li.even {

	background: #20ff38;

}

.flickr_content li a {

	display: block;

	color: #113b5b;

	font-size: 1.4em;

	font-weight: bold;

	padding: 5px 10px 5px 15px;

	width: 100px;

}

.flickr_content li a.on {

	border-left: 5px solid #113b5b;

	padding-left: 10px;

	color: #fff;

}

div#photos a.flickr_page {

	padding: 0 3px;

}

div#photos a.on {

	background: #10901c;

	color: #fff;

}

div#photos img {

	background: #fff;

	padding: 3px;

	border: 1px solid #ccc;

}

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



	



	Forms







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







form div {

	float: left;

	margin: 20px;

}

form div label {

	display: block;

	font-size: 1.2em;

	font-weight: bold;

	color: #113b5b;

	padding: 5px;

	border-left: 3px solid #10901c;

	border-top: 1px solid #10901c;

}

form div input {

	border: 1px solid #ccc;

	padding: 5px;

}

form div input[type=text] {

	width: 400px;

}

form div textarea {

	width: 400px;

	height: 200px;

}

form div input[type=submit] {

	cursor: pointer;

}

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







	Footer



	



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







div.footer {

	margin: 30px 0 0 0;

	width: 100%;

	background: #113b5b;

	padding: 20px 0;

	float: left;

	color: #fff;

	font-size: 1.2em;

	line-height: 1.5em;

}

div.footer div.container {

	background: #113b5b;

	color: #fff;

}

div.footer a {

	color: #fff;

	text-decoration: none;

}

div.footer a:hover {

	text-decoration: underline;

}

/* Use this to create a horizontal ruler across a column. */



hr {

	background: #fff;

	color: #fff;

	clear: both;

	height: 1px;

	margin: 10px 0;

	border: none;

}

hr.space {

	background: #fff;

	color: #fff;

}

/* Clearing floats without extra markup



   Based on How To Clear Floats Without Structural Markup by PiE



   [http://www.positioniseverything.net/easyclearing.html] */







.clearfix:after, .container:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix, .container {

	display: inline-block;

}

* html .clearfix,  * html .container {

	height: 1%;

}

.clearfix, .container {

	display: block;

}

/* Regular clearing



   apply to column that should drop below previous ones. */







.clear {

	clear:both;

}

.blog_container , .flickr_container, .page_content_bottom {

	display:none;

}

body .debug {

	background-color:transparent;

}

.page_content_inner form {

	width:470px;

}

ul {

	margin:15px;

}

.img_nomargin img {

	padding:0;

	margin:0;

}