/* Created on 2/08 */
/* This style sheet is only used for the specific course pages for example avalanche1.html, NOT courses.html */

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.75cm;
text-align: right;
color: black;
margin-right:2cm;
margin-bottom:1cm;
}
/* Page title - in front of banner picture */

span.bold
{
font-weight:bold;
}
/* For 'Days' in the avi pages */

div#aviTitle
{
width:720px;
font-size:22px;
font-family:Tranjan Pro, "sans serif";
font-weight:bold;
text-align: center;
color: black;
}
/* Main heading at top of page stating the title of the course */

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 */

p.center
{
    text-align:center;
    margin:0;
}
/* For centering images */

ul
{
	list-style-type: none;
}


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 border div */

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


div#courses_text
{
width:722px;
background-color:#CCCC99;
float:left;
border-right: 3px solid #252525;
}
/* holds text for course pages only - also the bottom logo - the main part of the page */

div#courses_text a img
{
border: none;
}
/* holds text for course pages only - also the bottom logo - the main part of the page */

div#dates
{
width:720px;
font-family:arno pro,"sans serif";
font-size:22px;
color: #CC0000;
text-align: center;
float:left;
}
/* specific course dates - some courses have multiple dates - displayed near top of page */

div#topspace
{
width: 720px;
height: 10px;
float:left;
}
/* This is a blank space used in between the sections of the course and descriptions so everything isn't so pushed together */

div#bottomPic
{
width:720px;
float:left;
}
/* The winter SMG logo @ bottom of page w/ avi credentials */

div#navbar
{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size:15px;
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:122px;
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.button
{
margin-top:10px;
margin-left:80px;
height:20px;
width: 545px;
padding-left: 5px;
background-image:url('../images/avalanche/button_background.gif');
float:left;
}

div.button p
{
font-family:arno pro,"sans serif";
font-size:17px;
text-align:center;
color: black;
font-weight:bold;
margin: 0 0 0 0;
}

div.button a
{
color: #0000FF;
text-decoration:underline;
}

div.button a:hover
{
color:red;
}

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

div.section
{
font-size:18px;
font-family:Tranjan Pro, "sans serif";
font-weight:bold;
text-align: center;
width:720px;
background-color: #000000;
color: white;
float:left;
margin: 5px 0 5px 0;
}
/* holds the text for describing the parts of the course - overview - topics - instructures - regisration/fees */

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!!!!!!!!!!! */