/* NCC Montreal Website layout March 2006 */


body { 
margin: 0 0 0 0;
padding:0;
border:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: normal;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: 3f3f3f;
letter-spacing: normal;
text-align: center;
word-spacing: normal;
width: auto;
background: #ffffff url(../images/banner.gif) top center no-repeat;
}

/* DIVs */


#main{
width: 760px;
margin: 0 auto;
top:100px;
text-align: left;
}

#pagename{
position:absolute;
margin: 0 auto;
top:100px;
padding-left:600px;
width:150px;
z-index:1;
}


#menu{
position:absolute;
margin: 0 auto;
top:130px;
height:400px;
width:160px;
background: #ffffff;
text-align:left;
margin: 0px;
padding-bottom: 100px;
border-top: #666666 6px solid;
border-bottom: #333333 20px solid;
}

#textbox{
position:absolute;
width:600px;
height:auto;
top:100px;
font: 12 tahoma,sans-serif;
background: #ffffff;
padding-top:10px;
padding-left:10px;
padding-right:10px;
text-align:justify;
margin:30px 50px 0px 150px;
text-indent: 10px;
line-height: 1.5em;
border-left: #333300 dashed;
border-left-width: thin;
border-top: #666666 6px solid;
}

#navigatetop{
position:absolute;
font: 80% tahoma,sans-serif;
background: #ffffff;
text-align:left;
}

#text{
position:relative; top:50px;
font: 12 tahoma,sans-serif;
background: #ffffff;
}

#navigate{
position:absolute; bottom:50px;
font: 80% tahoma,sans-serif;
background: #ffffff;
text-align:center;
border-top: 333300 dashed;
border-top-width: thin;
}

/* Links */

#menu A:link {color: #3f3f3f; text-decoration: none}
#menu A:visited {color: #cccccc; text-decoration: none}
#menu A:hover {color: #cccccc; text-decoration: underline}
#menu A:active {color: #999999; text-decoration: none}

#navigate A:link {color: #cccccc; text-decoration: none}
#navigate A:visited {color: #666666; text-decoration: none}
#navigate A:hover {color: #666666; text-decoration: underline}
#navigate A:active {color: #cccccc; text-decoration: none}

#p2 A:link {color: #cccccc; text-decoration: none}
#p2 A:visited {color: #666666; text-decoration: none}
#p2 A:hover {color: #666666; text-decoration: underline}
#p2 A:active {color: #cccccc; text-decoration: none}

#navigatetop A:link {color: #cccccc; text-decoration: none}
#navigatetop A:visited {color: #666666; text-decoration: none}
#navigatetop A:hover {color: #666666; text-decoration: underline}
#navigatetop A:active {color: #cccccc; text-decoration: none}

#textbox A:link {color: #3f3f3f; text-decoration: none; margin:10px 10px 10px 10px;}
#textbox A:visited {color: #666666; text-decoration: none; margin:10px 10px 10px 10px;}
#textbox A:hover {color: #666666; text-decoration: underline; margin:10px 10px 10px 10px;}
#textbox A:active {color: #cccccc; text-decoration: none; margin:10px 10px 10px 10px;}


/* Headers */

p{
margin:20px 0px 10px 0px;
text-indent: 20px;
line-height: 1.5em;
}

h1{
height:1em;
color: #666666;
line-height: 1em;
text-align:center;
}

#textbox h2{font: italic; font-size:0.8em; text-align:right;}
#textbox h3{font: italic; font-size:0.8em; text-align:center; margin: 0px 50px 0px 50px;}

h4{
text-align:center;
font: 0.9em tahoma,sans-serif;
background: #ffffff;
}

h5{
text-transform: uppercase;
font: 1em tahoma,sans-serif;
}

h6{
height: 40px;
}