/*
      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: Verdana, Helvetica, sans-serif;
 font-size: 13px;
 color: black;
}

a {
 text-decoration: none;
 color: #369;
  border-bottom: 1px dotted #369;
}

a.imglink {
 border: none;
 text-decoration: none;
}

a.imglink:hover {
 border: none;
 text-decoration: none;
 border-bottom: none;
}

a.imglink img {
 border: none;
}

a:hover {
  border-bottom: 1px solid #369;
}

#wrapper { 
 margin: 0 auto;
 width: 80%;
}
#header {
 width: 80%;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px auto 5px auto;
 background: white;
 background-image: url('http://isomerica.net/isomerica.png');
 background-repeat: no-repeat;
 text-align: center;
}
#navigation {
 width: 80%;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px auto 5px auto;
 background: #336699;
 padding: 10px;
 padding-bottom: 30px;
/* height: 20px; */
}

#navigation ul {
 background: #8877ff;
 list-style-type: none;
 padding: 0px;
}

#navigation ul li {
 color: white;
 float: left;
}

#navigation ul a {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	display: inline;
	margin-right: 20px;
	text-decoration: none;
	font-family: Verdana, san-serif;
	font-size: 14px;
	color: white;
	border: 1px dotted white;
}

#navigation ul a:hover {
	color: #000;
	background: #eef;
	border: 1px solid black;
}

#content { 
 width: 80%;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px auto 5px auto;
 padding: 10px;
/* height: 350px; */
}

ul {
  padding: 20px;
}

p {
  padding: 10px;
}

#footer { 
 width: 80%;
 color: #333;
 border: 1px solid #ccc;
 background: #eeeeff;
 margin: 0px auto 10px auto;
 padding: 10px;
 font-family: Verdana, San-serif;
 font-size: 10px;
 text-align: center;
}

img.rightimage {
  float: right;
  margin-left: 10px;
}

img.leftimage {
  float: left;
  margin-right: 10px;
}

.justify {
  text-align: justify;
}