/*
      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: 12px;
 margin-left:0px;
 margin-top:0px;
 background-color:#adcfe7;
 background:url(../images/page-bg.jpg) repeat-x;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 20px;
	color:#0040ff;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 16px;
	color:#0040ff;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
	font-style:italic;
	color:#0040ff;
	background-image:url(images/sub-heading-bg.gif);
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	color:#0040ff;
	background-image:url(images/sub-heading-bg.gif);
}

a {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-style:italic;
	color:#0040ff;
	text-decoration:none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-style:italic;
	color:#0040ff;
	text-decoration:underline;
}

#wrapper { 
 margin: 60px 0px 0px 100px;
 width: 800px;
 border: 2px solid #ccc;
 background-color:#FFFFFF;
 position: relative; 
 float:left;
}
#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 256px;
 margin: 0px 0px 0px 0px;
 background-image:url(../images/header.png);
 
 } 
#leftcolumn { 
 clear:left;
 color: #333;
 border: 0px solid #ccc;
 /*background: #FFFFFF;*/
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 200px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
/* background: #FFFFFF;*/
 margin: 0px 5px 5px 5px;
 padding: 5px;
 width: 780px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 /*background: #FFFFFF;*/
 margin: 0px 0px 5px 0px;
 padding: 0px;
 width: 0px;
 float: left;
}
#topnav { 
 width: 1000px;
 clear: both;
 color: #FFF;
 border: 1px solid #ccc;
 background-image: url(../images/nav-bg.jpg);
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align:center;
 font-size:14px;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif; 
}
#footer { 
 width: 800px;
 height: 46px;
 float:left;
 clear: both;
 color: #0040ff;
 border: 0px solid #ccc;
 background:url(../images/menub_bg.gif) repeat-x;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 text-align:center;
 vertical-align:middle;
}

.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(../images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 10px 10px 10px 10px;
}

/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.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: 95%; margin: 1em auto; }


/* Back ground image */

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		/*@media screen {max-width: 1024px}*/
		
		img.bg {
				left: 50%;
				margin-left: -512px; }