/* bestcanadianstyle.css 
   Written by Brandon Heuser
   Jan 2008
*/

/* STYLING */

html{
height: 100%;
margin: 0;
padding: 0;
border: none;
}

body{
background-image: url(images/bg.gif); 
margin: 0;
background-position:center;
background-repeat:repeat-y;
padding: 0;
border: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#page{
position: relative;
margin: auto;
width: 800px;
}

li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.style1 {
	color: #b52644;
	font-weight: bold;
	font-size:20px;
}

.style3 {
	font-size: 10px
}

.style4 {font-size: 14px;}
.style5 {font-size: 16px;}

/* Define link styles */
a:link{
color: #b52644;  
text-decoration: none;
font-weight: bold; 
}

a:visited{
color: #b52644;  
text-decoration: none;
font-weight: bold; 
}

a:hover{
color: #b52644; 
text-decoration: underline; 
font-weight: bold; 
}

a:active{
color: #b52644; 
text-decoration: underline;
font-weight: bold; 
}

blockquote{
font-style: italic;
color: #222222;
font-size: 12px;
}

h1{
font-size: 30px;
color: #b52644;
}

h2{
font-size: 30px;
color: #b52644;
margin-bottom: 1px;
margin-top: 5px;
}

h3{
font-size: 20px;
color: #000000;
}

h4{
font-size: 20px;
color: #b52644;
}

table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#FFFFFF
}

/* POSITIONING */

#headimage{
position: absolute;
top: 0px;
left: 25px;
z-index: 0;
}

#content{
position: absolute;
top: 205px;
left: 162px;
width: 610px;
}

#linkbar{
position: absolute;
left: 28px;
top: 172px;
width: 110px;
height: 240px;
}

/* CSS Rollover Code Courtesy of http://www.webcredible.co.uk */
.cssnav{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/button_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 110px;
height: 30px;
margin: 0;
padding: 0;
}

.cssnav a{
display: block;
color: #000000;
font-size: 11px;
width: 110px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img{
width: 110px;
height: 30px;
border: 0
}

* html a:hover{
visibility:visible
}

/* Hide the img when hovering (revealing background) */
.cssnav a:hover img{
visibility:hidden
}

.cssnav span{
position: absolute;
left: 0px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
text-align: center;
width: 110px;
height: 30px;
} 
/* End Rollover Code */