html{
    background-color:#000;
}
body{
    /* Center IE */
    text-align:center;
    font-family:Arial, Sans-Serif;
    color:#111;
    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;
}
#PageWrapperInner{ 
    /* Set width for IE 6 */
    width:100%;
    background-image:url(../images/watermark.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
}
#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:Arial, Sans-Serif;
   margin-left:20px;
}
#Navigation li{
    display:inline;
    padding: 0px 25px 0px 4px;
    line-height:2.9em;
    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{
    font-size:0.8em;
    font-weight:normal;
    color:#555;
}

/* --- CONTENT --- */
#ContentContainer{
    position:relative;
    top:0;
    left:0;
    /* Need width for IE6! */
    width:100%;
	margin-top:50px;
}
#ContentContainerInner{
    position:relative;
    top:0;
    left:0;
    /* Need width for IE6! */
    width:100%;
}
#PrintLogo{
    display:none;
}
#ColumnMiddle{
    float:left;
    position:relative;
    left:290px;
    width:670px;
}
#Content{
    float:left;
    width:630px;
    color:#666;
    padding-left:40px;
    color:#333;
	font-size:0.95em;
	padding-bottom:30px;
}

/* 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:-670px;
   width:290px;
}
#ColumnRight{
    display:none;
}

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

#Sidebar{
	margin-left:20px;
	width:265px;
	font-size:0.85em;
}
#Sidebar a{
	color:#877827 !important;
}
#Sidebar h3{
    font-size:1.4em;
    color:#574807;
    line-height:1.4em;
    border-bottom:solid 3px #EEC700;
    margin-bottom:1.1em;
    font-family:tahoma, Sans-Serif;
	text-transform:uppercase;
}
#Sidebar ul#SidebarNavigation{
    font-size:1em;
}
#Sidebar ul#SidebarNavigation li{
    /* IE6 likes to have width specified otherwise shows height too high */
    width:100%;
	border-bottom:dotted 1px #888;
	margin:0.4em 0 0.4em 0;
}
#Sidebar ul#SidebarNavigation li li{
	border-bottom:none;
	padding-left:15px;
}
#Sidebar ul#SidebarNavigation li a{
   text-decoration:none;
   line-height:1.5em;
}
#Sidebar ul#SidebarNavigation li a span{
   color:#000;
}
#Sidebar ul#SidebarNavigation li a:hover span{
   text-decoration:underline;
}
#Sidebar ul#SidebarNavigation a.current span,
#Sidebar ul#SidebarNavigation a.section span{
    font-weight:bold;
}
#Sidebar .typography h2{
    font-size:1.4em;
    color:#574807;
    line-height:1.4em;
    border-bottom:solid 3px #EEC700;
    margin-bottom:1.1em;
    font-family:tahoma, Sans-Serif;
}

/* SPECIAL SIDEBAR NAVIGATION FOR SLIDE-TOGGLE NEWS MENU */

#Sidebar .newsNavigation{
	width:100%;
	color:#111;
}
#Sidebar .newsNavigation a:hover span{
	text-decoration:underline;
}
#Sidebar .newsNavigation ul li{
	border-top:solid 2px #888;
}
#Sidebar .newsNavigation ul li ul li{
	border-top:none;
}
#Sidebar .newsNavigation ul li span{
	display:block;
	padding:0.3em 0 0.3em 0;
	color:#000;
}
#Sidebar .newsNavigation ul li span ul li span{
	display:block;
	padding:0.3em 0 0.3em 0;
}
#Sidebar .newsNavigation li.section span,
#Sidebar .newsNavigation li.current span{
	font-weight:bold;
	color:#000;
}
#Sidebar .newsNavigation li.section li span,
#Sidebar .newsNavigation li.current li span{
	font-weight:normal;
}
#Sidebar .newsNavigation .flip-flop-menu li.current span{
	font-weight:bold;
}
#Sidebar .newsNavigation ul li ul li span{
	border-bottom:none;
}
#Sidebar .newsNavigation ul li ul li ul li span{
    margin-left:10px;
	border-bottom:dotted 1px #888;
}
#Sidebar .newsNavigation ul li ul li ul li em{
	font-weight:bold;
}

/* JQUERY - An 'toggle' image is added dynamically via javascript */
/* This makes sure it is displayed correctly */
#Sidebar .newsNavigation ul.flip-flop-menu li span{
    display:block;
	/* CSS for the jQuery added image */
	background-position:right center;
	background-repeat:no-repeat;
	padding-top:0.4em;
    padding-bottom:0.4em;
}

/* --- FOOTER ---*/

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

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