/*
      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; }
html, body {
 height: 100%;
}
body {
 font-family: Arial;
 font-size: 12px;
 }
 
a {
 color: #009999;
}

a:visited {
 color: #666666;
}

#nonFooter
{
position: relative;
min-height: 100%;
}


* html #nonFooter
{
height: 100%;
}
 
#wrapper { 
 margin: 0 auto;
 width: 800px;
 float: center;
}

#header {
 color: #2c556e;
 width: 100%;
 float: left;
 padding: 10px;
 height: 15px;
 margin: 0px 0px 5px 0px;
 background: #f0f0f0;
 text-align: right;
}

#header a {
 padding-right: 15px;
 text-decoration: none;
 color: #2c556e;
}

#leftcolumn { 
 color: #333;
 background: transparent;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 padding-top: 5px;
 padding-bottom: 30px;
 height: auto;
 width: 225px;
 float: left;
 text-align: left;
}

#leftcolumn a img {
border: 0px;
}

img {
 vertical-align: bottom;
 }
 
#content { 
 float: left;
 color: #333;
 background: transparent url(images/border_06.gif) repeat-y;
 margin: 0px 5px -8px 0px;
 padding: 10px;
 padding-top: 10px;
 height: auto;
 width: 350px;
 display: inline;

}

#content img { 
 border: none;	
}

#content ul {
 padding-left: 20px;
}

#content ol {
 padding-left: 20px;	
	}

#contentWrapper {
 position: absolute;
 bottom: 15px;
 height: auto;
 width: 350px;
 display: inline;
 float: center; 
}

/* set millions of background images */
.rbroundbox { background: #009999;}
.rbtop div { background: url(images/box/rounded-1.gif) no-repeat top left; }
.rbtop { background: url(images/box/rounded-2.gif) no-repeat top right; }
.rbbot div { background: url(images/box/rounded-4.gif) no-repeat bottom left; }
.rbbot { background: url(images/box/rounded-3.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 97%; margin: 1em auto; color: #ffffff;}
.rbroundbox a { color: #ffffff;}
/*end box*/

#contentFooter {
display: block;
padding-left: 230px;
padding-bottom: 40px;
}

#contentHeader {
display: block;
}

#rightcolumn { 
 color: #333;
 background: transparent;
 margin: -7px 5px 5px 0px;
 padding: 0px;
 padding-right: 12px;
 height: auto;
 width: 175px;
 float: right;
}

#rightcolumn img {
 border: none;
}


#footer { 
 /*position: absolute;
 bottom: 0;*/
 width: 100%;
 clear: both;
 color: #042673;
 background: #f0f0f0;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height: 15px;
 position: relative;
 margin-top: -2.8em;
}

#footer a {
 padding-right: 15px;
 text-decoration: none;
 color: #042673;
}