@charset "utf-8";
/* CSS Document */

BG {
	background-image: url(images/background.jpg);
}
#sitemap {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	font-family: "Century Gothic";
	font-size: 9.5px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #000099;
	text-align: center;
	padding-top: 7px;
}
#copyright {
}

.page_title {
color: #780e1c;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
text-align:left;
font-size:18px;
}

#menu{
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background:url(images/menubg.gif);
background-repeat:no-repeat;
background-position:right;
font-size:14px;
padding-left:8px;
text-align:left;
width:140px;
height:600px;
}


#paragraph {
	height: 85px;
}
#MAIN {
    background-color: #FFFFFF;
    margin: auto;
    border: medium solid #000000;
    height: 900px;
    width: 850px;
    float: none;
}
body {
	background-image: url(images/background.jpg);
}
#HEADER {
}
#3BOXES {
	right: 0px;
	padding: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	text-indent: 0px;
}
#BODYIMAGE {
	padding-top: 3px;
}
#MAIN #searchbar form {
	text-align: right;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 3px;
}
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 170px;
	top: 783px;
}
.style1 {color: #000000}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
#apDiv2 {
	position:absolute;
	width:223px;
	height:142px;
	z-index:1;
	left: 191px;
	top: 560px;
	font-size: 14px;
	line-height: 21px;
	color: #FFFFFF;
	padding-left: 37px;
}
.style2 {font-family: Arial, Helvetica, sans-serif;}

toolbar {
}
	
#content{
margin-top:25px;
color:#666666;
height: 600px;
text-align:left;
overflow:scroll;
width:650px;
}

#spacer{
height: 15px;
}

#carousel_inner {   
float:left; /* important for inline positioning */  
width:630px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  
background: #F0F0F0;   
}   
  
#carousel_ul {   
position:relative;   
left:-210px; /* important (this should be negative number of list items width(including margin) */  
list-style-type: none; /* removing the default styling for unordered list items */  
margin: 0px;   
padding: 0px;   
width:9999px; /* important */  
/* non-important styling bellow */  
padding-bottom:10px;   
}   
  
#carousel_ul li{   
float: left; /* important for inline positioning of the list items */  
width:200px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;   
height:110px;   
background: #000000;   
margin-top:10px;   
margin-bottom:10px;   
margin-left:5px;   
margin-right:5px;   
}   
  
#carousel_ul li img {   
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/  
/* styling */  
cursor:pointer;   
cursor: hand;   
border:0px;   
}   
#left_scroll, #right_scroll{   
float:left;   
height:130px;   
width:15px;   
background: #C0C0C0;   
}   
#left_scroll img, #right_scroll img{   
/*styling*/  
cursor: pointer;   
cursor: hand;   
}