@charset "utf-8";
body  {

background: #ffffff;
background-image:url(images/bg.jpg);
background-position:top;
background-repeat:no-repeat;
margin: 0; 
padding: 0;
text-align: center; 
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

img {
border:none;
}

#container { 
width: 924px;  
background: #FFFFFF;
margin: 0 auto; 
border: none;
text-align: left; 
} 

#header { 
background-image:url(images/home-header.jpg);
height:131px;
background-repeat:no-repeat;
width:924px;
overflow:hidden;


} 

#home-middle {
background-image:url(images/home-middle.jpg);
height:257px;
background-repeat:no-repeat;
width:924px;
float:left;
clear:left;
}

#sidebar1 {
float: right; 
width: 305px; 
background-image:url(images/tips-bg.jpg);
background-repeat:repeat;
font-size:12px;
background-color:#FFFFFF;
}

#sidebar1 ul {
list-style-type:none;
margin-left:0px;
padding-left:20px;
padding-right:50px;
padding-top:0px;

}

#sidebar1 li {
display:block;
background-image:url(images/arrow.jpg);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:12px;
padding-top:0px;
padding-bottom:5px;

}

#sidebar1 a:link {
text-decoration:underline;
color:#336799;
}

#sidebar1 a:visited {
text-decoration:underline;
color:#336799;
}

#sidebar1 a:hover {
text-decoration:underline;
color:#666666;
}

#sidebar1 a:active {
text-decoration:underline;
color:#336799;
}



a:link.tips {
text-decoration:underline;
color:#336799;
}

a:visited.tips {
text-decoration:underline;
color:#336799;
}

a:hover.tips {
text-decoration:underline;
color:#666666;
}

a:active.tips {
text-decoration:underline;
color:#336799;
}



#mainContent { 
background-image:url(images/home-left-bg.jpg);
width:599px;
background-repeat:no-repeat;
float:left;
padding-top:45px;
padding-left:20px;


} 



#footer { 
background-image:url(images/footer-bg.jpg);
height:57px;
clear:both;
} 

#footer p {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:33px;
padding-left:350px;
}

a:link {
text-decoration:underline;
color:#FFFFFF;
}

a:visited {
text-decoration:underline;
color:#FFFFFF;
}

a:hover {
text-decoration:underline;
color:#cccccc;
}

a:active {
text-decoration:underline;
color:#FFFFFF;
}


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

/*navigation*/

#navigation {
padding-left:460px;
margin:0px;
padding-top:85px;

	

}

.style1 {
	color: #336799;
	font-weight: bold;
	font-size:16px;
}

a.sidenav:link {
text-decoration:none;
color:#336799;
background-color:#FFFFFF;
width:250px;
display:block;
}

a.sidenav:visited {
text-decoration:none;
color:#336799;
background-color:#FFFFFF;
width:250px;
display:block;
}

a.sidenav:hover {
text-decoration:underline;
color:#666666;
background-color:#FFFFFF;
width:250px;
display:block;}

a.sidenav:active {
text-decoration:none;
color:#336799;
background-color:#FFFFFF;
width:250px;
display:block;
}

#mainContent li {
padding:5px;