/* 
	Warren Krutchick
	Master Screen CSS
	Alison Endacott
	05/10
		
 */

/* ------------------------ 
		reset
------------------------ */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

	img {
		border: 0;
		outline: 0;
	}

	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}

		
	body {
		line-height: 1.4;
		color: #323232;
		background: #e6e6e6 url(/content/v1/us/img/bg.gif) no-repeat top center;
		font-size: 14px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	
		a,
		a:link
		a:visited
		a:hover
		a:active {
			color: #9c7e0e;
			text-decoration: none;
			font-weight: bold;
		}
				
			a:hover {
				text-decoration: underline;	
			}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }
	
	#container {
		width: 980px;
		margin: 0 auto;
	}
	
	img.right {
		float: right;	
	}
/* ------------------------ 
		head
------------------------ */
#head {
	position: relative;
	margin-top: 11px;
	
	float: left;
	_display: inline;
}

 h1 {
 }
 
 	h1 a {
		height:159px;
		overflow:hidden;
		position:absolute;
		text-indent:-9999px;
		top:64px;
		width:433px;
		background: url(/content/v1/us/img/logo.gif) no-repeat;
	}
 
 	
 	#navigation {
		width: 980px;
		height: 47px;
		background: url(/content/v1/us/img/navBg.gif);
		border-top: 5px solid #9c7e0e;
		border-bottom: 1px solid #767573;

	}
	
		#navigation li {
			float: left;
			_display: inline;
			text-align: center;
			padding: 14px 11px 0 11px;
			font-size: 14px;
		}
		
			#navigation li a {
				text-transform: uppercase;
				color: #e8e8e8;
				font-weight: normal;
			}
			
				#navigation li a:hover {				
					text-decoration: none;
					color: #fff;
				}
				
		#head #graphicHead {
			margin-top: 10px;
			display: block;
			width: 980px;
			height: 162px;
			background: url(/content/v1/us/img/header.jpg) 0 0 no-repeat;
		}
		
			#head #graphicHead p {
				text-indent: -9999px;	
			}
		
		
 
/* ------------------------ 
		content
------------------------ */
#content {
	clear: both;
	min-height: 400px;
	padding-top: 40px;
	position:relative;
}

	#content h2 {
		font-size: 20px;
	}
	
	#content h3 {
		font-size: 16px;	
	}

	#content p {
		padding: 10px 0;	
	}
	
	#content ul,
	#content ol {
		margin-left: 20px;
		list-style: disc;
	}
	
		#content ul li,
		#content ol li {
			padding: 2px 0;
		}
	
		#content ol {
			list-style: decimal;
		}
		
	#content table td {
		padding: 5px;
		vertical-align: top;
	}
	
	#innerContent,
	.dynamiccontent {
		width: 625px;
		float: left;
		_display: inline;
		margin-right: 45px;
	}
	
	#sideBar {
		width: 280px;
		float: left;
		_display: inline;
		padding: 15px;
		background: #c4c4c4;
	}
	
		#sideBar ul {
			margin-lefT: 0!important;	
		}
	
			#sideBar li {
				list-style: none;
				background: url(/content/v1/us/img/doubleArrow.gif) no-repeat 0 50%;
				padding-left: 10px!important;
			}
			
		p.readMore {
			text-align: right;	
		}
		
		p.readMore a {
			background: url(/content/v1/us/img/doubleArrow.gif) no-repeat 0 50%;
			padding-left: 10px!important;	
		}

	#sponsors {
		clear: both;	
		padding-top: 20px;
		left: -20px;
		position: relative;
		width: 980px;
	}
	
		#sponsors li {
			float: left;	
			padding: 0 10px!important;
			list-style: none;
		}
			.clear-correct {
				margin-top: 12px;
			}
			
	#climb a {
		background: url(/Content/v1/us/img/climbforacause.jpg) 0 0 no-repeat;
		width: 281px;
		height: 121px;
		display: block;
		text-indent: -9999px;
	}
	#smile-gallery a {
		background: url(/Content/v1/us/img/smile2.jpg) 18px 0 no-repeat;
		padding-left: 125px;
		padding-top: 20px;
		width: 131px;
		height: 122px;
		display: block;	
		color: #333;
		font-weight: normal;
		}
		#smile-gallery a span {
			font-size: 18px;
			display: block;
			font-weight: bold;
			}
	
/* ------------------------ 
		forms
------------------------ */
#innerContent fieldset {
	padding-bottom: 10px;	
}

	fieldset dl {
		width: 420px;	
	}

		fieldset dt {
			width: 200px;
			float: left;
			_display: inline;
			text-align: right;
			padding: 2px 5px;
		}
		
		fieldset dd {
			width: 200px;
			float: left;
			_display: inline;
			padding: 2px 5px;
		}
	
	fieldset input.button {
		display: block;
		clear: both;
		background: #000;
		color: #fff;
		border: 0;
		font-size: 14px;
		padding: 3px;
		text-transform:uppercase;
		font-family: Georgia, "Times New Roman", Times, serif;
		cursor: pointer;
		margin: 0 0 10px 215px;
		position: relative;
		top: 10px;
		
	}
	
	p.privacy{
		font-size: 11px;	
		color: #666;
	}
		
/* ------------------------ 
		footer
------------------------ */
#footer {
	border-top: 15px solid #000;
	background: #7d7d7d;
	margin: 20px 0;
	padding: 20px 0;
	color: #bebebe;	
	font-size: 11px;
}

	#footerInner {
		width: 980px;
		margin: 0 auto;
	}
	
		#footer dl {
			padding-bottom: 20px;	
		}
	
			#footer dt,
			#footer dd {
				display: inline;
				padding-left: 10px;
				padding-right: 5px;
				color: #fff;
				font-size: 12px;
				background: url(/content/v1/us/img/bulletWhite.gif) no-repeat 0 50%;
			}
			
			#footer dt {
				padding-left: 0;
				background: transparent;
			}
		
		
		#footer li {
			display: inline;
			padding-right: 10px;
			padding-left: 10px;
			padding-right: 5px;
			background: url(/content/v1/us/img/bulletGray.gif) no-repeat 0 50%;
		}
		
			#footer li.first {
				padding-lefT: 0;
				background: transparent;
			}
	
	#footerNav {
		padding-top: 20px;
		float: left;
	}
	
		#footerNav li {
			text-transform: uppercase;
			background: transparent;
			padding: 10px 22px 0 0;
		}
	
		#footer li a {
			color: #bebebe;
		}
	
		#footer a {
			color: #fff;
			font-weight: normal;
		}
		
	#social {
		float: right;	
		/*padding-top: 15px;*/
	}
		
		#social li {
			float: left;	
			background: transparent;
			padding: 0 5px;
		}
			
		#social a {
			display: block;
			width: 25px;
			height: 25px;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		#facebook a {
			background: url(/content/v1/us/img/facebook.gif) no-repeat;	
		}
		
		#wordpress a {
			background: url(/content/v1/us/img/wordpress.gif) no-repeat;	
		}
		
		#twitter a {
			background: url(/content/v1/us/img/twitter.gif) no-repeat;	
		}
		
		#linkedin a {
			background: url(/content/v1/us/img/linkedin.gif) no-repeat;	
		}

		#reviews a {
			background: url(/content/v1/us/img/google-reviews.gif) no-repeat;
			width: 67px;	
		}
	
/* ------------------------ 
		meta
------------------------ */
#chooseRevision {
	
}

	div.metaEdit {
		position: absolute;
		top: 40px;
		right: 5px;
		font-size: 11px;
		line-height: 1.5;
		z-index: 999999;
		*width: 340px;
	}
	
		p.metaToggler {
			display: inline;
			color: #5288C9;
			float: right;
			padding: 0!important;
			padding-left: 20px!important;
			cursor: pointer;
		}
			p.metaToggler {
				background: transparent url(/Pages/v1/default/Admin/Core/MochaUi/Themes/Catalyst/Images/icons/editIcon.gif) no-repeat 2px -1px;
			}
			
	div.metaElement {
		clear: both;
		
	}
			
		div.metaElement fieldset {
			clear: both;
			background: #fff;
			border: 1px solid #DFDFDF;
			padding: 5px;
		}
		
			div.metaElement fieldset dl{
				background: #eee;
				padding: 6px 10px;
				clear: both;
			}
			
				div.metaElement fieldset dt {
					color: #555555;
					}
					
					div.metaElement fieldset dd{
						
					}
					
					div.metaElement fieldset dd input {
						background:#EFF4FA none repeat scroll 0 0;
						border:1px inset #CCCCCC;
						font-size:11px;
						padding:3px;
						width: 300px;
					}
					
					div.metaElement fieldset dd input:focus {
						background: #E7EEF7;
					}
			
			input.invisible {
				display: none;
			}
		
		
	#meta-save-results {
		position: absolute;
		top: 0;
		left: 5px;
	}
		#meta-save-results .message {
			padding-left: 14px;
			font-weight: bold;
			color: #5288C9;
			text-transform: uppercase;
			background: url(/content/v1/us/img/admin/btn_save.gif) no-repeat;
		}
		
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

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