/* Stylesheet name:
   Author: OH! Media - www.ohmedia.ca
   More Info: */

/* reset */
html{color:#000;background:#23322b;font-size: 62.5%;line-height:150%;font-family:Arial, Helvetica, Verdana, Sans-serif; cursor:default} 
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
.left {float:left;}
.right {float:right;}
.hide{visibility:hidden; width:0!important; height:0!important; line-height:0!important; padding:0!important; margin:0!important;}
.clear{clear:both;height:0;line-height:0;visibility:hidden}
.text-right{text-align:right;}
.text-left{text-align:left;}

/* Template
*******************************************/

body {
	margin:0 0 25px 0;
	font-size:13px;
	line-height:18px;
	word-spacing:normal;
}

div#wrap {
	width:916px;
	margin:0 auto;
	padding:0 0 22px 0;
	background:url(../assets/images/wrap-bottom-bg.gif) no-repeat bottom center;
}

div#header {
	background:url(../assets/images/header-bg.jpg) no-repeat top center;
	width:916px;
	height:175px;
}

div#left-col {
	width:235px;
	float:left;
	position:relative;
	top:-22px;
}

div#left-col-last {
	padding:15px;
	font-size:14px;
}

div#right-col {
	width:594px;
	float:right;
	background:url(../assets/images/right-col-top-bg.gif) repeat-x;
	font-size:12px;
	min-height:100px;
	padding:0 45px 0 25px;
	position:relative;
	top:-22px;
}

a.header-logo {
	width:208px;
	height:132px;
	background:url(../assets/images/atv-quad-logo.png) no-repeat;
	display:block;
	float:left;
	position:relative;
	top:14px;
	left:25px;
	_behavior: url(/css/iepngfix.htc);
	border:0;
	cursor:pointer;
}

a.header-logo:hover {
	border:0;
}

a.header-logo-fr {
	width:200px;
	height:150px;
	background:url(/img/fr_logo_sm.png) no-repeat;
	display:block;
	float:left;
	position:relative;
	top:14px;
	left:25px;
	_behavior: url(/css/iepngfix.htc);
	border:0;
	cursor:pointer;
}

a.header-logo-fr:hover {
	border:0;
}

div#body-content {
	width:900px;
	padding:0 8px;
	min-height:420px;
	background:url(../assets/images/body-content-bg.gif) repeat-y;
}

div#footer {
	width:870px;
	margin:0 auto;
	padding:0 25px;
	color:#e1e6c3;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height:19px;
}

b.left-col-top-left {
	height:22px;
	width:27px;
	background:url(../assets/images/left-col-tl.gif) no-repeat;
	display:block;
	position:relative;
	top:-8px;
	left:-13px;
}


b.right-col-top-right {
	height:16px;
	width:34px;
	background:url(../assets/images/right-col-tr.gif) no-repeat;
	display:block;
	float:right;
	position:relative;
	right:-60px;
}

a.language-tab {
	width:94px;
	height:24px;
	background:url(../assets/images/top-language-tab.png) no-repeat;
	display:block;
	float:right;
	color:#8fd5b4;
	font-family:"Tahoma";
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	padding:4px 0 0 0;
	_behavior: url(/css/iepngfix.htc);
	border:0;
	cursor:pointer;
}

a.language-tab:hover {
	color:#fff;
	border:0;
}

ul#left-nav {
	margin:0;
	padding:0;
	list-style:none;
	width:235px;
	left:-13px;
}

ul#left-nav li a {
	font-size:14px;
	font-weight:bold;
	color:#464838;
	text-decoration:capitalize;
	height:26px;
	display:block;
	border-bottom:1px solid #3f412e;
	background:url(../assets/images/left-nav-bg.gif) repeat-x;
	cursor:pointer;
	padding:9px 0 0 14px;
}

ul#left-nav li a.first {
	background:url(../assets/images/left-nav-first-bg.gif) no-repeat;
}

ul#left-nav li a.first:hover {
	background:url(../assets/images/left-nav-first-bg-hover.gif) no-repeat;
}

ul#left-nav li a:hover, ul#left-nav li a.active {
	color:#c2ca8e;
	background:url(../assets/images/left-nav-bg-hover.gif) repeat-x;
}

ul#left-nav li ul {
	list-style:none;
	padding:5px 0 0 15px;
	border-bottom:1px solid #3f412e;
	background:#595a46;
}

ul#left-nav li ul li a {
	font-size:13px;
	font-weight:normal;
	background:0;
	border:0;
	padding:7px 0;
	margin:0;
	line-height:13px;
	min-height:13px;
	color:#c2ca8e;
	display:block;
}

ul#left-nav li ul li a:hover, ul#left-nav li ul li a.active {
	background:0;
	color:#c2ca8e;
}

ul#left-nav li ul li ul {
	list-style-image:url(../assets/images/list-bullet-ico.gif);
	vertical-align:middle;
	border:0;
	margin:3px 0 10px 8px;
}

ul#left-nav li ul li ul li a{
	padding:0;
	margin:-2px 0 6px -3px;
}

ul#left-nav li ul li ul li a {
	font-size:11px;
	color:#111;
	height:auto;
}

img.welcome-title {
	position:relative;
	top:26px;
	display:block;
}

img.join-title {
	position:relative;
	top:45px;
	display:block;
}

div.content-home {
	margin:55px 0;
}
/* Typography and stuff
**********************************/

h1 {
	font-size:21px;
	margin:15px 0 20px 0;
	font-weight:normal;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#545141;
}

ol {
	margin:17px 0;
}

ol li {
	margin:7px 0;
}

h1 + p {
	margin:0 0 15px 0;
}

h2 + p, h2 + ul {
	margin:4px 0 15px 0;
}

p {
	margin:15px 0;
}

p + ol, p + ul {
	margin:0;
}

strong {
	font-weight:bolder;
}

em {
	font-style:italic;
}

a {
	color:inherit;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

a:hover {
	border-bottom:1px solid #000;
}

/** IE fixes
**************************/ 
div#wrap {
	*padding:0 0 17px 0;
	_padding:0 0 22px 0;
}

ul {
	*margin: 0;
}

ul#left-nav li ul li ul, ul#left-nav li ul li ul li {
	*margin:0;
}

div#left-col-last ul {
	padding:15px;
}

div#right-col ol, div#right-col ul {
	padding:14px;
}

/* add display:inline to floated elements */
.left,
.right,
div#left-col,
div#right-col,
a.header-logo,
b.right-col-top-right,
a.language-tab {display:inline;}


/* fix negative margins */
ul#left-nav li ul li ul li a {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
div#left-col,
div#right-col,
a.header-logo,
b.left-col-top-left,
b.right-col-top-right,
img.welcome-title,
img.join-title {zoom:1;}

a.english-btn {
	background:url(../assets/images/english-btn.jpg) no-repeat;
	height:86px;
	width:288px;
	display:block;
	border:0;
	float:left;
	margin:0 5px;
}

a.english-btn:hover {
	background-position:0 -86px;
}

a.french-btn {
	background:url(../assets/images/french-btn.jpg) no-repeat;
	height:86px;
	width:288px;
	display:block;
	border:0;
	float:right;
	margin:0 5px;
	margin-right:150px;
}

img.logo-splash {
	margin:25px 0 55px 0;
}

a.french-btn:hover {
	background-position:0 -86px;
}

div#support-wrap {
	position:relative;
	top:25px;
	margin:0 auto;
}

div#left-col-home {
	width:395px; 
	float:left
}

div#right-col-home {
	width:155px; 
	float:left; 
	height:50px; 
	padding-left:20px
}

div#right-col-home img {
	margin:5px 0;
}