/* 
Schanks
General Screen Styles
 */
/* 	content background d9c4a9
 	background 4a4743
	text 36302a
	schanks red a21812
 */
	
/* Reset global */
* {
	margin: 0px;
	padding: 0px;
	}
body {
	background: url(../images/bkg_body.gif) top center repeat #4a4743;
	font: normal 11px "verdana", "lucida grande", "geneva", "arial", "helvetica", sans-serif;
	color: #36302a;
	text-decoration: none;
	text-align: center;
	}

img {
	display: inline;
	vertical-align: baseline;
	}
a img {border: none; }
ul, ol {
	list-style-image: none;
	list-style-type: none;
}
table, tr, td {
	border-collapse: collapse;
	font-size: 11px;
}
td {vertical-align: top; }
/* 	h1 title
	h2 --
	h3 --
	h5 --
	h6 --
 */
h1, 
h2     {
	font-size: 1.8em;
	font-weight:bold;
	margin-bottom: 1em;
	}
h3 {
	font-size: 1.6em;
	font-weight:bold;
	margin-bottom: 1em;
	text-transform: capitalize;
}


h4 {
	font-size: 1.3em;
	font-weight:bold;
	margin-bottom: 1em;
	text-align: left;
	margin-left: 30px;
	color: #B20604;
}
h5 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 1em;
	text-align: left;
	margin-left: 30px;
}
h6 {
	font-size: 1.3em;
	font-weight:bold;
	margin-bottom: 1em;
	margin-left: 30px;
	text-align: left;
}

p {margin-top: 1em; }
.chunky {font-weight: bold; }
.smalltext {font-size: 0.9em; }
a:link, a:visited {
	color: #990000;
	text-decoration: underline;
	}
a:active, a:hover {
	color: #a21812;
	text-decoration: none;
	}
.left-image {
	padding: 2px;
	border: 1px solid #B20604;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	margin-right: 10px;
}
.right-image {
	padding: 2px;
	border: 1px solid #B20604;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	margin-right: 0px;
}
/* Layout blocks */
#sc_container {
	position: relative;
	width: 770px;
	margin: 150px auto 0px auto;
	padding-top: 20px;
	border-top: solid 2px #70614e;
	}
#sc_content {
	text-align: center;
	margin-top: 0px;
	margin-right: 270px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
	}
#sc_rightcol {
	width: 250px;
	text-align: left;
	float: right;
	padding: 0px;
	margin-top: -15px;
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 0px;
	}
/* margin-bottom attached to sc_content and sc_rightcol so whichever is longest will set the margin from the bottom of the page */
/* border-top: solid 2px #4a3c2b; */

#sc_footer {
	clear: both;
	background: url(../images/bkg_footer.gif) top left repeat-x #4a3c28;
	width: 770px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #000000;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	}
#sc_footer p {
	font-size: 10px;
	color: #d9c4a9;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	border-bottom-width: 3px;
	border-bottom-style: none;
	border-bottom-color: #FF8427;
	}
#sc_header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 150px;
	border-bottom: solid 1px #241c1b;
	text-align: center;
	background-image: url(../images/bkg_header.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	background-color: #70614e;
	}
#sc_topnav {
	clear: both;
	width: 770px;
	height: 26px;
	margin: 0px auto 0px auto;
	}

/* topnav mouseovers */
/*#sc_schankslogo {
	float: left;
	width: 366px;
	height: 124px;
	background: url(../images/topnav_schankslogo.gif) 0px 0px no-repeat transparent;
	}*/
#sc_schankslogo:link, 
#sc_schankslogo:visited {
	background-position: 0px 0px;
}
/*#sc_schankslogo:active, 
#sc_schankslogo:hover {background-position: 0px -124px; }*/
#sc_locations {
	float: right;
	width: 379px; height: 124px;
	}
#sc_locations a {
	display: block;
	float: left;
	height: 124px;
	background: url(../images/topnav_locations.gif) 0px 0px no-repeat transparent;
	}
#sc_vancouver, 
#sc_vancouverlit {width: 90px; }
#sc_edmonton, 
#sc_edmontonlit {width: 91px; }
#sc_calgarynorth, 
#sc_calgarynorthlit {width: 104px; }
#sc_calgarysouth, 
#sc_calgarysouthlit {width: 94px; }

#sc_vancouver:link, 
#sc_vancouver:visited {background-position: 0px 0px; }
#sc_vancouver:active, 
#sc_vancouver:hover, 
#sc_vancouverlit:link, 
#sc_vancouverlit:visited, 
#sc_vancouverlit:active, 
#sc_vancouverlit:hover {background-position: 0px -124px; }

#sc_edmonton:link, 
#sc_edmonton:visited {background-position: -90px 0px; }
#sc_edmonton:active, 
#sc_edmonton:hover, 
#sc_edmontonlit:link, 
#sc_edmontonlit:visited, 
#sc_edmontonlit:active, 
#sc_edmontonlit:hover {background-position: -90px -124px; }

#sc_calgarynorth:link, 
#sc_calgarynorth:visited {background-position: -181px 0px; }
#sc_calgarynorth:active, 
#sc_calgarynorth:hover, 
#sc_calgarynorthlit:link, 
#sc_calgarynorthlit:visited, 
#sc_calgarynorthlit:active, 
#sc_calgarynorthlit:hover {background-position: -181px -124px; }

#sc_calgarysouth:link, 
#sc_calgarysouth:visited {background-position: -285px 0px; }
#sc_calgarysouth:active, 
#sc_calgarysouth:hover, 
#sc_calgarysouthlit:link, 
#sc_calgarysouthlit:visited, 
#sc_calgarysouthlit:active, 
#sc_calgarysouthlit:hover {background-position: -285px -124px; }
/* set id of the <a href> of the currently displaying location to '_____lit' to keep that location lit in the header */
/* styles for the topnav section links are embedded in the html */

/* contentbox components */
#sc_content .contentbox {
	background: url(../images/contentbox/red_body.gif) left top repeat-y #dcc4a9;
	width: 490px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	}
#sc_content .contentbox .box_head  {
	background: url(../images/contentbox/red_head.gif) left top no-repeat #dcc4a9;
	margin: 0px;
	color: #ffffff;
	padding: 30px 15px 20px 15px;
	font-size: 24px;
	font-weight: bold;
	}
#sc_content .contentbox p {
	margin: 0px 30px 10px 30px;
	text-align: left;
	}
#sc_content .contentbox img {
	margin: 0px 10px 10px 10px;
	}
#sc_content .contentbox h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 0.2em 0em 0.5em 0em;
	}
#sc_content .contentbox .box_foot {
	background: url(../images/contentbox/red_foot.gif) left bottom no-repeat #dcc4a9;
	height: 24px;
	font-size: 1px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: left;
	}
#buttons {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 35px;
	margin-left: 35px;
	}
/* IE requires a font size for the box_foot as it will leave a gap as tall as the font size, even if the box_foot is empty */

.sc_button-left {
	width: 200px;
	height: 38px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #dcc4a9;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	padding: 0px;
	overflow: hidden;
	float: left;
	}
.sc_button-left    a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url(../images/button.gif) left top no-repeat #dcc4a9;
	padding: 10px;
	text-decoration: none;
	}
.sc_button-right {
	width: 200px;
	height: 38px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #dcc4a9;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	padding: 0px;
	overflow: hidden;
	float: right;
}
.sc_button-right  a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url(../images/button.gif) left top no-repeat #dcc4a9;
	padding: 10px;
	text-decoration: none;
}

.sc_button-left a:link, .sc_button-left a:visited {
	color: #003333;
	background-position: 0px 0px;
	}
.sc_button-left a:active, .sc_button-left a:hover {
	color: #a21812;
	background-position: 0px -50px;
	}
.sc_button-right a:link, .sc_button-right a:visited {
	color: #003333;
	background-position: 0px 0px;
	}
.sc_button-right a:active, .sc_button-right a:hover {
	color: #a21812;
	background-position: 0px -50px;
	}
/* calendar view switching button */
#weeklycalendar, 
#monthlycalendar {
	display: block;
	width: 250px; height: 40px;
	margin-top: 10px;
	font-size: 1px;
	background: url(../images/calendar/button_monthlyweekly.gif) 0px 0px no-repeat #dcc4a9;
	}
#weeklycalendar:link, 
#weeklycalendar:visited {
	background-position: 0px 0px;
	}
#weeklycalendar:active, 
#weeklycalendar:hover, 
#monthlycalendar:link, 
#monthlycalendar:visited {
	background-position: 0px -40px;
	}
#monthlycalendar:active, 
#monthlycalendar:hover {
	background-position: 0px 0px;
	}

/* right column calendar box background components - these boxes are also used for ad features */
#sc_rightcol div {
	background: url(../images/calendar/bkg_red.gif) 0px 0px repeat-y #dcc4a9;
	margin-top: 5px;
	text-align: center;
	}
#sc_rightcol .red, 
#sc_rightcol .red .cal_head, 
#sc_rightcol .red .cal_foot {
	background-image: url(../images/calendar/bkg_red.gif);
	}
#sc_rightcol .faded, 
#sc_rightcol .faded .cal_head, 
#sc_rightcol .faded .cal_foot {
	background-image: url(../images/calendar/bkg_faded.gif);
	}
#sc_rightcol .deep, 
#sc_rightcol .deep .cal_head, 
#sc_rightcol .deep .cal_foot {
	background-image: url(../images/calendar/bkg_deep.gif);
	}
#sc_rightcol .gold, 
#sc_rightcol .gold .cal_head, 
#sc_rightcol .gold .cal_foot {
	background-image: url(../images/calendar/bkg_gold.gif);
	}
#sc_rightcol div .cal_head {
	background-position: -300px 0px;
	margin: 0px;
	color: #ffffff;
	padding: 15px 8px 5px 8px;
	font-size: 11px;
	font-weight: bold;
	}
#sc_rightcol div .cal_foot {
	background-position: -600px bottom;
	clear: both;
	height: 15px;
	font-size: 1px;
	}
/* IE requires a font size for the .cal_foot as it will leave a gap as tall as the font size, even if the .cal_foot is empty */

/* cal_head backward forward buttons */
#sc_rightcol div .cal_head a {
	background: url(../images/calendar/button_backfwd_red.gif) 0px 0px no-repeat transparent;
	width: 30px; height: 15px;
	}
#sc_rightcol .red .cal_head a {
	background-image: url(../images/calendar/button_backfwd_red.gif);
	}
#sc_rightcol .faded .cal_head a {
	background-image: url(../images/calendar/button_backfwd_faded.gif);
	}
#sc_rightcol .deep .cal_head a {
	background-image: url(../images/calendar/button_backfwd_deep.gif);
	}
#sc_rightcol .gold .cal_head a {
	background-image: url(../images/calendar/button_backfwd_gold.gif);
	}
#sc_rightcol div .cal_head a.go_back {
	float: left;
	margin-right: 5px;
	}
#sc_rightcol div .cal_head a.go_back:link, 
#sc_rightcol div .cal_head a.go_back:visited {
	background-position: 0px 0px;
	}
#sc_rightcol div .cal_head a.go_back:active, 
#sc_rightcol div .cal_head a.go_back:hover {
	background-position: -30px 0px;
	}
#sc_rightcol div .cal_head a.go_forward {
	float: right;
	margin-left: 5px;
	}
#sc_rightcol div .cal_head a.go_forward:link, 
#sc_rightcol div .cal_head a.go_forward:visited {
	background-position: -60px 0px;
	}
#sc_rightcol div .cal_head a.go_forward:active, 
#sc_rightcol div .cal_head a.go_forward:hover {
	background-position: -90px 0px;
	}
 
/* right column weekly calendar box content elements */
#sc_rightcol div h1 {
	background: url(../images/calendar/h1.gif) 0px 0px repeat-x  #dcc4a9;
	clear: both;
	width: 236px;
	margin: 0px auto 0px auto;
	color: #a21812;
	line-height: 22px;
	font-size: 11px;
	font-weight: bold;
	}
#sc_rightcol div h1 a {
	background: url(../images/calendar/h1.gif) 0px 0px repeat-x  #dcc4a9;
	display: block;
	padding: 0px 10px 0px 10px;
	}
#sc_rightcol div h1 a:link, 
#sc_rightcol div h1 a:visited {
	background-position: 0px 0px;
	}
#sc_rightcol div h1 a:active, 
#sc_rightcol div h1 a:hover {
	background-position: 0px -64px;
	}
#sc_rightcol div p {
	margin: 0px 20px 5px 20px;
	font-size: 9px;
	}
#sc_rightcol div img {
	margin: 0px 5px 5px 5px;
	}

/* right column monthly calendar box content elements */
#sc_rightcol div .monthlygrid {
	width: 225px;
	margin: 5px auto 0px auto;
	}
#sc_rightcol div .monthlygrid li, 
#sc_rightcol div .monthlygrid a {
	display: block;
	background: url(../images/calendar/button_calendardates.gif) 0px 0px no-repeat #dcc4a9;
	float: left;
	width: 32px; height: 26px;
	font-weight: bold; line-height: 23px;
	}
#sc_rightcol div .monthlygrid li {
	display: inline;
	background-position: 0px -30px;
	color: #a21812;
	}
#sc_rightcol div .monthlygrid a.sunday {
	clear: both;
	}
#sc_rightcol div .monthlygrid a.othermonth {
	font-weight: normal;
	font-size: 0.9em;
	}
#sc_rightcol div .monthlygrid a:link, 
#sc_rightcol div .monthlygrid a:visited {
	background-position: 0px 0px;
	}

#sc_rightcol div .monthlygrid a:active, 
#sc_rightcol div .monthlygrid a:hover {
	background-position: 0px -60px;
	}
#sc_rightcol div .monthlygrid a.today:link, 
#sc_rightcol div .monthlygrid a.today:visited {
	background-position: 0px -30px;
	color: #a21812;
	}
#sc_rightcol div .monthlygrid a.today:active, 
#sc_rightcol div .monthlygrid a.today:hover {
	background-position: 0px -60px;
	}
#sc_rightcol .red iframe {
	height: 390px;
	width: 240px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sc_content .contentbox ul {
	text-align: left;
	line-height: 1.4em;
}

#sc_content .contentbox li {
	list-style-type: disc;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.4em;
	list-style-position: inside;
	font-weight: normal;
	font-size: 11px;
}

hr {
	width: 85%;
	margin-left: 35px;
	color: #B20604;
	background-color: #B20604;
	height: 1px;
}
#event-frame iframe {
	width: 90%;
	height: 300px;
}
table p {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
#form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#booking-form {
	margin-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
}
#booking-form table {
	margin: 0px;
	padding: 0px;
}
#booking-form h4 {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.form-input {
	font-size: 13px;
	background-color: #FFFFFF;
	border: 1px solid #A21812;
}
.form-input:hover {
	font-size: 13px;
	background-color: #F4F4F4;
	border: 1px solid #000000;
}

#rotate {
	height: 356px;
	width: 230px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}
#top-activities {
	margin-top: 0px;
	position: absolute;
	left: 35px;
	float: left;
}
#top-activities li {
	display: inline;
	list-style-type: none;
}
#top-activities ul {
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
	margin-top: 0px;
}
.golf-li {
	padding-bottom: 5px;
}
#sc_schankslogo-van {
	float: left;
	width: 366px;
	height: 124px;
	background-color: transparent;
	background-image: url(../images/topnav_schankslogo-van.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#sc_schankslogo {
	float: left;
	width: 366px;
	height: 124px;
	background-color: transparent;
	background-image: url(../images/topnav_schankslogo-van.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#aca { float: right; margin-top: 15px; }