/* Create Your Canada CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:#fe6225;
	font:normal 12px/1.3em Courier;
}

a {
color:red;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
}

/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}

.tight {
margin-bottom:0;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto 0 auto;
padding-bottom:30px;
width: 960px;
text-align: left;
}

#banner {
display:block;
background:url(../images/banner.jpg) no-repeat top left;
width:960px; height:393px;
position:relative;
}

#banner h1#logo a {
display:block;
height:180px; width:500px;
text-indent:-9999px;
position:absolute;
top:0; left:0;
}


#sidebar {
float:right;
width:320px;
}

#update {
background:url(../images/sidebar_bg.jpg) no-repeat top left;
margin:12px 0 12px 0; padding:12px 0 12px 0;
}


#sidebar img {
margin:20px;
}

#sidebar h2 {
text-indent:-9999px;
}

#main {
float:left;
background:url(../images/page_bg.gif) repeat-y top left;
padding-top:20px; padding-bottom:30px;
margin-top:12px; margin-bottom:12px;
width:640px;
}

#main h2 {
font-size:28px;
margin-bottom:12px;
}

#main p, #main h2, #main h3, #main h4, #main ul {
margin-left:80px; margin-right:30px;
}

#main p {
line-height:1.3em;
margin-bottom:14px;
}

#main li {
margin-left:20px;
}

#main h2 {
line-height:1.3em;
}

#main h3 {
margin-bottom:10px;
color:red;
font-size:18px;
line-height:1.3em;
}

#main ul {
margin-bottom:12px;
}

#container p#footer {
width:550px;
padding-left:60px;
color:white;
clear:both;
display:block;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */

ul#nav {
}

ul#nav li {
display:inline;
float:left;
}

ul#nav li a {
display:block;
height:64px;
text-decoration:none;
text-indent:-9999px;
}

ul#nav li#how a {width: 215px; background:url(../images/nav_bg.jpg) no-repeat 0 0px; }
ul#nav li#how a:hover, body#pg_how li#how a {background-position:0 -64px;}

ul#nav li#news a {width: 175px; background:url(../images/nav_bg.jpg) no-repeat -215px 0; }
ul#nav li#news a:hover, body#pg_news li#news a {background-position:-215px -64px;}

ul#nav li#winners a {width: 138px; background:url(../images/nav_bg.jpg) no-repeat -390px 0; }
ul#nav li#winners a:hover, body#pg_winners li#winners a {background-position:-390px -64px;}

ul#nav li#teachers a {width: 130px; background:url(../images/nav_bg.jpg) no-repeat -528px 0; }
ul#nav li#teachers a:hover, body#pg_teachers li#teachers a {background-position:-528px -64px;}

ul#nav li#enter a {width: 302px; background:url(../images/nav_bg.jpg) no-repeat -657px 0; }
ul#nav li#enter a:hover, body#pg_enter li#enter a {background-position:-657px -64px;}

/*Bilingual Navigation
--------------------------------------------------------------------------------------------------- */

ul#nav-bl li {
display:inline;
float:left;
}

ul#nav-bl li a {
display:block;
height:64px;
text-decoration:none;
text-indent:-9999px;
}

ul#nav-bl li#how a {width: 215px; background:url(../images/nav_bg_bl.jpg) no-repeat 0 0px; }
ul#nav-bl li#how a:hover, body#pg_how li#how a {background-position:0 -64px;}

ul#nav-bl li#news a {width: 175px; background:url(../images/nav_bg_bl.jpg) no-repeat -215px 0; }
ul#nav-bl li#news a:hover, body#pg_news li#news a {background-position:-215px -64px;}

ul#nav-bl li#winners a {width: 138px; background:url(../images/nav_bg_bl.jpg) no-repeat -390px 0; }
ul#nav-bl li#winners a:hover, body#pg_winners li#winners a {background-position:-390px -64px;}

ul#nav-bl li#teachers a {width: 130px; background:url(../images/nav_bg_bl.jpg) no-repeat -528px 0; }
ul#nav-bl li#teachers a:hover, body#pg_teachers li#teachers a {background-position:-528px -64px;}

ul#nav-bl li#enter a {width: 302px; background:url(../images/nav_bg_bl.jpg) no-repeat -657px 0; }
ul#nav-bl li#enter a:hover, body#pg_enter li#enter a {background-position:-657px -64px;}