﻿/* CSS Document */
@charset "utf-8";

html {
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #aaa;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #eee;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
	font: 100%/1.4 Arial;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

h1{
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.h1{
	font-size:24px;
	line-height:24px;
	color:#CA040C;
}

.h2{
	font-size:22px;
	line-height:1em;
	color:#CA040C;
}

h2{
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.body-white {
	background-color: #FFFFFF;
}

a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #CA040C; 
	text-decoration: none;
}

a:hover {
  	color: #999999;
}


a.menu-hover:hover {
  	color: #999999;
}

a.menu-hover2:hover {
  	color: #000000 ;
}


a.footer-hover:hover {
  	color: #999999;
}

.menu-link {
	font: 100%/1.9 Arial;
	font-size: 15px;
	color: #FFFFFF; 
	text-decoration: underline;
}

.facebook a { 
outline: none;/* get rid of dotted borders in FireFox */ 
text-indent: -5000px ;/* this move the text outside of the screen area */ 
display:block; 
width:45px; 
height:45px; 
background: url("../images/buttons/facebook.png") 0 0 no-repeat; 
} 

.facebook a:hover { 
background-position: -45px 0; 
} 

.facebook a:active { 
background-position: -90px 0; 
}

.linkedin a { 
outline: none;/* get rid of dotted borders in FireFox */ 
text-indent: -5000px ;/* this move the text outside of the screen area */ 
display:block; 
width:45px; 
height:45px; 
background: url("../images/buttons/linkedin.png") 0 0 no-repeat; 
} 

.linkedin a:hover { 
background-position: -45px 0; 
} 

.linkedin a:active { 
background-position: -90px 0; 
}

.footer-link {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase; 
	text-decoration: none;
}

.footer-link2 {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff; 
	text-decoration: underline;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* ~~ This 100% width container surrounds all other divs ~~ */
.headercontainer {
	width: 100%;
	background-image:url(../images/cream_background.png); 
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ This 100% width container surrounds all other divs ~~ */
.container {
	width: 100%;
	background-image:url(../images/red_background.png); 
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.box-table { border: 1px #000000 solid;
}

.header {
	width: 100%;
	height: 150px; 
	margin-top:0px;
	margin-bottom:5px;
}

.menu { 
	background: #000000;
	width: 100%; 
	height: 32px;
}

.menu-divider {
	color: #ffffff; 
	width: 2px;
	height: 15px;
	padding:0px;
	margin: 30px;
}

.w3c-spacer {
	margin-left: 30px;
}

.img-border {
	border: 1px solid #999999;
}

.img-border2 {
	border: 0px solid #999999;
}
	
.main-area { 
	background: #FFFFFF;
	width: 940px; 
	height: 700px;
	margin: 0 auto; 
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	margin-top:9px;
	margin-bottom:9px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	overflow: hidden; 
}

.content-area { 
	height: 700px;
	padding-right: 5px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	overflow: hidden; 
}

.content-area-scrollable { 
	height: 700px;
	padding-right: 5px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
    overflow-x: hidden;
    overflow-y: auto;
}

.content-area-scrollable2 { 
	height: 400px;
	padding-right: 5px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
    overflow-x: hidden;
    overflow-y: auto;
}

#image-featured-news {
   position:relative;
   width:470px;
   height:266px;
   padding:0px;	
   margin:0;
}

#text-featured-news {
   position:absolute;
   bottom:0;
   left:0;
   width:470px;
   height:25px;
   background:#000000;
   padding:5px;
   filter: alpha(opacity=60);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
   -moz-opacity: 0.60;
   opacity:0.6;
}

#words-featured-news {
   position:absolute;
   bottom:0;
   left:0;
   width:469px;
   height:30px;
   background:transparent;
   padding-left:10px;
}

.text-news-image {
    bottom: 5px;
    display: inline-block;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
	left: 5px;
    background: rgba(0,0,0,0.5);
    color: #FFFFFF;
}

#info_box1{
	float:center;
	width:295px;
	margin:10px 10px 0px 10px;
}

.box1{
	display:inline-block;
	margin:0px 0px 20px 0px;
	width:295px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding-bottom:10px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	background-color:#ffffff;
}
		
.box1 h2{
	font-size:16px;
	color:#FFF;
	background-color:#000000;
	padding:10px 0px 8px 10px;
	margin-bottom:10px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.box1 a {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #CA040C; 
	padding:10px 0px 8px 10px;
	text-decoration: none;
}

.box1 a:hover {
  	color: #999999;
}

.footer { 
	width: 100%; 
	background-image:url(../images/footer_bg.png);
}

.vertical-line-footer {
	color: #ffffff;
	background-color: #ffffff;
	border: 1px; 
	width: 1px;
	height: 130px;
	padding:0px;
	margin:0px;
	border-spacing: 0px;
	margin: 0 auto; 
}

.l1 {text-align: left}

.c1 {text-align: center}

.r1 {text-align: right}

.text10-red {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CA040C;
}

.text12-red {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CA040C;
}

.text13-red {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #CA040C;
}

.text14-red {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #CA040C;
}

.text16-red {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #CA040C;
}

.text10-white {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

.text12-white {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

.text14-white {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

.text16-white {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

.text10-black {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text12-black {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text13-black {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text14-black {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text16-black {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text-featured-news-image {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight:bold;
	color: #FFFFFF;
}

.search-submit-button {
   height:25px; 
   width:75px; 
   font-family: Arial;
   font-size:12px; 
   background-color:#000000; 
   color:#FFFFFF; 
   border:0px;		
}

ul 
	{font-family: Arial;
	font-size: 13px;
	line-height: 13px;
	list-style: none;
	display: block;
	text-indent: 0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 10px}

li 
	{font-family: Arial;
	font-size: 13px;
	display: block;
	line-height: 13px;
	background: url(../images/buttons/bullet_red.png) no-repeat 0px 8px;
	padding: 5px 0px 0px 20px;
	}

.clearit {clear:both}
.clearit5 {clear:both; height:5px}
.clearit10 {clear:both; height:10px}
.clearit20 {clear:both; height:20px}