*
{
    font-family: Helvetica, Sans-Serif;
}
body {
    margin: 5px 18px;
	background-image: url(bgcrumple.jpg); 

}
#header
{
    width: 90%;
}
#nav
{
    width: 90%;
    margin-left: 25px;
 }
 #main
 {
    width: 50%;
    float: left;
    background-color: #6C000A;
    color: #ffffff;
	font-size: 0.8em;
	font-family: helvetica;
	text-shadow: 1px 1px 1px black;
	min-height: 200px;
	min-width: 800px;
	
 }
 #side
 {
    width: 30%;
    float: right;
    padding-left: 5px;
 }
 #content
 {
    float: left;
    width: 100%;

 }
 #footer
 {
    clear: both;
    text-align: left;
 }
 a
{
	/*
		Clears the underline on normal links, and give them #da6637 as the color.
	*/
	color: #FFFFFF;
	font-family: helvetica;
	text-decoration: none;
	text-shadow: 1px 1px 1px black; 
}

a:hover
{
	/*
		Underlines links when the users hover the mouse over them.
	*/
	text-decoration: underline;
}
h1
{
  /*
    Makes h1 elements smaller than their browser default.
  */
  font-size: 20px;
  font-family: Helvetica;
  font-style: italic;
  
}
h2
{
  /*
    Makes h2 elements smaller than their browser default.
  */
  font-size: 20px;
  font-family: Helvetica;
  font-style: italic;
  color: white;
  text-shadow: 3px 3px 3px black;
}
h3
{
  /*
    Makes h2 elements smaller than their browser default.
  */
  font-size: 14px;
  font-family: Helvetica;
  font-style: bold;
  color: white;
  text-shadow: 2px 2px 2px black;
}
h4
{
  /*
    Makes h2 elements smaller than their browser default.
  */
  font-size: 10px;
  font-family: Helvetica;
  font-style: bold;
  color: white;
  text-shadow: 2px 2px 2px black;
}
Gridview
{
    font-family: Helvetica;
    border: none;
    color: Black;
    font-size: 14px;
    font-style: bold;
    color: white;
    text-shadow: 2px 2px 2px black;
}
.defGV
{
    font-family: Helvetica;
    border: none;
    font-size: 14px;
    font-style: bold;
    color: white;
    text-shadow: 2px 2px 2px black;
    padding: 2px;
}
.HeaderLink
{
	/*
		The #HeaderLink is nested in the #Header. It provides a link to the homepage,
		and sets the header image background.
		margin: auto puts the link (with a width of 278) right in the middle of #Header.
	*/
	width: 800px; 
	height: 130px; 
	display: block;	
}
.itemcontainer
{
    width: 100%;
    list-style-type: none;
}
.itemContainer li
{
    height: 400px;
    width: 33%;
    float: left;
    border: 1 Gray;
}
.itemContainer li img
{
    width: 160px;
    margin: 10px 20px 10px 0;
}