/*  2/08 */
/* This style sheet is only used summer pages on the site */

body
{
	font-family:arno pro,"sans serif";
	font-size:12px;
	font-color:#FFFFFF;
	background-color: #111111;
	margin: 10px 0 0 65px;
}

a
{
	color:#0000CC;
	text-decoration:underline;
}

a:hover
{
	color:#FF4411;
}

h1
{
	font-size:26px;
	font-family:Tranjan Pro, "sans serif";
	font-weight:bold;
	letter-spacing: 0.5cm;
	text-align: right;
	color: black;
	margin-right:20px;
	margin-top:.5cm;
	margin-bottom: 0cm;
}
/* Title for page - goes in photo at very top */

h2
{
	font-size:24px;
	font-family:Tranjan Pro, "sans serif";
	font-weight:bold;
	text-align: left;
	color: yellow;
	margin: 10px 10px 10px 10px;
}

h3
{
	font-size:17px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	margin: 8px 0 2px 5px;
}
/* Used in calender table for course titles */

div#space15
{
	width: 720px;
	height: 15px;
	float:left;
}
/* Used to space div out - used at the bottom so the text div is as tall as the navbar */

p
{
	font-family:arno pro,"sans serif";
	font-size:17px;
	color: #000000;
	margin-left:.5cm;
	margin-right:.5cm;
	margin-top:.5cm;
	margin-bottom:.5cm;
}
/* All of the content (besides headings) */

p.center
{
	text-align:center;
}

div#all
{
	position:absolute;
	left:50%;
	width:852px;
	margin: 0 0 0 -426px;
	float:left;
}
/* holds everything in page including footer - the next div inside it is border - also positions whole page on screen */

div#border
{
	width:850px;
	float:right;
	border:thin solid white;
	background-color: #888888;
}
/* everything, including navbar and pictures & text are held in this */

div#summer_content
{
	width:850px;
	float:left;
}
/* holds everything - text - logo at  bottom -navbar - not footer though - this is inside the border div*/


div#summer_top
{
	width:850px;
	height:100px;
	background-image:url('../images/summer/summer_top.gif');
	float:left;
}
/* The horizontal summer shot with SMG logo on left and page title inside pic used for all summer pages*/

div#summer_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #333333;
	float:left;
}


div#peaks_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #333333;
	float:left;
}

div#peaks_text img
{
	border: 1px solid black;
}

div#rock_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #333333;
	float:left;
}

div#calender_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #333333;
	float:left;
}

div#calender_text p
{
	font-size:14px;
}

div#courses_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #333333;
	float:left;
}

div#courses_text img
{
	float:right;
	margin: 2px 2px 2px 2px;
}

div.course_container
{
	float:left;
	width:100%;
	margin:2px 0 2px 0;
}

div#hiking_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #333333;
	float:left;
}

div#peak_right
{
	width:720px;
	margin: 0 0 10px 0;
	float: left;
}
/* used to display classic sawtooth climbs in peaks.html holds each individual classic climb */

div#peak_right img
{
	border: 1px solid black;
	margin: 2px 2px 2px 2px;
	float: right;
}
/* used to display image of specific classic sawtooth climb in peaks.html */

div#section{
	text-align:left;
	font-weight:bold;
	width:705px;
	border-bottom:1px solid #CC0000;
	margin:10px 10px 0 5px;
	font-size:22px;
	color:#CC0000;
}
/* same as header but red w/ underline - used on courses.html */

div.section
{
	text-align:left;
	font-weight:bold;
	width:705px;
	border-bottom:1px solid #CC0000;
	margin:10px 10px 0 5px;
	font-size:22px;
	color:#CC0000;
}
/* same as header but red w/ underline - used on courses.html */

div#header 
{
	margin-left:10px; 
	width:714px;
	color:#FFFF00;
	font-size:20px;
	float:left;
}
/* Used for different paragraph sections - williams.html & winter_guide.html & media.html - also for course titles on courses.html */

div#navbar
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size:15px;
	font-color: black;
	border-right: 2px solid #252525;
	width:122px;
	float:right;
}
/* This holds the different components for the the navigation bar on the righthand side */

div#navbar a 
{
	width:123px;
	color:black;
	display: block;
	padding: 3px 0 0 0; 
	margin: 0 0 0 2px;
	border-bottom: 1px solid #666666;
	text-decoration: none;
}

div#navbar a:hover
{
	border-right: 3px solid #898989;
	background-color: #c2c2c2;
	color: #000000;
}

div#navbar h1 
{
	text-align:center;
	letter-spacing: 0;
	width:124px;
	color:white;
	background: #252525;
	font-size:18px;
	margin:0 0 0 0;
	padding: 3px 0 0 0;
}

div#networks
{
	width:100%;
	float:left;
	margin: 10px 0 5px 0;
}
/* Network stuff is for facebook/youtube/constant contact images in navbar */

div#networks a
{
	display:block;
	padding:0;
	border:0;
	text-decoration:none;
	width:100%;
}

div#networks a:hover
{
	background-color: #888888;
	
}

div#networks p.center
{
	text-align:center;
	margin: 1px 0 2px 0;
}


div#content_thumb
{
	padding: 10px 2px 2px 2px;
	color: #330000;
	font-size:15px;
	font-style: italic;
	font-family:arno pro, "sans serif";
	text-align:center;
	width: 225px;
	float:right;
}
/* thumbs to put in page content */

div#photoDesc
{
	font-family:arno pro, "sans serif";
	font-size:15px;
	font-style: italic;
	color: black;
	width:722px;
	text-align:right;
	float: left;
	padding: 15px 0 0 0 ;
}
/* Located at bottom of page - tells what background pic or other pics are */

div#space
{
	width:850px;
	height:10px;
	background-color:#111111;
	float:left;
}
/* goes above the contact info underneath the page */

div#contact 
{
	text-align:center;
	padding-bottom: 10px;
	color:#777777;
	font-size:14px;
	width:850;
	float:center;
}
/* SMG contact info @ bottom */

div#footer
{
	border-top:1px dashed #777777;
	text-align:center;
	padding:5px; 
	color:#777777;
	font-size:10px;
	float:center;
}
/* Copywrite - ALSO NEED TO PUT A LINK TO OUR SITE!!!!!!!!!!! */