@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/frame.gif);
background-position: top left;
background-repeat: repeat-y;}

#header{
background-image:url(../images/header.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 35px 0 0 520px;
width: 464px;
height:123px;
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:transparent filter: alpha(opacity=95);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
opacity:0.95;
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----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

#contentInside{
background-image:url(../images/content.gif);
background-position: bottom left;
background-repeat: no-repeat;
margin: 0;
padding: 0px 0 50px 0;
width: 984px;
min-height:350px;}

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

#contentInside 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;
background-color:#e4e4e2;
}

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

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

#left h2{
margin: 0;
padding: 0px;
text-align: left;
font:14px/21px Arial, Helvetica, sans-serif;
color: #635e57;}

#left h3{
margin: 0;
padding: 0 0 1px 0px;
text-align: left;
font:11px Arial, Helvetica, sans-serif;
color: #635e57;
border-bottom: 1px solid #635e57;
width: 273px;
font-weight:bold;}

#box_bg{
background-image:url(../images/left_bg.gif);
background-position: top left;
background-repeat: repeat-y;
margin: 0 0 0px 0px;
padding: 0px 0 30px 0;
width: 370px;
font:11px/16px Arial, Helvetica, sans-serif;
}

#box{
background-image:url(../images/left.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 70px 50px 0px 42px;
width: 278px;}

#box h1{
color: #13448a;
font:12px Arial, Helvetica, sans-serif;
padding: 20px 30px 0 0;
}

#images{
margin: 0 0 0px 0px;
padding: 0px 0 0px 0;
width: 370px;}


/*--------right side---------*/
#right{
float: right;
display: inline;
margin: 43px 20px 0 0;
padding: 0px 20px 0 25px;
width: 541px;
text-align: left;
background-image:url(../images/right_border.gif);
background-position: top right;
background-repeat: no-repeat;
font:11px/14px Arial, Helvetica, sans-serif;
color: #635e57;}

#right ul{
margin:0;
padding:0 0 0 15px;}

#right li{
margin:0;
padding: 3px 0;}

#right h1{
margin:0;
padding:0;
font:14px/21px Arial, Helvetica, sans-serif;
}



#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;}