@charset "utf-8";
@import url(home.css);
/* -----------------------------------------------------

* Filename: styles.css
* Description: master external style sheet for Rainbow Ridge Ranch
* Version: 1
* Website: http://www.rainbowridgeranch.ca
* Author: John Curtis

== ANCHOR =========================================

	@reset				Standard Reset

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

/* @reset
-------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0; -ms-interpolation-mode: bicubic;}
a {outline: none;}

/* @general
------------------------------------------------------*/
body {background:url(../images/bg_pattern.jpg);}
body, select, input {font: 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

/* @typography
------------------------------------------------------*/
h1 {text-align:left; font: 20px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 14px;}
h2 {text-align:left; font: bold 15px Verdana, Arial, Helvetica, sans-serif; padding: 7px 0;}
h3 {text-align:left; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding: 7px 0;}
h4 {text-align:left; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
h5 {text-align:left; font: italic 12px Verdana, Arial, Helvetica, sans-serif;}
h6 {text-align:left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 14px;}
p, address {text-align:left; padding-bottom: 14px;}
/* dl {padding: 0 0 10px 0;}
   dt {clear: left; float: left; font-weight: bold;}
   dd {padding: 0 0 5px 70px;} */
strong {color:#2D713E;}
ul {margin:0 0 14px 0;}
li {display:list-item; list-style:disc; margin:0 0 .15em 3.55em;}	
a:link, a:visited {text-decoration: underline; color: #ED6E3D;}
a:hover {text-decoration: none; color: #ED6E3D;}

/* @defined classes
------------------------------------------------------*/
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font-weight: bold; color: #CC0000;}
.errorMessage {width:550px; text-align:center; background: #fccccc; border: 1px solid #d82727; padding:5px;}
.successMessage {width:550px; text-align:center; background: #c8f7c0; border: 1px solid #c5ab89; padding:5px;}
.pageTitle {position:relative; padding-bottom:14px; left:-5px;}
.nestedBullets ul {margin:0;}
.nestedBullets li {display:list-item; list-style:circle; margin:.15em 0 .15em 2.55em;}
.doublespace li {display:list-item; list-style:disc; margin-bottom:0.75em;}
.doublespace li.last {display:list-item; list-style:disc; margin-bottom:0;}
.address {margin:1.15em 0 1.15em 9.55em; font-size:11px; font-weight:bold;}
.alertText {font-size:11px; font-weight:bold; color:#CC0000; margin-top:10px;}

/* @defined ids
------------------------------------------------------*/
#wrapper {margin:0 auto; background:url(../images/bg_repeat.png) repeat-y; width:910px;}
#wrapper-purple {margin:0 auto; background:url(../images/bg_repeat_purple.png) repeat-y; width:910px;}
#wrapper-green {margin:0 auto; background:url(../images/bg_repeat_green.png) repeat-y; width:910px;}
#wrapper-brown {margin:0 auto; background:url(../images/bg_repeat_brown.png) repeat-y; width:910px;}
#wrapper-blue {margin:0 auto; background:url(../images/bg_repeat_blue.png) repeat-y; width:910px;}
#wrapper-yellow {margin:0 auto; background:url(../images/bg_repeat_yellow.png) repeat-y; width:910px;}
#wrapper-orange {margin:0 auto; background:url(../images/bg_repeat_orange.png) repeat-y; width:910px;}
#wrapper-red {margin:0 auto; background:url(../images/bg_repeat_red.png) repeat-y; width:910px;}

#header {position:relative; width:910px; height:246px; z-index:2;}	
	#logo {position:absolute; top:0px; left:0px;}
	#flash {position:absolute; top:0px; left:437px;}		
	#navMainBG {position:absolute; background:url(../images/navbar_bg.jpg) no-repeat; top:202px; left:0px; width:910px; height:44px;}
		#navMain {position:relative; top:6px; left:21px;}
		
#container {position:relative; margin:0 auto; width:870px; padding:20px 0 0 40px; z-index:1;}
    #content {position:relative; width:562px; float:left; padding-bottom:20px;}
	#content-wide {position:relative; width:802px; padding-bottom:21px;}
	#sideimg1 {position:relative; width:240px; float:right; padding:40px 58px 10px 0;}
	#sideimg2 {position:relative; width:240px; float:right; padding:40px 0 30px 0;}
	#sideimg3 {position:relative; width:240px; float:right; padding:20px 58px 10px 0;}
	#sideimg-sponsors {position:relative; width:240px; float:right; padding:29px 58px 10px 0;}
	#laughingHorse {position:relative; width:265px; float:right; padding:31px 0 30px 0;}
	#sidecontent-contact {position:relative; width:240px; float:right; padding:40px 60px 10px 0;}
	#seemore {position:relative; width:150px; float:right; padding:15px 95px 10px 0; font-weight:bold; font-size:13px;}
		#seemore a:link, #seemore a:visited {text-decoration:underline; color:#203877;}
		#seemore a:hover {text-decoration:none; color:#203877;}
	#map_canvas {border: 1px solid #400A0A;	height: 350px; width: 95%; margin:7px 0 5px;}
	#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}

#footer {position:relative; background:url(../images/footer_bg.jpg) no-repeat; width:910px; height:90px; color:#000000; font-size: 11px; text-align:center; margin:0 auto;}
	#navFoot {position:relative; margin:0px; padding: 25px 0 0 0;}	
		#navFoot ul {padding-bottom:0; margin-bottom:0;}
		#navFoot li {display:inline; margin:0;}
		#navFoot li a {border-right: 1px solid #000000; padding: 0 6px 0 3px;}
		#navFoot li.last a {border-right: none; padding: 0 0 0 3px;}		
		#navFoot a:link, #navFoot a:visited {text-decoration:underline; color:#203877;}
		#navFoot a:hover {text-decoration:none; color:#203877;}
		
/* ---------------------------------------------- */
/* These styles are for the lightbox image effect */
/* ---------------------------------------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:link, #prevLink:visited:link { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:link, #nextLink:visited:link { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */