html{
    background-color:#000;
}
body{
    /* Center IE */
    text-align:center;
    font-family:Arial, Sans-Serif;
    color:#ddd;
    font-weight:normal;
    background-color:#000;
    padding-bottom:5px;
}
#PageWrapperOuter {
    position:relative;
    top:0;
    left:0;
    width:995px;
    /* Correct centering for IE */
    text-align:left;
    /* Center Mozilla/Opera */
    margin: 0px auto 0px auto;
    background-image:url(../images/main_background.gif);
    background-position:0 0;
    background-repeat:repeat-y;
    background-color:#fff;
}
#PageWrapperMiddle{ 
    /* Set width for IE 6 */
    width:100%;
    background-image:url(../images/sidebar_bgd.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    /*background-color:#ccc;*/

}
#PageWrapperInner{ 
    /* Set width for IE 6 */
    width:100%;
    background-image:url(../images/watermark.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    /*background-color:#ccc;*/
}
#Main{
    background-image:url(../images/header_image.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}
a{
    /* remove outline that Firefox puts on */
    outline:none;
}


/* --- HEADER ---*/
#HeaderContainer{
    background-image:url(../images/header_background.gif);
    background-repeat:repeat-y;
    background-color:#fff;
}
#Header{
    background-image:url(../images/header_text.gif);
    background-position:225px 25px;
    background-repeat:no-repeat;
}
#HeaderLayer1{
    height:155px;
    background-image:url(../images/header_mask.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
#HeaderLogo{
    position:absolute;
    top:7px;
    left:10px;
    z-index:1;
}
#HeaderLogo a{
}

/* --- TOP NAVIGATION BAR --- */

#Navigation{
    font-size:0.90em;
    background-image:url(../images/header_mask_lower_bit_final.gif);
    background-position:left top;
    background-repeat:no-repeat;    
}
#Navigation ul{
   font-family:Verdana, Sans-Serif;
   margin-left:20px;
}
#Navigation li{
    display:inline;
    padding: 0px 20px 0px 4px;
    line-height:2.7em;
    font-weight:bold;
}
#Navigation a{
    color:#fff;
    padding-right:20px;
    padding-top:5px;
    text-decoration:none;
	text-transform:uppercase;
}
#Navigation .current{
    background-image:url(../images/hockey_stick_link_bgd.gif);
    background-position:right top;
    background-repeat:no-repeat;    
}
#Navigation .section{
    background-image:url(../images/hockey_stick_link_bgd.gif);
    background-position:right top;
    background-repeat:no-repeat;    
}
#FacebookLink{
	position:absolute;
	top:200px;
	right:30px;
	z-index:1;
}

/* --- BREADCRUMBS ---*/

#Breadcrumbs{
    position:absolute;
    top:0px;
    left:58px;
    margin-top:20px;
    font-size:0.8em;
    font-weight:normal;
    color:#555;
}

/* --- CONTENT --- */
#ContentContainer{
    position:relative;
    top:0;
    left:0;
    /* Need width for IE6! */
    width:100%;
}
#ContentContainerInner{
    position:relative;
    top:0;
    left:0;
    /* Need width for IE6! */
    width:100%;
}
#PrintLogo{
    display:none;
}
#ColumnMiddle{
    float:left;
    position:relative;
    left:310px;
    width:660px;
}
#Content{
    float:left;
    width:580px;
    color:#666;
    padding-left:58px;
    color:#333;
    font-size:0.95em;
}

/* Switch positions with the left column and the
middle column as the middle column appears first in the
markup.  This is to help with SEO */
#ColumnLeft{
   float:left;
   position:relative;
   left:-660px;
   width:310px;
   padding-top:55px;
}
#ColumnRight{
    display:none;
}

/*--- LEFT SIDEBAR NAVIGATION ---*/

#Sidebar{
    width:265px;
    color:#000;
}
#Sidebar h3{
    font-size:1.5em;
    margin-left:35px;
    color:#574807;
    line-height:1.5em;
    border-bottom:solid 3px #EEC700;
    margin-bottom:1.1em;
    font-family:tahoma, Sans-Serif;
}
#Sidebar span em{
    font-family:verdana, sans-serif;
    font-weight:bold;
}
#Sidebar ul{
    font-size:1em;
    margin-left:35px;
}
#Sidebar li{
    /* IE6 likes to have width specified otherwise shows height too high */
    width:100%;
}
#Sidebar a{
    display:block;
    line-height:1.25em;
    margin:0 !important;
    padding-top:0.4em;
    padding-bottom:0.4em;
    text-decoration:none;
    color:#333;
    font-weight:bold;
    font-family:tahoma;
    font-size:0.9em;
}
#Sidebar p{
    font-size:0.9em;
    margin-left:35px;
    line-height:1.35em !important;
}
#Sidebar strong{
    font-weight:bold;
    color:#555;
}
#Sidebar .current{
    background-image:url(../images/sidebar_link_indicator.gif);
    background-position:left center;
    background-repeat:no-repeat;    
    padding-left:10px;
}
#Sidebar .sub{
    color:red;
    font-weight:normal;
}
#Sidebar .sub{
    margin-left:20px;
}
#Sidebar .sub ul{
    font-size:0.9em;
    margin-left:0px;
}
#Sidebar .sub span em{
    color:#444;
    font-weight:normal;
}
#Sidebar .sub a{
     padding-top:0.2em;
     padding-bottom:0.2em;
}

#Sidebar img.right {
	float:right;
    /* Viv added below */
    margin-left:10px;
    margin-bottom:5px;
}
#Sidebar img.left {
	float:left;
    /* Viv added below */
    margin-right:10px;
	margin-bottom:5px;
}

.teaserImageBox{
    margin-left: 45px;
    margin-top: 5px;
}
.teaserImageBox img{
    width: 230px; 
    height: 100px; 
    border: solid 1px #333;
    padding:0;
    margin:0;
}

/* --- FOOTER ---*/

#Footer{
   /*position:relative;*/
   font-size:0.8em;
   border-top:solid 1px #ccc;
}
#Footer p, #Footer a{
    color:#333;
    font-family:Verdana, Sans-Serif;
    text-align:right;
    /*position:relative;*/
}
#Footer p{
}

#ClearerContent{
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
    width:100%;
}