@charset "UTF-8";

/* HTML ELEMENT REDEFINITIONS */
body {
	margin:0 0;
	
	background-color:#ec1c24;
	background-image:url(../images/bg/body_bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	
	text-align:center; 
}

body, td {
	font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif;
}

#banner .links {
	display:block;
}

form div {
	position:relative;
}

form span {
	position:relative;
}

img {
	border:none;
}

p {
	margin-top:0;
}

/* GLOBALLY-USEFUL CLASSES */

table.divContainer {
	position:relative;
	top:0px;
	border-collapse:collapse;
}

table.divContainer td {
	padding:0 0;
}

a .over { /* this style and the next facilitate a great CSS rollover trick */
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	display:none;
}

a:hover .over {
	display:block;
}



/* NAMED STRUCTURAL DIVS */
#banner {
	height:94px;
	width:980px;
	margin:0 auto 30px auto;
	
	text-align:left;
}

#main {
	width:980px;
	margin:0 auto;
	padding:0 5px 24px 5px;
	
	background:url(../images/bg/main_bg.jpg) no-repeat bottom left;
	
	text-align:left;
}

#calloutLinks {
	width:980px;
	height:170px;
	margin:0 auto 12px auto;
	padding:0 5px;
	z-index:5;
	background:url(../images/bg/callout_bg.jpg) no-repeat top left;
}

#nav_primary {
	margin:0 0 12px 0;
	background:url(../images/nav/main_nav_bg.jpg) repeat-x top left;
}

#nav_secondary {
	position:absolute;
	z-index:1;
	min-height:278px;
	width:154px;
	margin:0 18px 0 0;
	padding:0 16px;
	background:url(../images/bg/left_callout_bg_fill.jpg) repeat-y top left;
	background-color:#901116;
	/* HACK: for IE6 only; use CSS borders instead of PNG bg's */
	_background-image:none;
	_border:solid 1px white; 
}

#contentWell {
	width:538px;
	min-height:550px;
	margin:0 0 0 205px;
	padding:16px 16px;
	background:url(../images/bg/content_bg.gif) no-repeat top left;
	background-color:white;
	z-index: 2;
}

* html #contentWell
{
	height: 550px;
}

#sidebar {
	float:right;
	width:175px;
	position:relative;
	z-index:2;
}

#footer {
	width:948px;
	height:36px;
	margin:0 auto 24px auto;
	padding:0 0;
	
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:white;
}

/* BANNER ELEMENTS */

#banner img.logo {
	position:absolute;
	left:0px;
	bottom:0px;
}

#banner .login {
	position:absolute;
	display:inline; /* forces a 'min' width rather than 'max-width' model */
	height:45px;
	top:0;
	right:0;
	padding:14px 163px 0 16px;

	background-color:white;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	
	text-align:left;
	white-space:nowrap;
	font-size:11px;
	font-weight:bold;
	color:#666;
}

#banner .login .background {
	position:absolute;
	top:-2px;
	left:-4px;
	width:4px;
	height:62px;

	background-image:url(../images/bg/sign-in_border_left.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#banner .login label {
	position:relative;
	top:0px;
	margin:0 10px 0 0;
}

#banner .rememberLabel label
{
    position: relative;
    top: -5px;
    color: #ED1B2E;
    text-decoration: underline;
	font-weight:regular;
	font-size:10px;
}

#banner .login .rememberLabel input
{
    width: 10px;
	background:none;
}

div.RembemberMe
{
    position: relative;
    top: -6px;
    padding: 0px 0px 0px 63px;
}

#banner .login input {
	height:16px;
	width:102px;
	margin:0 14px 0 0;
	padding:4px 2px 0 2px;
	background-color:#e6e6e6;
	border:none;
}

#banner .login .reminder {
	position:absolute;
	top:20px;
	right:16px;
	
	font-size:10px;
	font-weight:bold;
	color:#ed1b2e;
}

#banner .login .button {
	position:relative;
	width:65px;
	margin:0 0;
}

#banner .login .button img {
	position:relative;
	vertical-align:text-top;
	top:-4px;
}


#banner .login .membership {
	position:absolute;
	z-index:100;
	top:-2px;
	right:0;
	width:143px;
	height:62px;
	
	background-color:white;
	background-image:url(/images/bg/become_a_member_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
	text-align:center;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
}

#banner .login .membership a.becomeInstructor
{
	border-top: solid 1px #FFFFFF;
}

#banner .login .membership a {
	color:white;
	text-decoration:none;
	line-height: 30px;
	vertical-align:middle;
	display:block;
}

#banner .login .membership a:hover {
	text-decoration:underline;
}

#banner .links {
	position:absolute;
	/* display:none; */
	z-index:200;
	bottom:11px;
	right:0;
	
	background:none;
}

#banner .links,
#banner .links a {
	font-size:11px;
	font-weight:bold;
	color:#ed1b2e;
	text-decoration:none;
}

#banner .links a:hover {
	text-decoration:underline;
}

/* PRIMARY NAV ELEMENTS */

#nav_primary .borderRight {
	display:none;
}

#nav_primary .borderLeft {
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:100%;
	
	background:url(../images/nav/main_nav_right_border.jpg) no-repeat top right;
}

#nav_primary img {
	vertical-align:top;
}

#nav_primary a {
	position:relative;
	padding:0 0;
	vertical-align:top;
	font-size:11px;
	line-height:16px;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 hack to position rollovers properly */
	#nav_primary a img.over {
		top:-2px;
	}


}

#nav_primary a:hover img.overTest {
	display:block;
}

#nav_primary a:hover {
	text-decoration:underline;
}

#nav_primary .text {
	position:relative;
	top:22px;
	display:inline;
	padding:0 8px;
}

#nav_primary .text a {
	margin:0 24px 0 0;
}

/* SECONDARY NAV ELEMENTS */

#nav_secondary .borderTop {
	position:absolute;
	_display:none; /* hide from IE6 */
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/bg/left_callout_bg.jpg) no-repeat top left;
}

* html #nav_secondary .borderTop
{
	height: 278px;
}

#nav_secondary .background {
	position:absolute;
	_display:none; /* hide from IE6 */
	bottom:-8px;
	left:0;
	width:186px;
	height:8px;
	background:url(../images/bg/left_callout_bg_bottom.png) no-repeat bottom left;
}

#nav_secondary h2 {

	position:relative;
	_top:12px; /* HACK: adjust position for IE6 only */
	font-size:16px;
	/*padding: 0px 0px 0px 15px; */
	color:#ffd520;
}

#nav_secondary ul 
{
	
	/* margin:0px 0px 0px 8px;
	padding:0px 0px 0px 7px; */
	margin:0 0;
	padding: 0 0;
	/*width: 90%;*/
	list-style:none;
	
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	color:white;
	
	background:none;
}

#nav_secondary ul li {
	position:relative;
	margin:0 0 6px 0;
}

#nav_secondary ul li .icon {
	position:absolute;
	top:0;
	left:-10px;
	display:none;
}

#nav_secondary ul li.active .icon {
	display:block;
}

#nav_secondary ul li a {
	color:white;
	text-decoration:none;
}
	
#nav_secondary ul li a:hover {
	text-decoration:underline;
}

/* SIDEBAR ELEMENTS */

#sidebar .userInfo {
	min-height:132px;
	margin:0 0 24px 0;
	padding:6px 9px;
	
	background-color:#e91d25;
	_border-top:solid 1px #e91d25; /* HACK: force bg color to display in IE6 */
	
	font-size:12px;
	line-height:16px;
}

#sidebar * .userInfo {
	position:relative;
	z-index:10;
}

#sidebar .userInfo .borderTop {
	position:absolute;
	_display:none; /* HACK: hide from IE6 */
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:url(../images/bg/userinfo_bg_top.png) no-repeat top left;
}

#sidebar .userInfo .background {
position:absolute;
	_display:none; /* HACK: hide from IE6 */
	z-index:1;
	bottom:-6px;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/bg/userinfo_bg.png) no-repeat bottom left;
}

#sidebar .userInfo .content {
	z-index:15;
}

#sidebar .userInfo h2 {
	z-index:100;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
	
	border-bottom:solid 2px #c1272d;
	font-size:16px;
	line-height:19px;
	color:white;
}

#sidebar .userInfo h3 {
	margin:12px 0 6px 0;
	padding:6px 0 0 0;
	
	border-top:solid 2px #c1272d;
	
	font-size:14px;
	line-height:16px;
	color:white;
}

#sidebar .userInfo ul {
	margin:0 0;
	padding:0 0;
	
	list-style:none;
}

#sidebar .userInfo ul li,
#sidebar .userInfo ul li a {
	color:white;
}

#sidebar .learnToPlay {
	margin:8px 0 24px 0;
	padding:6px 9px 6px 9px;
	
	background-color:#ebebeb !important;
	_border-top:solid 1px #ebebeb; /* HACK: forces bg to display in IE6 */
	
	font-size:10px;
	line-height:14px;
}

#sidebar .learnToPlay .borderTop {
	position:absolute;
	_display:none; /* HACK: hide from IE6 */
	z-index:1;
	top:-8px;
	left:0;
	width:100%;
	height:8px;
	background:url(../images/bg/learntoplay_bg_top.png) no-repeat top left;
}

#sidebar .learnToPlay .background {
	position:absolute;
	_display:none; /* HACK: hide from IE6 */
	z-index:1;
	bottom:-8px;
	left:0;
	width:100%;
	height:8px;
	background:url(../images/bg/learntoplay_bg_bottom.png) no-repeat bottom left;
}

#sidebar .learnToPlay h2 {
	margin:0 0 6px 0;
	
	font-size:14px;
	line-height:16px;
	color:#c1272d;
}

#sidebar .learnToPlay p {
	margin:0 0 6px 0;
}

#sidebar .learnToPlay a {
	color:#c1272d;
}

#sidebar .recentNews {
	padding:0 9px 0 0;
	font-size:12px;
	line-height:18px;
	color:white;
}

#sidebar .recentNews .borderTop {
	position:absolute;
	display:none;
}

#sidebar .recentNews .background {
	position:absolute;
	display:none;
}

#sidebar .recentNews h2 {
	width:100%;
	height:16px;
	margin:0 0 9px 0;
	
	background:url(../images/type/recent_news_head.png) no-repeat top left;
	background-image:none; /* HACK: hide from IE6 (use actual type) */
	
	font-size:19px;
	font-weight:normal;
	line-height:22px;
	color:#ffd520;
}

#sidebar .recentNews h2 span {
	visibility:hidden;
	_visibility:visible; /* HACK: use actual type in IE6 */
}

#sidebar .recentNews p {
	margin:0 0 14px 0;
	padding:0 0 12px 0;
	
	border-bottom:solid 1px #ccc;
}

#sidebar .recentNews .date {
	display:block;
	text-transform:uppercase;
}

#sidebar .recentNews a {
	display:block;
	
	font-weight:bold;
	color:#ffd520;
}


/* CALLOUT LINKS ELEMENTS */

#calloutLinks .content {
	position:absolute;
	top:0;
	left:0;
	padding:0 0 0 22px;
	
	font-size:14px;
	font-weight:normal;
	color:white;
	text-align:left;
}

#calloutLinks .content div {
	position:relative;
	top:12px;
	float:left;
	width:178px;
	height:133px;
	margin:0 12px 0 0;
	_margin-right:8px; /* HACK: adjust inter-item spacing for IE6 */
	padding:0 38px 0 12px;
	
	background:url(../images/bg/callout_box_bg.png) no-repeat top left;
	_background:#ec1c24;
	_border:solid 1px white;
}

#calloutLinks .content div a {
	position:absolute;
	top:0px;
	left:0px;
	background-color:transparent;
}

#calloutLinks .content div a img {
	_visibility:hidden;
}

/* HACK: set alternate (no-transparency) images for each callout div in IE6 */
#calloutLinks .content .myArea {
	_background:url(/images/type/in-my-area_callout_text_dithered.gif) no-repeat top left !important;
	z-index:2;
}

#calloutLinks .content .join {
	_background:url(../images/type/why-join-us_callout_text_dithered.gif) no-repeat top left !important;
}

#calloutLinks .content .league {
	_background:url(../images/type/league-play_callout_text_dithered.gif) no-repeat top left !important;
}

#calloutLinks .content .skills {
	_background:url(../images/type/skills-challenge_callout_text_dithered.gif) no-repeat top left !important;
}

/* END of IE6 callout image HACK */

/* FOOTER ELEMENTS */
#footer {
	margin-top:16px;
}
#footer, #footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:white;
}

#footer a {
	margin:0 12px 0 0;
}

#footer .logos {
	position:absolute;
	top:0;
	right:0;
}

#footer .logos label {
	margin:0 10px 0 0;
}

#footer .logos img {
	position:relative;
	top:-6px;
	vertical-align:text-top;
	margin:0 20px 0 0;
}

#footer .logos img.golfcanadaFooter {
	margin-right:0px;
}

#footer .provincialLogos {
	padding:24px 0 12px 0;
}

/*tooltip*/

div.tooltip
{
	z-index: 10000;
}


div.tip{
	margin: 0;
	/* text-shadow: 2px 2px 1px #222; */
	background: #FFFFFF;
	font-size: 12px;
	width: 250px;
	border: solid 1px #000000;
}

	div.tip-title
	{
		background:url(/images/challenges/darkBack.jpg) repeat-x;
		text-align:left;
		color:#FFFFFF;
		text-shadow: 2px 2px 1px #222;
		padding: 3px 5px 3px 5px;
	}
	
	div.tip-text
	{
		text-align:left;
		padding: 3px 5px 3px 5px;
	}
	





/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------- Specialty Content Items ---------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


#contentWell .SponsorsPage {
	position:relative;
	height:800px;
}

#contentWell .SponsorsPageContainer {
	position:absolute;
	height:800px;
	clear:both;
}

#contentWell .SponsorsBlock {
	position:relative;
	border-top:#333 solid 1px;
    width:518px;
	clear:both;
	padding-bottom:16px;
	margin-top:12px;
	padding-top:12px;
}

#contentWell .SponsorsBlock .SponsorsBlockLogo {
    width: 160px;
	float:left;
}

#contentWell .SponsorsBlock .SponsorsBlockText {
    width: 350px;
	float:right;
}


#contentWell .SponsorsBlock .SponsorsBlockLogo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contentWell .SponsorsBlock .SponsorsBlockLogo { display: inline-block; }
#contentWell .SponsorsBlock .SponsorsBlockLogo { display: block; }

#contentWell .SponsorsBlock .SponsorsBlockLogo img { margin-left:0px; }

#contentWell .SponsorsBlock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contentWell .SponsorsBlock { display: inline-block; }
#contentWell .SponsorsBlock { display: block; }

#contentWell .SponsorsPage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contentWell .SponsorsPage { display: inline-block; }
#contentWell .SponsorsPage { display: block; }