/* Calgary International Salsa Congress Screen CSS 3 Column Layout */
/* Author: Eric Gooden, Hype Media | http://www.hypemedia.ca */
/* Copyright Hype Media, All Rights Reserved */

body, html {
	margin: 0;
	padding: 0;
}

body {
	background: #363636;
	text-align: center;
	min-width: 780px;
	font: 13px/21px "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	color: #EEE1A7;
}

/* layout divs */

#container {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: left;
}

#header { /*now entire left column wrapper */
	background: #111 url(../images/interface/header.jpg) no-repeat top left;
	/* height: 359px; */
	width: 610px;
	float: left;
}

#header span {
	display: none;
}

#sidebar {
	width: 162px;
	margin-left: 8px;
	float: left;
	top: 0;
	vertical-align: top;
}

#contentWrapper {
	margin-top: 20px;
	width: 610px;
	background: #111;
	float: left;
}

#content {
	width: 415px;
	background: #111;
	padding: 0 26px 0 10px;
	float: left;
}

#optional {
	width: 149px;
	float: right;
	background: #111;
	font-size: 12px;
	line-height: 16px;
	padding-right: 10px;
}

#optional span {
	display: inline;
}

#footer {
	clear: both;
	font-size: 11px;
	line-height: 17px;
	margin: 0 10px 0;
	padding-top: 28px;
	padding-bottom: 20px;
}

.legals {

	padding-top: 15px;
	margin-top: 25px;
	border-top: 1px #662D91 solid;
}

/* nav menu styling */
#sidebar ul, #sidebar li {
	text-indent: 0;
	margin-left: 0;
	padding-left: 0;
}

#sidebar li {
	list-style: none;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #EEE2AB;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	text-decoration: none;
	color: #EEE2AB;
	border-bottom: none;
}

#sidebar ul li a:hover, #sidebar ul li a:active {
	border-bottom: none;
	color: #DD382C;
}

#sidebar ul {
	margin-bottom: 84px;
}

/* ESPN blurb */

p.espn {
	font-size: 10px;
	line-height: 15px;
	margin: 0 0 25px;
}


/* optional div styling */

#optional p {
	margin: 1px 0 20px;
}

.title {
	font-size: 10px;
}


/* button styling */
.button {
	float: right;
	line-height: 30px;
	margin: 23px 0 5px -5px;
	list-style: none;
	display: block;
	border: none; !important	
	text-decoration: none; !important
}

.button li {
	margin-bottom: 14px;
}

.button a {
		border: none; !important
		text-decoration: none; !important
}

#buttons {
	border: none;
	text-decoration: none;
}


/* link styling */

#content p a:link, #content p a:visited, .update a:link, .callout a:link, #footer p a:link, #footer p a:visited, #optional p a:link, #optional p a:visited, .update a:visited, .callout a:visited {
	color: #DD382C;
	text-decoration: none;
	border-bottom: 1px #DD382C dashed;
	
}

#content p a:hover, #content p a:active, .update a:hover, .callout a:hover, #footer p a:hover, #footer p a:active, #optional p a:hover, #optional p a:active,  .update a:active .callout a:active {
	color: #DD382C;
	border-bottom: 1px #DD382C solid;
}


/* headings */
h1, h2, h3 {
	color: #DD382C;
	text-transform: lowercase;
}

h1 {
	font-size: 60px;
	line-height: 65px;
}

h2 {
	font-size: 30px;
	line-height: 35px;
}

h3 {
	font-size: 18px;
	line-height: 23px;
}

#content h1 {
	margin-bottom: -10px;
}

#content h2 {
	margin-bottom: -7px;
}

#content h3 {
	margin-bottom: -4px;
}

table h2, table h3 {
	margin-top: 5px;
}

.pictureFrame {
	border: 1px #662D91 solid;
}

#optional a { /* ensures no link underlines on header or sidebar or images in optional */
	border: none;
	text-decoration: none;
}

.update {
	background-color: #363636;
	padding: 5px;
}

#countbox1st, #countbox {
	color: #DD382C;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 25px;
	display: inline;
}

.callout {
	background-color: #363636;
	padding: 5px;
	margin-top: 5px;
}

.callout li {
	font: 11px/17px;
}