body { 
text-align: center; 
}

#container {
margin-left: auto;
margin-right: auto;
border: 1px solid #333333;
width: 750px;
text-align: left;
background-color:#FFCC00;
}

#header {
background-color:#000000; 
border-bottom: 1px solid #333333;
color:#FFFFFF;
width:750px;
}

#navigation {
	display:inline;
	float: left;
	width: 100%;
	background-color: #f81618;   /* previous color #ffffff */
	padding-top: 0;
	margin-top: 0;
} 

#navigation ul {
	padding: 3px 0; 
	margin-left: 0; 
	border-bottom: 1px solid #669; 
	font: bold 12px Verdana, sans-serif; 
}

#navigation ul li {
	list-style: none; 
	margin: 0; 
	display: inline; 
}

#navigation ul li a {
	padding: 3px 0.5em; 
	margin-left: 3px; 
	border: 1px solid #130a0d; 
	border-bottom: none; 
	background:#f81618;        
	text-decoration: none; 
}

#navigation ul li a:link { 
	color: #960e32;
} 

#navigation ul li a:visited { 
	color: #960e32;
} 

#navigation ul li a:link:hover, #navsite ul li a:visited:hover {
	color: #000; 
	background: #ffe976; 
	border-color: #336; 
}

#navigation ul li a#current {
	background: white; 
	border-bottom: 1px solid white; 
}

#columnleft {
float: left;
width: 200px;
padding-top:1em;
background-color:#FF6600;
}

#columnright {
padding-top:1em;
margin: 0 0 0 200px; /* top right bottom left */
background-color:#FFCC00;
}

#footer {
clear: both;
background-color:#000000; 
padding-bottom: .75em;
padding-top:.5em;
border-top: 1px solid #333333;
text-align:center;
color:#FFFFFF;
width:750px;
}

/* this style rule will make all images in the left column have nice spacing */
#columnleft img {
width: 170px;
margin-left:15px;
margin-right: 15px;
}

/* this style rule will format the text, (because remember it is all in <p> tags) */
#columnleft p {
color:#660000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em; /* warning, illegible if LESS than default size, .8em */
line-height: 1.2em;
padding:0 15px 0 15px; /* top right bottom left */
margin-top:.2em;
margin-bottom:.75em;
}

#columnleft h1{
font-family: Georgia, "Times New Roman", Times, serif;
color:#b30000;
font-size:1.2em;
font-weight:bold;
padding:1em 10px 0 15px; /* top right bottom left */
margin: 0 0 0 0; /* top right bottom left */
}

#columnleft h2{
font-family: Georgia, "Times New Roman", Times, serif;
color:#b30000;
font-size:0.8em;
font-weight:bold;
font-style:italic;
text-indent:1.2em;
padding:.5em 0 0 30px; /* top right bottom left */
margin: 0 0 0 0; /* top right bottom left */
}

#columnleft h3 {
font-family: Georgia, "Times New Roman", Times, serif;
color:#b30000;
font-size:0.8em;
font-weight:bold;
font-style:italic;
text-indent:2.2em;
padding:.5em 0 0 30px; /* top right bottom left */
margin: 0 0 0 0; /* top right bottom left */
}

/* this style rule will make links attractive */
#columnleft a {
color:#b30000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
padding:0 1px 0 4px; /* top right bottom left */
}

#columnleft a:hover {
color:#b30000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
padding:0 1px 0 4px; /* top right bottom left */
}

/* this style rule will make all images in the right column have nice spacing */
#columnright img {
padding:.3em 15px .3em 30px; /* top right bottom left */
}

/* this style rule will format the text, (because remember it is all in <p> tags) */
#columnright p {
color:#660000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em; /* warning, illegible if LESS than default size, .8em */
line-height: 1.2em;
padding:.3em 20px .5em 30px; /* top right bottom left */
margin:0 0 0 0; /* top right bottom left */
}

#columnright h1{
font-family: Georgia, "Times New Roman", Times, serif;
color:#b30000;
font-size:1.2em;
font-weight:bold;
padding:1em 10px 0 15px; /* top right bottom left */
margin: 0 0 0 0; /* top right bottom left */
}

#columnright h2{
font-family: Georgia, "Times New Roman", Times, serif;
color:#b30000;
font-size:0.9em;
font-weight:bold;
font-style:italic;
text-indent:1.2em;
padding:0 15px 0 15px; /* top right bottom left */
margin-top:.2em;
margin-bottom:.75em;
}

#columnright h3 {
font-family: Georgia, "Times New Roman", Times, serif;
color:#b30000;
font-size:0.8em;
font-weight:bold;
font-style:italic;
text-indent:2.2em;
padding:1em 0 0 30px; /* top right bottom left */
margin: 0 0 0 0; /* top right bottom left */
}

#columnright h4 {
font-family: Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
background-color:#FF0000;
font-size:1.3em;
font-weight:bold;
text-indent:10px;
padding:2px 0 2px 0; /* top right bottom left */
margin: 10px 0 0 0; /* top right bottom left */
}

/* this style rule will make links attractive */
#columnright a {
color:#b30000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
padding:0 1px 0 4px; /* top right bottom left */
}

#columnright a:hover {
color:#b30000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
padding:0 1px 0 4px; /* top right bottom left */
}

#columnright form {
padding:15px 0 0 30px; /* top right bottom left */
margin-left: 30px;
}


/* this style rule will format the text, (because remember it is all in <p> tags) */
#footer p {
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em; /* warning, illegible if LESS than default size, .8em */
text-align: center;
padding:0 0 0 0; /* top right bottom left */
margin:0;
}

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