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

body{
background-image:url(../images/bg.gif);
background-position: top left;
background-repeat: repeat-x;
margin: 0;
padding: 0;
background-color: #c3beba;}

#frame{
width: 984px;
margin: 0 auto;
padding:0;
text-align:center;
background-image:url(../images/content_home.gif);
background-position: top left;
background-repeat: repeat-y;}

#header{
background-image:url(../images/header_home.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 19px 0 0 39px;
width: 945px;
height:139px;
text-align: left;
font:11px/18px Arial, Helvetica, sans-serif;
color: #635e57;}

#header a:link, #header a:visited{
margin:0;
padding:0;
text-decoration:none;
color: #635e57;}

#header a:hover{
margin:0;
padding:0;
text-decoration:none;
color: #ce142b;}

/*---------------------------------------------------NAVIGATION--------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

/* Set up the default font and ovrall size to include image */
.menu {
background-image:url(../images/nav.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0px;
padding: 0px 0 0 0;
width: 984px;
height:30px;
text-align: center;
font:12px/18px Arial, Helvetica, sans-serif;
color: #635e57;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0px;
width: 984px;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#635e57; 
padding:6px 46px 6px 47px;
margin:0px;
background-image:url(../images/nav_line.gif);
background-position: middle left;
background-repeat:no-repeat;
}

/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#635e57;
padding:6px 46px 6px 47px;
background-color: #ffffff;
margin:0px;
}

/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
padding: 11px 0 30px 0;
margin: 0;
left:0; 
width:220px;
border-top:0; 
background-image:url(../images/spacer.gif);
background-position: middle left;
background-repeat: repeat-y;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
color:#635e57; 
margin:0;
text-align: left;
float:left;
width:130px;
font-weight:normal; 
height:auto; 
font: 12px Helvetica, Arial, sans-serif;
padding:8px 47px 8px 47px;
background-color: #ffffff;
background-image:url(../images/spacer.gif);
background-position: middle left;
background-repeat: no-repeat;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#e4e4e2; 
color:#635e57;
background-image:url(../images/spacer.gif);
background-position: middle left;
background-repeat: no-repeat; 
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
padding: 17px 0 30px 0;
margin-top:0px; /* for IE5.5 faulty box model */
mar\gin-top:0px;
/* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
width:140px; /* for IE5.5 faulty box model */
w\idth:130px; /* for IE6 */
}
 
/*------------------------------------------END OF NAVIGATION----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
#banner{
background-image:url(../images/banner.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 11px 0 0 10px;
width: 974px;
height:268px;
text-align: left;
font:11px/18px Arial, Helvetica, sans-serif;
color: #635e57;}

#content{
background-image:url(../images/content_home.gif);
background-position: top left;
background-repeat: repeat-y;
margin: 0;
padding: 0 0 20px 0;
width: 984px;}

#content a:link, #content a:visited{
margin:0;
padding:0;
text-decoration: underline;
color: #635e57;}

#content a:hover{
margin:0;
padding:0;
text-decoration: underline;
color: #ce142b;}


/*--------left side---------*/
#left{
float: left;
display: inline;
margin: 0 0 0 8px;
padding: 20px 0 0 0;
width: 370px;
text-align: left;
font:14px/21px Arial, Helvetica, sans-serif;
color: #635e57;
}

#leftText{
padding: 0 25px 0 42px;
}

#left #aux {
	font-size: 12px;
	line-height: 18px;
}

#left h1{
margin: 0;
padding: 0px;
text-align: left;
font:22px/26px Arial, Helvetica, sans-serif;
color: #635e57;}

/*--------right side---------*/
#righthome{
float: right;
display: inline;
margin: 0;
padding: 23px 90px 0 25px;
width: 491px;
text-align: left;
font:11px/18px Arial, Helvetica, sans-serif;
color: #635e57;}

#footer{
background-image:url(../images/footer.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 55px 0 0 19px;
width: 965px;
height:21px;
text-align: left;
font:11px/18px Arial, Helvetica, sans-serif;
color: #635e57;}

#footer ul{
margin: 0;
padding:0;
display: inline;}

#footer li{
list-style: none;
display: inline;
border-right: 1px solid #635e57;
margin: 0;
padding: 0 6px;}

#footer a:link, #footer a:visited{
color: #635e57;
text-decoration: none;
margin: 0;
padding: 0;}

#footer a:hover{
color: #ce142b;
text-decoration: none;
margin: 0;
padding: 0;}