A:link
{ text-decoration: none; color:#ccc; }
A:visited
{ text-decoration: none; color:#999; }
A:active
{ text-decoration: none; color:#900; }
A:hover
{ text-decoration: underline; color:#fff; }

li
{
list-style-type: circle;
font-size: .75em;
font-family: Verdana, sans-serif;
color: #ccc;
}

body
{ 
background-color: #300;
font-size: 16px;
}

h1 { 
color: #fff; 
font-size: 1.5em; 
font-family: Tahoma, Verdana, sans-serif; 
line-height: 1.5em; 
text-align: center; 
} 

h2 { 
color: #ccc; 
font-size: 1em; 
font-family: Trebuchet, Verdana, sans-serif; 
line-height: 1.5em; 
text-align: center; 
} 

h3, h4 { 
color: #ccc; 
font-size: .75em; 
font-family : Verdana, sans-serif; 
line-height: 1.5em; 
text-align: left; 
} 

p {
color: #ccc; 
font-size: .818em; 
font-family: Verdana, sans-serif; 
line-height: 1.5em; 
text-align: left; 
}

p.emphasis {
color: #fff; 
font-size: 1em; 
font-family: Arial, Verdana, sans-serif; 
line-height: 1.5em; 
font-weight: bold; 
text-align: left; 
}

p.code {
color: #fff; 
font-size: 1em; 
font-family: Courier, 'Lucida Console', monospace; 
text-align: left; 
} 

p.boxy {
color: #999;
font-size: 2em;
font-family: Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px 2px #000; 
background-color: #300;
border: solid 1px #333;
-moz-box-shadow: 5px 5px 0 rgba(72, 72, 72, .5);
-webkit-box-shadow: 5px 5px 0 rgba(72, 72, 72, .5);
box-shadow: 5px 5px 0 rgba(72, 72, 72, .5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px 5px 5px 5px;
}

#header h1 { 
color: #cdba96; 
font-size: 5em; 
font-family: Constantia, Cambria, Georgia, serif; 
text-align: center; 
text-shadow: 2px 2px 2px #000;}

#header h2 {
color: #ffc; 
font-size: 1.5em; 
font-family: Georgia, serif; 
text-align: center; 
text-shadow: 1px 1px 1px #999; 
}

#footer p {
color: #600; 
font-size: 10px; 
font-family: Verdana, serif; 
text-align: center;
}


img
{
border: 1px; 
box-shadow: 3px 2px 3px #999;
padding: 5px 5px 5px 5px;
}

#Container {
margin:0 auto;
padding:0;
width:100%;
border:0px #ccc;
}


#header {
margin:0px;
padding:0px;
width:100%;
height:300px;
border:0px #ccc;
background-image: -moz-linear-gradient(100% 100% 90deg, #8B5742, #5C3317);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8B5742), to(#5C3317));
background-color: #300;
}

#navcontainer {
margin: 0;
width: 100%;
height:30px;
background-color: #300
}

#navlist
{
margin: 0;
font-family: 'Trebuchet MS', Calibri, 'Lucinda Sans', Verdana, sans-serif;
font-size: 1.6em;
}

#navlist li
{
display: inline;
float: right;
list-style: none;
padding: 0;
margin: 0;
}


#navlist li a
{
text-decoration: none;
border: 1px #999;
background-color: #300;
padding: 0px 9px 6px 9px;
margin: 0;
color: #999;
}


* html #navlist li a { padding: 0 5px; }

#navlist li a:hover
{
color: #300;
text-shadow: 0 1px 0 -1px 0 #c63;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-image: -moz-linear-gradient(100% 100% 90deg, #855E42, #E7C6A5);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#855E42), to(#E7C6A5));
background-color: #c63;
}



#Col1 {
float: left;
height: 400px;
width: 21%;
padding: 2%;
background-color: #5c4033;
background-image: -moz-linear-gradient(100% 100% 90deg, #5c4033, #5c3317);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c4033), to(#5c3317));
display:inline;
}



#Col2 {
float: left;
height: 400px;
width: 20.5%;
padding: 2%;
margin-left: .5%;
background-color: #5c4033;
background-image: -moz-linear-gradient(100% 100% 90deg, #5c4033, #5c3317);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c4033), to(#5c3317));
overflow:auto;
display:inline;
}

#Col3 {
float: left;
height: 400px;
width: 20.5%;
padding: 2%;
margin-left: .5%;
background-color: #5c4033;
background-image: -moz-linear-gradient(100% 100% 90deg, #5c4033, #5c3317);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c4033), to(#5c3317));
display:inline;
}

#Col4 {
float: left;
height: 400px;
width: 20.5%;
padding: 2%;
margin-left: .5%;
background-color: #5c4033;
background-image: -moz-linear-gradient(100% 100% 90deg, #5c4033, #5c3317);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c4033), to(#5c3317));
display:inline;
}

#footer {
margin:0;
padding:1px;
width:100%;
height:50px;
color:#000;
background-image: -moz-linear-gradient(100% 100% 90deg, #d2b48c, #deb887);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2b48c), to(#deb887));
background-color: #d2b48c;
clear:both;
}