/*
      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 {
 padding: 0;
 margin: 0;
 font-size: 13px;
 background-image: url(/images/bg-tile.gif);
 background-repeat: repeat-y;
 background-position: center;
 text-align: center;
}
#wrapper { 
 margin-left: auto;
 margin-right: auto;
 width: 820px;
}

#header {
 background-image: url(/images/Nellies-SA_banner.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 width: 800px;
 color: #003366;
 height: 142px;
 margin: 0px 0px 0px 0px;
 font-weight: bold;
 text-align: right;
 font-family: "Trebuchet MS", "Century Gothic", Arial, helvetica, sans-serif;
}

#header p {
	position: relative; 
	right: 320px; 
	top: 120px;
	font-size: 150%;
	line-height: 95%;
	}

html> body #header {
	margin: 0px 0px 0px 10px;
	}

#navigation {
 width: 800px;
 padding: 0px 5px 0px 5px;
 margin: 0px 0px 0px 0px;
 font-size: 120%;
 color: #FFFFFF;
 background-color: #003366;
 list-style-type: none;
 text-align: center;
 font-weight: bold;
 border-top: 2px solid #993300;
 border-bottom: 2px solid #993300;
 font-family: "Trebuchet MS", "Century Gothic", Arial, helvetica, sans-serif;
}

html>body #navigation {
	width: 790px;
	margin: 0px 0px 0px 10px;
	}

#navigation a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	}
	
#navigation a:hover {
	color: #FFCC00;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-color: #FFFFFF;
	}
	

#content { 
 width: 780px;
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 10px;
 padding: 10px;
 height: 350px;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 text-align: left;
}


#content ol {
	list-style-position: outside;
	margin-left: 25px;
	}
	
#content li {
	margin-bottom: 5px;
	}
	
#content h1 {
	font-size: 175%;
	color: #993300;
	font-weight: bold;
	}	
	
#content h2 {
	font-size: 120%;
	color: #993300;
	font-weight: bold;
	}
	
#content ul {
	margin-left: 25px;
	}

#content a {
	color: #993300;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
	}
	
#content a:hover {
	color: #CC6600;
	}
	
#footer { 
 width: 780px;
 color: #333;
 background: #003366;
 margin: 0px 0px 10px 10px;
 padding: 10px;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#CAE0E5}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e8f1f3;
  border-right:1px solid #e8f1f3;
  background:#d7e7eb}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9fbfc;
  border-right:1px solid #f9fbfc;
  background:#d4e5e9}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d4e5e9;
  border-right:1px solid #d4e5e9;}
.spiffy4{
  border-left:1px solid #e8f1f3;
  border-right:1px solid #e8f1f3}
.spiffy5{
  border-left:1px solid #d7e7eb;
  border-right:1px solid #d7e7eb}
.spiffyfg{
  background:#CAE0E5}
  
  
.spiffi{display:block}
.spiffi *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFCC00}
.spiffi1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffe991;
  border-right:1px solid #ffe991;
  background:#ffd83f}
.spiffi2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff9e5;
  border-right:1px solid #fff9e5;
  background:#ffd530}
.spiffi3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffd530;
  border-right:1px solid #ffd530;}
.spiffi4{
  border-left:1px solid #ffe991;
  border-right:1px solid #ffe991}
.spiffi5{
  border-left:1px solid #ffd83f;
  border-right:1px solid #ffd83f}
.spiffifg{
  background:#FFCC00}

  
  
#leftcol {
	float: left;
	margin: 5px 0px 5px 5px;
	width: 490px;
	}
	
#leftcol p {
	padding: 5px;
	color: #0D3353;
	}
	
#leftcol ul {
	text-indent: 15px;
	}
	
	
#rightcol {
	float: right;
	margin: 5px 5px 5px 0px;
	color: #0D3353;
	text-align: center;
	font-weight: bold;
	width: 245px;
	}
	
#btmlft {
	float: left;
	margin: 5px 0px 5px 5px;
	width: 243px;
	}
	
#btmlft p {
	padding-left: 5px;
	color: #0D3353;
	}
		
#centcol {
	float: left;
	margin: 5px 5px 5px 15px;
	width: 233px;
	}

#centcol p {
	padding-left: 5px;
	color: #0D3353;
	}
	
#btmrght {
	float: right;
	margin: 5px 5px 5px 0px;
	width: 245px;
	}

#btmrght p {
	padding-left: 5px;
	color: #0D3353;
	}