/* CSS Document */

a {
	font-weight: bold;
	font-style: italic;
}
a:link
{
    text-decoration: underline;
    color: #FF6600;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}


body
{
    background-image: url('../img/bg3.gif');
    background-repeat: repeat-x;
    background-color: #FFD25A;
}   

div.container
{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; /* this is for ie */
    padding: 5px;
    border: 1px solid #CCCCCC;
    background-color: #FBECDD;
}

div.cell {
	width: 580px;
	margin: 5px;
	padding: 5px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
}

div.cell1 {
	width: 580px;
	margin: 5px;
	padding: 5px;
	float: left;
	background-color: #FBECDD;
	border: 1px solid #CCCCCC;
	font-family: Tahoma, "Times New Roman";
	font-size: 16px;
	color: #000066;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

ul#navigation
{
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #666;
}

ul#navigation li a
{
display: block;
width: 5em;
color: #FFF;
background-color: #036;
padding: .2em 0;
text-align: center;
text-decoration: none;
}

ul#navigation li a:hover
{
color: #FFF;
background-color: #69C;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }