/*********************************
   global.css for nintendo.ca - too much fun
   code by Byron Tredwell (
   byron(AT)blastradius.com)
*********************************/

body, input, select, textarea, td, th {
   color: #999999;
   font-family: Verdana, "Lucida Grande", Arial, sans-serif;
   font-size: 10px;
   line-height: 14px;
   }
   
body {
   background-color: #000000;
   border: 0;
   margin: 0;
   padding: 0;
   text-align: center;
   }

a, area {
   outline: none;
   text-decoration: none;
   }
   
a:link {
   color: #ee1b2d;
   text-decoration: none;
   } 
a:active {
   color: #ee1b2d;
   }
a:visited {
   color: #ee1b2d;
   }  
a:hover {
   color:#ee1b2d;
   text-decoration: underline;
   }   
        
form, h1, h2, h3, h4, h5, h6, ul {
   margin: 0;
   padding: 0;
   }
   
iframe {
   margin: 0px;
   padding: 0px;
   border: 0px;
   }

img {
   border: 0;
   }
   
img.block {
   display: block;
   }

label {
   cursor: pointer;
   cursor: hand;
   }
   
select, input{
 color: #656565;
 }


/********************
 major page elements
********************/

#container{
   position: relative;
   top: 0px;
   left: 0px;
   width: 770px;
	margin: 0px auto;
	text-align: left;
   overflow: visible;
   padding: 0 30px;
   background-color: #2e2e2e;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 710px;
   }
html>body #container{
      width: 710px;
   }
   
#header{
   position: relative;
   width: 710px;
   height: 130px;
   overflow: hidden;
   }

#breadcrumbs{
   position: relative;
   width: 710px;
   height: 18px;
   line-height: 18px;
   padding: 0 10px;
   color: #ffffff;
   background: #ee1b2d url(../img/corners_710.gif) no-repeat top left;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 690px;
   }
html>body #breadcrumbs{
      width: 690px;
   }
   
#contentAreaTop{
   position: relative;
   width: 710px;
   color: #000000;
   padding: 20px 10px 19px 10px;
   background: #d3d3d3 url(../img/corners_710.gif) no-repeat bottom left;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 690px;
   }
html>body #contentAreaTop{
      width: 690px;
   }
   
#contentAreaBtm{
   position: relative;
   padding: 20px 10px;
   width: 710px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 690px;
   }
html>body #contentAreaBtm{
      width: 690px;
   }

#footer{
   position: relative;
   width: 710px;
   height: 42px;
   color: #646464;
   border-top: 1px solid #6c6c6c;
   overflow: hidden;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 41px;
   }
html>body #footer{
      height: 41px;
   }
   
   
/*****************
     header
*****************/

#header div{
   position: absolute;
   overflow: hidden; 
   background-repeat: no-repeat
}

#header #logo{
   top: 23px;
   left: 10px;
   width: 165px;
   height: 63px;
   background-image: url(../img/hdr/mofs_logo.gif);
   }
   
#header #tagline{
   top: 100px;
   left: 10px;
   width: 326px;
   height: 20px;
   background-image: url(../img/hdr/tag_line.gif);
   }
   
#header #hdrimage{
   top: 10px;
   left: 406px;
   width: 294px;
   height: 120px;
   background-image: url(../img/hdr/hdr_img.gif);
   }
   
#hdrimage #nLink{
   top: 33px;
   left: 77px;
   width: 90px;
   height: 22px;
}
   
/*****************
   breadcrumbs
*****************/

#breadcrumbs span{
   float: left;
   font-weight: bold;
   }
   
#breadcrumbs a{
   color: #ffffff;
   text-decoration: underline;
   }

#breadcrumbs div{
   float: left;
   width: 19px;
   height: 18px;
   background: url(../img/bullet_arrow_000.gif) 8px 7px no-repeat;
   }
   
#breadcrumbs .crumb{
   float: left;
   }
   
#langLink{
   display: block;
   float: right;
   color: #ffffff;
   text-decoration: underline;
   font-weight: bold;
   padding-right: 20px;
   background: url(../img/flag_qu.gif) right no-repeat;
   }
/*****************
  contentAreaTop
*****************/
   
#mediaArea{
   width: 445px;
   height: 445px;
   float: left;
}

#linksArea{
   float: right;
   width: 230px;
}

#linksArea .mainLink{
   display: block;
   margin-bottom: 5px;
}

#selfHelp{
   width: 230px;
   background: #ffffff url(../img/self_help_top.gif) no-repeat;
}
#selfHelpLinks{
   margin: 8px 4px;
   padding: 8px 6px;
   background: #f7f7f7;
}

/*****************
  contentAreaBtm
*****************/

.thirdCol{
   float: left;
   width: 215px;
}
.colSpace{
   float: left;
   width: 10px;
   height: 15px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.colSpace{ width: 15px;}
/* End IE5-Mac hack */

.hdrImg{
   position: relative;
   top: -6px;
}

/*****************
     footer
*****************/

#footer a{
   display: block;
   float: left;
}

.spliter{
   width: 1px;
   height: 32px;
   float: left;
   overflow: hidden;
   background-color: #6c6c6c;
}

#ftrCopyR{
   float: left;
   padding: 3px 0 0 14px;
   }

/*****************
 utility classes
*****************/

.listItem{
   padding-left: 8px;
   background: url(../img/bullet_arrow_ee1b2d.gif) 0px 5px no-repeat;
   display: block;
   }

.listItem a:link, .listItem a:active, .listItem a:visited{
   color: #000000;
   text-decoration: none;
   } 
.listItem a:hover{
   color: #ee1b2d;
 }
 
.listItem a:hover{
   text-decoration: underline;
}

.floatLeft{
   float: left;
   }
.floatRight{
   float: right;
   }
   
.floatClear{
   width: 100%;
   height: 1px;
   overflow: hidden;
   display: block;
   clear: both;
   }
   
.clickable{
   cursor: pointer;
   cursor: hand;
   }