/*
      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: 13px;
 background:url(images/bg.jpg) repeat-y;
}
#wrapper { 
 margin: 0 auto 0;
 width: 960px;
 border: 1px solid #ccc;
 background-color:#FFFFFF;
}
#faux {
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 960px;
 padding: 0px;
 height: 120px;
 margin: 0;
 background:url(images/header.jpg) no-repeat;
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
 border:1px solid #ccc;
}
#leftcolumn { 
 float: left;
 color: #333;
/* border: 1px solid red;*/
 margin: 10px;
 padding: 0px;
 width: 683px;
 display: inline;
 position: relative;
 border:1px solid #ccc;
}
#maincolumn {
 color: #333;
/* border: 1px solid red;*/
 margin: 0px;
 padding: 0px 0px 10px 0px;
 width: 956px;
 /*display: inline;*/
 position: relative;
}
#maincolumn1 {
 color: #333;
/* border: 1px solid red;*/
 margin: 0px;
 padding: 0px 0px 10px 0px;
 width: 938px;
 /*display: inline;*/
 position: relative;
}
#footer { 
 width: 942px;
 clear: both;
 color: #333;
 margin: 0;
 padding: 10px;
 text-align:center;
}
.clear { clear: both; background: none; }

#youtube	{
	width: 420px;
	float:left;
	margin:10px;
}

#sidebox	{
	width: 180px;
	float:right;
	margin: 0 0 10px 15px;
	padding: 10px;
	
	text-align:center;
}

#sidebox2	{
	width: 480px;
	float:right;
	margin: 0 0 10px 15px;
	padding: 10px;
	border: #ccc solid 1px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 10px 0 10px 20px;
	color:#333333;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 30px;
	margin: 10px 0 10px 20px;
	color:#326fa4;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	margin: 10px 0 10px 20px;
	color:#326fa4;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color:#0066CC;
}
a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color:#0066CC;
}
a:active, a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color:#FF6600;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin: 10px 0 10px 20px;
	color:#326fa4;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 10px 0 10px 20px;
	color:#326fa4;
}
img.thumb	{
	border: 1px solid #0066cc;
}

ol	{
	margin: 10px 0 10px 40px;
}
ul	{
	margin: 10px 0 10px 40px;
}
li	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333333;
}
li.steps	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333333;
	margin-bottom:15px;
}
ol.steps2 {
	list-style-type: lower-alpha;
	margin-left:25px;
}

ol.steps3	{
	list-style-type: lower-roman;
	margin-left:25px;
}

.nextpage	{
	float:right;
	border:1px solid #ccc;
	height:14px;
	background-color:#6699CC;
	margin:20px;
	padding: 15px;
	text-align:right;
}

.prevpage	{
	float:left;
	border:1px solid #ccc;
	height:14px;
	background-color:#6699CC;
	margin:20px;
	padding: 15px;
	text-align:left;
}
.nextpage a, .prevpage a	{
	color:#fff;
	font-weight:bold;
}
.nextpage a:hover, .prevpage a:hover	{
	color:#FFFF00;
	font-weight:bold;
}


.nextpagetop	{
	float:right;
	height:14px;
	margin:10px;
	text-align:right;
}

.prevpagetop	{
	float:left;
	height:14px;
	margin:10px;
	text-align:left;
}
.nextpagetop a, .prevpagetop a	{
	color:#326fa4;
	font-size:12px;
}
.nextpagetop a:hover, .prevpagetop a:hover	{
	color:#FF0000;
}