/*
      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; }

/* LayOut --------------------------------- */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
  background: #5B221A;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #F2E2C3;
 text-align: center;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 background: #B05C2E url('images/trd_header-1.jpg') center top;; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:5px
}
#leftcolumn { 
 color: #451A0A;
 border: 1px solid #ccc;
 background: #c89e62 url('images/left-bg.jpg') repeat-y center top;
 padding: 10px;
/* height: 350px; */
 width: 195px;
 float: left; margin-left:0px; margin-right:5px; margin-top:0px; margin-bottom:5px
}
#content { 
 float: left;
 color: #451A0A;
 border: 1px solid #ccc;
 background: #F2E2C2 url('images/content-bg.jpg') repeat-y center top;
 padding: 10px;
/* height: 350px; */
 width: 500px;
 display: inline; margin-left:0px; margin-right:5px; margin-top:0px; margin-bottom:5px
}
#rightcolumn { 
 color: #451A0A;
 border: 1px solid #ccc;
 background: #c89e62 url('images/right-bg.jpg') repeat-y center top;
 padding: 10px;
 height: 450px;
 width: 150px;
 float: left;
 position: relative; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px
}
#footer {
 clear: both;
 color: #451A0A;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px;
 background: #B05C2E url('images/header-bg.jpg') center top;
}

/* typography --------------------------------- */

p, h1, h2, h3, h4, h5, h6, li {
	font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
}
#header h1{
	font: 200% "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 40px 0 5px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}	
#header h3{
	font: normal 90% "lucida grande", "trebuchet ms", georgia, times, serif;
	margin: 0 0 68px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #F2E2C3;
}
#header a {
	color: #F2E2C3;
	text-decoration: none;
}
a {
	color: #5B211A;
  text-decoration: none;
}

a img {
	border: none;
}

a:visited {
	color: #5B211A;
}

a:hover {
	text-decoration: underline;
}

/* Left Column Lists --------------------------------- */

#leftcolumn ul {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	margin: 4px 0 10px 0;
	padding: 0;
	list-style: none;
}

#leftcolumn h2 {
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
	border: 0px;
	color: #333;
}

#leftcolumn ul {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 20px 0;
	text-align: left;
}

#leftcolumn ul li {
	font-family:  "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 0.25em 0;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 0 0 13px;
}

#leftcolumn ul li a {
	text-decoration: none;
}

#leftcolumn ul li a:hover {
	text-decoration: underline;
}

#leftcolumn ul.children {
	font-size: 90%;
	padding-left: 4px;
}

.onpage {
	text-decoration: overline underline;
}
	
    /* Content Column Lists --------------------------------- */

#content ul {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	margin: 4px 0 10px 0;
	padding: 0;
	list-style: none;
}

#content ol {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	margin: 4px 0 10px 0;
	padding: 0;
	list-style-position: inside;
}

#content h2 {
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
	border: 0px;
	color: #333;
}

#content ul {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 20px 0;
	text-align: left;
}

#content ul li {
	font-family:  "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 0.25em 0;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 0 0 13px;
}

#content ul li a {
	text-decoration: none;
}

#content ul li a:hover {
	text-decoration: underline;
}

#content ul.children {
	font-size: 90%;
	padding-left: 4px;
}
#content dl {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	margin: 4px 0 10px 0;
	padding: 0;
	list-style: none;
}

#content dl {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 20px 0;
	text-align: left;
}

#content dl dt {
	font-family:  "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 0 0;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 0 0 13px;
}
#content dl dd {
	font-family:  "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 0.25em 0 0.25em 2em;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 0 0 13px;
}

#content dl dt a {
	text-decoration: none;
}

#content dl dt a:hover {
	text-decoration: underline;
}

#content dl.children {
	font-size: 90%;
	padding-left: 4px;
}

#content a {
	color: #5B211A;
	text-decoration: none;
}

#content a img {
	border: none;
}

#content a:visited {
	color: #5B211A;
}

#content a:hover {
	text-decoration: underline;
}

    /* Right Column Lists --------------------------------- */

#rightcolumn ul {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	margin: 4px 0 10px 0;
	padding: 0;
	list-style: none;
}

#rightcolumn h2 {
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
	border: 0px;
	color: #333;
}

#rightcolumn ul {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 20px 0;
	text-align: left;
}

#rightcolumn ul li {
	font-family:  "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 0.25em 0;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 0 0 13px;
}

#rightcolumn ul li a {
	text-decoration: none;
}

#rightcolumn ul li a:hover {
	text-decoration: underline;
}

#rightcolumn ul.children {
	font-size: 90%;
	padding-left: 4px;
}