/* CSS Document */

html, body{
width:100%;
height:auto;
background-color:#ccc;
color:#333;
margin: 0;
padding: 0;
text-align:left;
 	}

a img{
border:5px solid #FFF;
padding:0;
	} 

a img:hover{
border:5px solid #900;
padding:0;
	} 

.img:active{
border:5px solid #900;
padding:0;
	}

a img:visited{
border:5px solid #FFF;
padding:0;
	}

a{
border:none;
text-decoration:none;
color:#900;
	}
	
a:hover, a:focus{
text-decoration:none;
color:#333;
	}

a:visited{
text-decoration:none;
color:#900;
	}

h1{
font-size:22px;
line-height:28px;
color:#A00;
	}
	
#container{
width:780px;
height:auto;
background-color:#FFF;
padding:0;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:18px;
margin-left:-375px;
position:absolute;
left:50%;
	}

#banner{
height:200px;
width:780px;
background-image: url(images/banner.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
	}
	
#nav{
text-align:left;
position:relative;
width:780px;
height:30px;
font-size:14px;
line-height:30px;
background-color:#ccc;
margin:0;
padding:0;
}

#nav ul{
padding:0;
margin:0;
	}

#nav ul li{
display:inline;
padding:0;
margin:0;
	}

#nav ul li a{
color:#900;
text-decoration:none;
padding: 0 10px;
border:none;
	}

#nav ul li a:hover, #nav ul li a:focus{
color:#FFF;
	}

#nav a.active{
color:#FFF;
	}
	
#column_left{
margin:0;
width:200px;
height:370px;
padding:10px;
border:none;
position:relative;
float:left;
	}

#column_left a.active{
color:#333;
	}

#column_right{
margin:0;
width:539px;
height:auto;
padding:10px;
border-left:1px dashed #ccc;
float:left;
	}

.copyright{
text-align:center;
font-size:11px;
line-height:25px;
width:780px;
height:50px;
margin:0;
padding:0;
position:relative;
background-color:#ccc;
	}

.copyright a{
color:#900;
padding:0 5px;
	}

.copyright a:hover, a:focus, a.active{
color:#FFF;
	}