/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#Wrapper { 
 margin: 0 auto;
 width: 922px;
}

#Header {
  color: #333;
  width: 900px;
  float: left;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 10px 0px 5px 0px;
  background: #E7DBD5;
}
.Header {
  font-size: 30px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}
.Header A:link {
  font-size: 30px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}
.Header A:active {
  font-size: 30px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}
.Header A:visited {
  font-size: 30px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}
.Header A:hover {
  font-size: 30px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}

#Navigation {
  float: left;
  width: 900px;
  color: #333;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 0px 0px 5px 0px;
  background: #BD9C8C;
}
.Navigation {
  font-size: 11px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}
.Navigation A:link {
  font-size: 11px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Navigation A:active {
  font-size: 11px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Navigation A:visited {
  font-size: 11px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Navigation A:hover {
  font-size: 11px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}

#Left { 
  color: #333;
  border: 1px solid #ccc;
  background: #FFFFFF;
  margin: 0px 5px 5px 0px;
  padding: 10px;
  min-height: 350px;
  width: 456px;
  float: left;
}
.Left {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}
.Left A:link {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Left A:active {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Left A:visited {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Left A:hover {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}

#Middle { 
  color: #333;
  border: 1px solid #ccc;
  background: #E7DBD5;
  margin: 0px 5px 5px 0px;
  padding: 10px;
  min-height: 350px;
  width: 195px;
  float: left;
}
.Middle {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
.Middle A:link {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}
.Middle A:active {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}
.Middle A:visited {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}
.Middle A:hover {
  font-size: 12px;
  font-family: Arial, Sylfaen, Garamond;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

#Right { 
  color: #333;
  border: 1px solid #ccc;
  background: #E7DBD5;
  margin: 0px 0px 5px 0px;
  padding: 10px;
  min-height: 350px;
  width: 195px;
  float: left;
}
.Right {
  font-size: 10px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}
.Right A:link {
  font-size: 10px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Right A:active {
  font-size: 10px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Right A:visited {
  font-size: 10px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: underline;
}
.Right A:hover {
  font-size: 10px;
  font-family: Arial, Sylfaen, Garamond;
  color: #333333;
  text-decoration: none;
}

#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #BD9C8C;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

p {
  margin: 10px 10px 10px 10px;
  font-weight: normal;
}

h1, h2, h3, h4 {
  margin: 10px 10px 10px 10px;
  font-weight: bold;
  font-size: 18px;
}

.Google {
  font-size: 8pt;
  font-family: Arial;
  color: #000000;
  text-decoration: none;
}
.Google A:link {
  font-size: 8pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}
.Google A:active {
  font-size: 8pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}
.Google A:visited {
  font-size: 8pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}
.Google A:hover {
  font-size: 8pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}

#Gleft { 
 padding-left: 20px;
 padding-right: 20px;
}
.Gleft {
  font-size: 10pt;
  font-weight: normal;
  font-family: Arial;
  color: #000000;
  text-decoration: none;
}
.Gleft A:link {
  font-size: 10pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}
.Gleft A:active {
  font-size: 10pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}
.Gleft A:visited {
  font-size: 10pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}
.Gleft A:hover {
  font-size: 10pt;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}
