@charset "utf-8";
body  {
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; 
	position: relative;
	left: 6px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #625051;

	background-color: #f5fafe;
	overflow-x: hidden; /* disable horizontal scrollbar */
}
a:link { /* gerneral rule for all links */
	 color: #AE2230;
	 text-decoration: none;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
}
a:visited {
	 color: #AE2230;
	 text-decoration: none;
	 border: none;
}
a:hover {
	color: #AE2230;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
a#text:hover { /* specific rule for links within content text */
	background-color: #EAE7E7;
}
a#back { /* spcific rule for "go back" links */
	font-size: x-small;
}
a#back:hover {
	background-color: #EAE7E7;
}
ul.main_navi { 
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display:inline;
	}
.main_navi li {
	float:left;
	} 
.main._navi li a { 
	display:inline; 
	background-position: 0 0; 
	width: 166px; 
	height: 33px 
	}
ul.sidebar1 {
	list-style-type: none;
	padding: 0px;
	display: block;
	}
.sidebar1 li {
	overflow: hidden;
	list-style-type: none;
	padding: 0px;
	} 
.sidebar1 li a { 
	margin: 0px;
	background-position: 0 0; 
	width: 166px; 
	}
	
	
/* Here are all rollover buttons: */
a#specials{
    width: 116px;       
    height: 33px;       
    display: block;     
    border: 0px;      /* disable border */
    background: url(images/specials.png) no-repeat; /* button image */
} 
a#specials:hover {
    background: url(images/specials_hover.png) no-repeat; /* button image for hover effect */
}
a#news{
    width: 116px;     
    height: 33px;       
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/news.png) no-repeat; /* button image */
} 
a#news:hover {
    background: url(images/news_hover.png) no-repeat; /* button image for hover effect */
}
a#contact{
    width: 116px;      
    height: 33px;       
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/contact.png) no-repeat; /* button image */
} 
a#contact:hover {
    background: url(images/contact_hover.png) no-repeat; /* button image for hover effect */
}
a#about_us{
    width: 116px;       
    height: 33px;      
    display: block;    
    border: 0px;      /* disable border */
    background: url(images/about_us.png) no-repeat; /* button image */
} 
a#about_us:hover {
    background: url(images/about_us_hover.png) no-repeat; /* button image for hover effect */
}
a#en{
    width: 69px;      
    height: 33px;    
    display: block;     
    border: 0px;      /* disable border */
    background: url(images/en.png) no-repeat; /* button image */
} 
a#en:hover {
    background: url(images/en_hover.png) no-repeat; /* button image for hover effect */
}
a#fr{
    width: 59px;       
    height: 33px;      
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/fr.png) no-repeat; /* button image */
} 
a#fr:hover {
    background: url(images/fr_hover.png) no-repeat; /* button image for hover effect */
}
a#k2i{
    width: 156px;       
    height: 28px;     
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/k2i_navi.png) no-repeat; /* button image */
} 
a#k2i:hover {
    background: url(images/k2i_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#k3i{
    width: 156px;       
    height: 28px;     
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/k3i_navi.png) no-repeat; /* button image */
} 
a#k3i:hover {
    background: url(images/k3i_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#sc3{
    width: 156px;      
    height: 28px;      
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/sc3_navi.png) no-repeat; /* button image */
} 
a#sc3:hover {
    background: url(images/sc3_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#hmd{
    width: 156px;       
    height: 28px;       
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/hmd_navi.png) no-repeat; /* button image */
} 
a#hmd:hover {
    background: url(images/hmd_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#hm4{
    width: 156px;      
    height: 28px;       
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/hm4_navi.png) no-repeat; /* button image */
} 
a#hm4:hover {
    background: url(images/hm4_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#pba{
    width: 156px;       
    height: 28px;       
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/pba_navi.png) no-repeat; /* button image */
} 
a#pba:hover {
    background: url(images/pba_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#swwl{
    width: 156px;       
    height: 28px;       
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/swwl_navi.png) no-repeat; /* button image */
} 
a#swwl:hover {
    background: url(images/swwl_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#spm2{
    width: 156px;       
    height: 28px;       
    display: block;     
    border: 0px;       /* disable border */
    background: url(images/spm2_navi.png) no-repeat; /* button image */
} 
a#spm2:hover {
    background: url(images/spm2_navi_hover.png) no-repeat; /* button image for hover effect */
}
a#pfpp{
    width: 156px;       
    height: 28px;      
    display: block;     
    border: 0px;      /* disable border */
    background: url(images/pfpp_navi.png) no-repeat; /* button image */
} 
a#pfpp:hover {
    background: url(images/pfpp_navi_hover.png) no-repeat; /* button image for hover effect */
}

.twoColFixLtHdr #container {
	width: 790px;  /* using 10px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	text-align: left;
	border-style: none;
	background-image: url(images/bg_shaddow.png); /* background shadow of the box */
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
} 

.twoColFixLtHdr #sidebar1 {
	width: 156px; 
	background: #605050;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/navi_left.png); /* wood optic of the sidebar */
	position: relative;
	left: -35px;
	top: -39px;
	float: left;
	height: 100%;
	padding-top: 25px;
	list-style: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.twoColFixLtHdr #navi_top {
	width: 624px;
	text-align: left;
	border-style: none;
	background-image: url(images/navi_top.png); /* button optic of the main navi */
	margin-right: auto;
	margin-bottom: 0px;
	position: relative;
	left: 161px;
	height: 33px;
	top: -33px;
} 
.twoColFixLtHdr #header {
	background: #c6e7f7;  
	background-image: url(images/header.png); /* header image with rockies and logo */
	position: relative;
	left: 5px;
	width: 780px;
	padding-top: 0;
	padding-bottom: 0;
	height: 190px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; 
	padding: 87px 0; 
}
.twoColFixLtHdr #mainContent {
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 725px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0;
	padding-left: 40px;
	text-align: left;
	position: relative;
	top: -15px;
} 
.twoColFixLtHdr #footer {
	position: relative;
	left: 5px;
	width: 764px;
	padding-bottom: 0px;
	background-image: url(images/footer_bg.png); /* footer image with contact info */
	text-align: right;
	height: 36px;
	padding-right: 16px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; 
	padding: 5px 0; 
	font-size: x-small;
	text-align: right;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColFixLtHdr #container #mainContent h1 {
	font-size: 14px;
	font-weight: bold;
	color: #625051;
}
.twoColFixLtHdr #container #mainContent table {
	text-align: left;
	padding: 0px;
	border-spacing: 15px;
	left: -15px;
	top: -25px;
	position: relative;
	
}
.twoColFixLtHdr #container #mainContent table td{
	padding: 0px;
	margin: 5px;
	border: 1px solid #CCC;
}