/*
Theme Name: Roundup River Ranch
Theme URI: http://www.roundupriverranch.org/
Description: Custom theme created for Roundup River Ranch
Version: 1.0
Author: Mike Gehard (http://www.samyamatech.com)
Tags: 

*/


body {
	background: #1589CA;
	margin:0px 0px;
	padding:0px;
	text-align:center;
	font-size: 12px;
	font-family: arial,sans-serif;
}

a, li a 
{
	text-decoration: none;	
	border:none;	
}

#content a{
	color: #1589ca;
}

#content a:hover{
	text-decoration:underline;
}

#mainContainer {
	width:756px;
	margin:0px auto;
	text-align:left;
	background: #ffffff;
}

#header {
	height: 110px;
}

#headerDivider{
	background:url('images/HeaderDivider.gif');
	background-repeat:repeat-x;
	background-position:center;
	width:100%;
	height: 10px;
}

#newsletterSignup{
	float: right;
	display: inline;
	background:url('images/NewsletterSignup.gif');
	background-repeat:no-repeat;
	background-position:center;
	height: 45px;
	width: 193px;
	margin-top: 18px;
}

#logo{
	display:inline;
	float: left;	
	background:url('images/Logo.gif');
	background-repeat:no-repeat;
	background-position:center;
	height: 71px;
	width: 125px;
	margin-top: 18px;
	margin-left: 53px;
	/* Allow the top nav to slide up. */
	margin-bottom: -50px; 
}


#footer.home{
	background:url('images/HomeFooter.gif');
	background-repeat:no-repeat;
	background-position:center;
	height: 160px;
}


#footer.internal{
	background:url('images/MountainsOfFunFooter.gif');
	background-repeat:no-repeat;
	background-position:center;
	height: 149px;
}

#sideNav
{
	float: left;
	display: inline;
	/* width + margin-right should = 100 */
	width: 88px;
	margin-right: 12px;
	margin-top: 15px;
	text-align:right;
}

#sideNav ul 
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none; 

}

#sideNav li{
	margin-bottom:15px;
}

#sideNav a
{
	color: #8a8a8a;	
	font-weight: bold;
	font-size: 12px; 
}

#topNav{
	margin-top: 18px;
	margin-right: 25px;
	float: right;
	display: inline;
}

#topNav ul{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none; 
}


#topNav li a
{
	color: #8a8a8a;	
	font-weight: bold;
	font-size: 14px; 
}

#topNav li{
	display: inline;	
	text-transform: uppercase;
	margin-left: 22px;
}

#contentContainer.internalred{
	background:url('images/RedDotBackground.gif');
	background-repeat:repeat-y;
}
#contentContainer.internalorange{
	background:url('images/OrangeDotBackground.gif');
	background-repeat:repeat-y;
}
#contentContainer.internalblue{
	background:url('images/BlueDotBackground.gif');
	background-repeat:repeat-y;
}
#contentContainer.internalgreen{
	background:url('images/GreenDotBackground.gif');
	background-repeat:repeat-y;
}
#contentContainer.internalpurple{
	background:url('images/PurpleDotBackground.gif');
	background-repeat:repeat-y;
}

#content{
	display: inline;
	float: left;
	margin-top:10px
}

/* make sure the the margin-right + margin-left + width <= 756px*/
#content.home{
	width: 746px;
}

/* make sure the the margin-right + margin-left + width <= 650px*/
#content.internal{
	width: 594px;
	margin-right: 38px;
	padding-left: 18px;
}

#content h2{
	margin-top: 0;	
	font-size: 18px;
	font-weight: normal;
}

#content h2 a{
	color:#000000;
}

.clear{
	clear: both;
}

/* Styles for the blocks on the home page. */
#camperContainer{
	width: 756px;
	height: 251px;
	background: #B1CC30;
	/* Move this up so it partially hides the top divider image.  */
	margin-top: -20px;
	margin-bottom: 32px;
	text-align:top;
}
#camperContainer img{
	float: left;
}

#camperStory{
	margin-top: 10px;
	margin-left: 15px;
	/*width: 225px;  This width will be set manually on the div tag 
	to allow for variable width pictures.*/
	float: left;
	color: #ffffff;
	font-size:14px;
}

#camperStory h2{
	font-weight: bold;
	font-size:20px;	
}

#camperStory a{
	color: #ffffff;
}
	

#camperStory #readMore{
	font-weight:bold;
	text-transform: uppercase;
	margin-right: 15px;
}

#camperStory #donate{
	font-weight:bold;
	text-transform: uppercase;
}

#homeNews{
	float: left;
	margin-left: 48px;
}

#homeNews a{
	color:#000000;
}

#homeOther{
	float: right;
	margin-right: 48px;
}

.roundedBox{
	width: 312px;
	height: 121px;
	background:url('images/roundedBox.gif');
	background-repeat:no-repeat;
	background-position:center;
}
.roundedBoxContent{
	padding: 15px;	
}

/* Color classes */
.blue{
	color: #1589ca;	
}

.red{
	color: #ed1c26;	
}

.purple{
	color: #812990;	
}

.orange{
	color: #f58220;	
}

.green{
	color: #22b24c;	
}

.grey{
	color: #8a8a8a;	
}

.bold{
	font-weight: bold;	
}

/* Classes to properly style the top nav */         

.PageColor_purple.current_page_item a,.PageColor_purple.current_page_ancestor a, .PageColor_purple a:hover{
	color: #812990 !important;
}
.PageColor_orange.current_page_item a,.PageColor_orange.current_page_ancestor a, .PageColor_orange a:hover{
	color: #f58220 !important;
}
.PageColor_green.current_page_item a,.PageColor_green.current_page_ancestor a, .PageColor_green a:hover{
	color: #22b24c !important;
}
.PageColor_blue.current_page_item a,.PageColor_blue.current_page_ancestor a, .PageColor_blue a:hover{
	color: #1589ca !important;
}
.PageColor_red.current_page_item a,.PageColor_red.current_page_ancestor a, .PageColor_red a:hover{
	color: #ed1c26 !important;
}