/**********************************************************************
*  Programmer:  Ryan Huelsmann
*  Date:        9-22-2011
*  Assignment:  stylesheet for index page of project
*  File:        main.css
*  Location:    root/styles
***********************************************************************/
/* Format the styles for the body element and page division */
body {
	margin: 0 0;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 82.5%;
	background-color: red;
}
#page {
	width: 850px;
	margin: 0 auto;
	padding: 1em;
	border: 1px solid black;
	background-color: white;
}
/* Format the styles for the elements */
h1, h2 {
    color: black;
}
h1 { 
    font-size: 250%;
    margin: 0;
}
h2 { 
    font-size: 150%;
    margin-bottom: 0;
	margin-left: .5em;
}
ul {
    line-height: 1.4;
    margin-top: .25em;
	margin-left: 1em;
}
p {
	margin-left: 2em;
}
a:hover {font-weight: bold;}
a:link {color: red;}
a:visited{color: navy;}
a:active{color: navy;}
/* Format the styles for the header division */
#header {
	width: 850px;
	margin-left: 0 ;
	padding: 1em;
}

#header h1 {
    margin-left: 0;
}
#header h2 {
    margin: 0;
    margin-left: 0;
    color: #00ced1;
}
/* Format the styles for the navigation division */
#navigation {
	font-size: 125%;
	font-weight: bold;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding: 6px 10px 9px;
}
.current { color: red; }

/* Format the styles for the sidebar division */
#sidebar {
	width: 170px;
	margin: 0;
	float: right;
}
#sidebar ul{
	margin: 0;
	padding-left: 1em;
}
#sidebar li{
	margin: 0;
	padding-left: .25em;
	padding-bottom: .25em;
}
#sidebar p{
	margin-top: 2em;
	margin-bottom: .25em;
	margin-left: 0;
}
/* Format the styles for the main division */
#main {
    margin-left: 0;
	margin-right: 180px;
}
#main img{
	vertical-align: middle;
	margin-bottom: 0;
}
/* Format the styles for the footer division */
#footer {
    margin-top: .5em;
    border-top: 2px solid gray;
    padding-top: .7em;
	clear: left;
	color: gray;
	text-align: right;
}
/* Format the styles for classes */
.copyright {
    color: gray;
    font-size: 90%;
    text-align: right;
    margin: 0;
}