@import url(reset.css);
@import url(structure.css);
@import url(nav.css);

/* STRUCTURE DEFINITION */
html {
background: #1E2689 url(../images/bkg.jpg) repeat-x;
color: #ffffff;
}

html, body {
font: 100% Arial, Helvetica, sans-serif;
}
#siteControls {
background: #85aed7;}

#top {
}

#commonNav, #commonNav2 {
height: 35px;
position: absolute;
top: 120px;
}

#commonNav {
left: 72px;
}

#commonNav2 {
right: 72px;
}

/* HEADER REPLACE */
#headerReplaceMain {
position: relative;
overflow:hidden;
top: 0;
left: 0px;
width:990px;
height:120px;
}

#headerReplaceMain span {
display:block;
position:absolute;
top:0;
left: 0;
z-index:1;
background: url(../images/headerReplace/free-range-header.jpg) no-repeat top left;
width:990px;
height:120px;
}

/* ------- NAV BAR & LINKS  */
/* Common Navigation */

#commonNav h2 {
position: absolute;
left: -3000px;}

#commonNav ul {
display: list-item;
font-size: 1.3em;
}

#commonNav li {
float: left;
padding: 0 31px 0 0;
margin: 5px 0 0 0;
}

#commonNav2 li {
float: left;
padding: 0 0 0 31px;
margin: 5px 0 0 0;
}

#commonNav li a:link, #commonNav li a:visited {
display: block;
margin: 0;
text-decoration: none;
color: #fff;
border: none;
font-weight: normal;
}
#commonNav li a:hover, #commonNav li a:active {
text-decoration: none;
border: none;
border-bottom: 2px solid #FBBA00;
color: #F3F345;
font-weight: normal;
}


#commonNav2 {float:right;}
/* Photos Section */

#photos h2 {
position: absolute;
left: -3000px;
top: -5000px;}

/* General Links */
a:link, a:visited {
color: #fff;
text-decoration: none;
}

a:hover, a:active {color: #fff;
text-decoration: underline;
}

/* CONTENT STYLE */

h2 {margin-bottom: 25px;
font-size: 1.2em;
}

h3 {
margin-bottom: 10px;}

h5 {
margin: 3px 0 5px 0;}

p {line-height: 1.5em;
padding: 0 0 15px 0;
text-align: justify;
}

p .note {
color: #ffffff;
font-size: 0.75em;
line-height: 0.9em;
padding-bottom: 10px;
}

p.noPad {
padding: 0 0 3px 0;}

#centerContent ul {
margin: 5px 0 20px 0;
padding: 0;}

#centerContent ul li {
padding: 0 0 5px 0;}

.standard {
line-height: 1.4em;
padding: 0 0 20px 0;
font-size: 1em;
font-weight: normal;
}

#tnc {
text-align: left;
}

#tnc OL LI {
list-style-type: lower-latin;
}

#photos p {
padding: 0 0 8px 0;}

#photos img {
border: 2px solid #1E2689;}

#photos .boxRight img {
border: none;}

dt {
/* border: 2px solid #A82920; */
padding: 5px;
text-align: left;
-moz-border-radius: 15px;
/* background: #fff; */
margin: 0 0 10px 35px;
font-size: 1.1em;
color:#ffffff;
}


.eLink {
margin: 0 40px 40px 40px;
text-align: center;
padding: 5px 0 10px 0;
border-bottom: 1px solid #ffffff;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;}

dd {
padding: 7px 40px;
color: #ffffff;
}

.eDescription {
font-size: .9em;
color:#ffffff}


/* Photo Boxes */

.boxContain a {
margin-right: 5px;
float: left;}

a .photoBoxDesc {
position: absolute;
top: -5000px;
left: -5000px;}

.boxRight {
position: absolute;
right: 40px;}

a:link .photoBox, a:visited .photoBox, a:hover .photoBox, a:active .photoBox {
display: block;
width: 18px;
height: 18px;
border: 1px solid #ffffff;}

a:link .photoBox, a:visited .photoBox {
background: #1E2689;
}

a:hover .photoBox, a:active .photoBox {
background: #1E2689;}


a:link .photoCurent, a:visited .photoCurrent, a:hover .photoCurrent, a:active .photoCurrent {
display: block;
width: 18px;
height: 18px;
border: 1px solid #ffffff;}

a:link .photoCurrent, a:visited .photoCurrent {
background: #1E2689;
}

#photos a:hover, #photos a:active {
text-decoration: none;}

/* FORMS */

.mailForm/*, .eForm*/ {
/* 
border: 2px solid #A82920;
padding: 7px;
-moz-border-radius: 20px;
*/
/* background: #fff; */
margin-bottom: 15px;
}

.mailForm {
/* width: 430px; */
}

.mailForm legend {
padding: 0 0 15px 0;
font-size: 1.3em;
color: #ffffff;}

.mailForm input {
border: 1px solid #ffffff;}

.mlNote {
font-size: .7em;
}

.mlNote a, .mlNote a:link, .mlNote a:visited, .mlNote a:hover, .mlNote a:active {
color: #000;}


.eForm p {
position: relative;
}

.eForm label {
position: absolute;
width: 150px;
text-align: right;
}

.eForm legend {
font: 1.2em "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
color: #ffffff;
margin: 10px 0;
border-bottom: 1px solid #ffffff;
text-align: center;
}

.eForm input, .eForm select, .eForm textarea {
margin: 0 0 0 170px;
padding: 1px;
font: normal 1.1em Georgia, "Book Antiqua", Times, serif;}

.eForm .noBox {
border: none;
background: transparent;
color: #ffffff;
font-family: century gothic;
font-size: 14px;}

.eForm .notice {
color: #ffffff;
font: normal 1.1em Georgia, "Book Antiqua", Times, serif;}

.eForm fieldset {
border-bottom: 1px #ffffff dashed;
margin: 10px 0;
padding: 15px 0;}

input:focus, select:focus, textarea:focus {
border: 2px #A82920 solid; }

.comment {
	color: #ffffff;
	font-size: 0.9em;
}

/* FOOTER STYLE */

#footer {
border-top: 1px solid #ffffff;
margin: 25px 0;
font-size: 1em;
text-align: center;
}

#footer tt {
	font-size: 0.9em;
}
.title {
	font-family: century gothic;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.title2 {
	font-family: century gothic;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.eCost{
	font-family: century gothic;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.main{
	font-family: century gothic;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.links {
	font-family: century gothic;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: justify;
}
.booknow {
	font-family: century gothic;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: justify;
}
.title3 {
	font-family: century gothic;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.title4 {
	font-family: century gothic;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.form{
	font-family: century gothic;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	color: #1E2689;
	text-decoration: none;
}