/* Created on 2/08 */
/* This style sheet is only used for winter pages */

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:25px;
	font-family:Tranjan Pro, "sans serif";
	font-weight:bold;
	letter-spacing: 0.4cm;
	text-align: right;
	color: black;
	line-height:24px;
	margin-right:2cm;
	margin-top:.5cm;
	margin-bottom: 0cm;
}
/* Title for page - goes in photo at very top */

h2
{
	align:right;
	margin-left:10px; 
	color:#FFFF00;
	font-size:20px;
}

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 text that is not a heading or some type of title */

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#winter_content
{
	width:850px;
	float:left;
}
/* holds everything - text - logo at  bottom -navbar - not footer though - this is inside the border div*/

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

div#winter_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #252525;
	float:left;
}
/* main content - all text and background image for winter.html */

div#winter_text ul
{
	font-size:17px;
	list-style: none;
	margin: 0 0 20px 10px;
	border: none;
}
/ * The featured course/event being announced and link to it */

div#winter_text li
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div#winter_text li a 
{
	text-size:17px;
}

div#winter_text h3 
{
	font-weight:normal;
	text-align:left;
	letter-spacing: 0;
	color:#CC0000;
	font-size:20px;
	margin:0 0 0 0;
	padding: 10px 10px 10px 5px;
}
/* Announcement for course - event etc @ bottom of page */

div#williams_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #252525;
	float:left;
}
/*  main content - all text and background image for williams.html */

div#winter_guide_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #252525;
	float:left;
}
/*  main content - all text and background image for winter_guide.html */

div#courses_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #333333;
	float:left;
}
/*  main content - all text and background image for courses.html */

div#courses_text ul
{
	font-size:17px;
	color:#000000;
	list-style: none;
	margin: 0 0 10px 10px;
	border: none;
}
/* the different dates for a course */

div#courses_text li
{
	padding: 5px 0 0 10px;
	margin: 0;
}
/* the different dates for a course */

div#courses_text li a {
text-size:17px;
}

div#courses_text h1 
{
	font-weight:bold;
	text-align:left;
	letter-spacing: 0;
	color:#CC0000;;
	font-size:20px;
	margin:0 0 0 0;
	padding: 10px 10px 10px 5px;
}
/* The course title */

div#section
{
	font-size:18px;
	font-family:Tranjan Pro, "sans serif";
	font-weight:bold;
	text-align: center;
	margin:10px 0 10px 0;
	width:720px;
	color: black;
	background-color:white;
	float:left;
}
/* a header that goes in the middle of page w/ different background color */

div.section
{
	font-size:18px;
	font-family:Tranjan Pro, "sans serif";
	font-weight:bold;
	text-align: center;
	margin:10px 0 10px 0;
	width:720px;
	color: black;
	background-color:white;
	float:left;
}

div#section_red
{
	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_red
{
	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#williams_schedule_text
{
	width:722px;
	background-color:#CCCC99;
	border-right: 3px solid #252525;
	float:left;
}
/*  main content - all text and background image for courses.html */

div#williams_schedule_text h3
{
	color: #000000;
	font-size: 22px;
	text-align:center;
}
/*  main content - all text and background image for courses.html */

div#header 
{
	margin-left:10px; 
	width:712px;
	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;
}

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#content_thumb img
{
	border: 1px solid black;
}

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.content_thumb img
{
border: 1px solid black;
}

div#photoDesc
{
	font-family:arno pro, "sans serif";
	font-size:15px;
	font-style: italic;
	color: white;
	width:720px;
	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#bottomPic
{
	margin:0 0 0 0;
	padding-top: 10px 0 0 0;
	width:720px;
	float:left;

}
/* AAA cert logo on courses.html */

div#contact 
{
	text-align:center;
	padding-bottom: 10px;
	color:#777777;
	font-size:14px;
	width:850px;
	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!!!!!!!!!!! */