/* CSS Document */

* {
    margin: 0px;
    padding: 0px;     
}


body {
    background-color: #ACB5B8;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


img {border: 0px;}

.align-center {text-align: center;}

td {padding-right: 10px;}

h1 {font-size: 1.1em; margin-bottom: 15px;}
h2 {font-size: 1em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}


.content ul {
    margin: 5px 0px 10px 0px;    
}

.content ul li {
    list-style-type: square;
    padding-left: 0px;
    margin-left: 17px;
    color: #D72321;
    text-align: justify;
    font-size: 13px;
}

.content ul span {
    color: #000;
    font-size: 11px;
}

#page-margin {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #ACB5B8;    
}


#page {  
    width: 1000px;
    text-align: left;
    height: 749px;
    float: left;  
    background: url('../images/template_img/bg_hockey.jpg') no-repeat;
    margin-top: 30px;
}


.page_header {
    width: 989px;
    height: 81px;
    background: url('../images/template_img/cgoe_header.png') no-repeat;
    border-left: 11px solid #BE1717;  
}


#left_content {
    float: left;
    width: 213px;    
    height: 668px;   
    font-size: 0.7em;   
    border-left: 11px solid #BE1717;  
    position: relative;  
    background: url('../images/template_img/bg-trans_left.png') repeat-y;    
}



ul.navigation {
    list-style-type: none;
    margin: 20px 0px 20px 20px;
    width: 180px;
    float: left;
}

ul.navigation li {
    /* margin-bottom: 10px; */
}

ul.navigation li.empty {
  height: 20px;
}

ul.navigation a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    height: 16px;
    padding: 4px;
}

ul.navigation a span {
    color: #D72321;
}

ul.navigation a:hover {
    background-color: #CBD0D2;
    color: #081224;   
}

ul.navigation li.act a {
    background-color: #BE1717;    
}

ul.navigation li.act a:hover {
    background-color: #BE1717;
    color: #fff;    
}

ul.navigation li.act a span {
    color: #ffffff;
}

.logo_top {
    margin: 20px 0px 0px 40px;
}



.bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
}


#main_content {
    float: left;
    width: 776px;    
    height: 668px;
    background: url('../images/template_img/bg_trans.png') repeat-y;
    overflow: auto;        
}

.content {
    float: left;
    margin-top: 15px;
    padding: 0px 50px 15px 30px;
    font-size: 0.9em;
    line-height: 17px;
    text-align: justify;
}

.content a {
    text-decoration: underline;
    color: #081224;
}

.content a:hover {
    text-decoration: underline;
    color: #D72321;
}

#right_content {
    float: left;
    width: 90px;
    min-height: 400px;
    height: auto !important;    
    height: 400px;      
}


#footer {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.7em;
    height: 40px;  
    clear: both;
}   


#footer ul {
  padding-top: 20px;  
}

#footer ul li {display: inline; list-style-type: none; margin: 3px 0px 3px 0px;}

#footer ul li a {text-decoration: none; color: #000;}

#footer ul li span {
  color: #D72321;
}

#footer ul li a:hover {color: #D72321;}          

p {
  margin-bottom: 15px;
}

p.align-center {
  text-align: center;
}



/* table styles */

table td {
	vertical-align: top;
}

table.list td {
	text-align: left;
	vertical-align: top;
	line-height: 18px;
}

table.emc_base {
	width: 800px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

table.emc_base td.emc_L {
	width: 210px;
	height: 100%;
	padding: 15px 0px 0px 0px;
	vertical-align: top;
	background-color: #081224;
	color: #FFFFFF;
	border-style: solid;
	border-width: 0px 0px 0px 15px;
	border-color: #D72321;
}

table.emc_base td.emc_M {
	width: 460px;
	height: 100%;
	padding: 30px 15px 26px 15px;
	text-align: justify;
	vertical-align: top;
	background-color: #CBD0D2;
	color: #081224;
	line-height: 150%;
	border-style: solid;
	border-width: 0px 20px 0px 0px;
	border-color: #10192B;
}

table.emc_base td.emc_R {
	width: 80px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	background-color: #081224;

}


br.clearer {
    clear: left;
    height: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    line-height: 0;  
}