@charset "UTF-8";
/* CSS Document */

body {

	background-image :  url(http://cknightdesign.com/images/bg.jpg);

    background-repeat : repeat-x;

	background-color : #333;
	
	margin:0;
	padding:0;

	}
	
	
.oneColFixCtrHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #333;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
		margin-top:96px;
}
.oneColFixCtrHdr #header {
	background: #000; 
	padding: 10px 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 960px;
	height: 120px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}


.oneColFixCtrHdr #header2 {
	background: #333; 
	top:250px;
	padding: 5px 20px 0 52px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 920px;
	height: 40px;
	margin-left: auto; /* the auto margins (in conjunction with a width) center the page */
		margin-right: auto; /* the auto margins (in conjunction with a width) center the page */

	margin-top:55px;
	margin-bottom:-90px;
}
.oneColFixCtrHdr #header3{
	
background: #333; 
	top:250px;
	padding: 5px 20px 0 52px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 943px;
	height: 25px;
	margin-left: auto; /* the auto margins (in conjunction with a width) center the page */
		margin-right: auto; /* the auto margins (in conjunction with a width) center the page */

	margin-top:64px;
	margin-bottom:-90px;
	}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #333;
	height: 425px;
	
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#333;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #990099;
	text-decoration:none;
}




a.green:link, a.green:active, a.green:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ccff99;
	text-decoration:none;

}


a.green:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #990099;
	text-decoration:none;
}

#maincol {
	position:relative;
	margin:0;
	padding:10px;
	top:0px;
	min-height:175px;
	font: .95em  Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.33em;
	color:#333;
	width:960px;
	}

#leftcol {
	position:relative;
	top:-10px;
	left:2px; /* for safari */
	float:left;
	width:220px; /*   for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:125px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	vertical-align:bottom;
	}
	


#rightcol {
float:right;
left:-100px;
margin:0 0 10px;
padding:5px 0 0 10px;
position:relative;
top:0;
voice-family:inherit;
width:190px;
z-index:99;
}
	
	
	#thirdcol {
	position:relative;
	margin-right: 10px;
	margin-left: -15px;
	padding-top: 50;
	padding-right: 215px;
	padding-bottom: 0;
	padding-left: 400px;
	line-height: 1.33em;
	top:-396px;
	}
#centercol {
	position:relative;
	margin-right: 10px;
	margin-left: -15px;
	padding-top: 0;
	padding-right: 215px;
	padding-bottom: 0;
	padding-left: 150px;
	line-height: 1.33em;
	}
	
	
	#maincol1 {
	position:relative;
	margin:0;
	padding:10px;
	top:-100px;
	min-height:50px;
	font: .95em  Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.5em;
	width:920px;
	}

#leftcol1 {
background-color:990099;
	position:relative;
	top:-10px;
	left:10px; /* for safari */
	float:left;
	width:400px; /*   for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:165px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	vertical-align:bottom;
	}
	


#rightcol1 {
	position:relative;
	top:207px;
	background-color:#990099;
	float:right;
	width:550px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:190px; /* actual value */
	margin:0 0 10px 0;
	padding: 10px 0 0 10px;
	z-index:99;
	left: -100px;
	}
	
	
	
#centercol1 {
	position:relative;
	margin-right: 10px;
	margin-left: -15px;
	padding-top: 0;
	padding-right: 215px;
	padding-bottom: 0;
	padding-left: 200px;
	line-height: 1.33em;
	}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #CCCCCC;
}
#apDiv4 {
	position:relative;
	width:527px;
	height:400px;
	z-index:4;
	left: 410px;
	top: -1412px;
	background-color:#000000;
}

div.float {
  float: left;
  height:100px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 3;
  }
  
  div.float1 {
	float: left;
	height:200px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 33;
  }
  
   div.float1 {
  float: left;
  z-index:15;
  height:100px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  }
  
     div.float3 {
  float: left;
  z-index:15;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 120px;
  }
  
div.float p {
   text-align: center;
   }
   
   div.spacer {
  clear: both;
  height:1px;
  }
div.container {
width:400px;
  border: 2px dashed #333;
  background-color: #ffe;
  }


#container2 {
	
	width: 960px;
	margin: 0 auto;
}

#footer {
	
	height: 68px;
	clear: both;
}
#pagesection {
width: 395px;
	float: left;
	margin-top: -55px;
	padding: 0px;
	background-color:#990099;
	height:45px;

}
#content {
	width: 400px;
	float: left;
	margin-top: 10px;
	padding-left: 2px;
}
#mainstuff {
	width: 550px;
	float: left;
	margin-top: 10px;
	padding-left: 1px;
	background-color:#000000;
	min-height:398px;
}
#titles {
	width: 550px;
	float: left;
	margin-top: -45px;
	padding: 0px;
	background-color:#990099;
	height:45px;
}h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #CCCCCC;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #CCCCCC;
}


.pad {
	padding: 10px;
}

.white {

color:#eeeeee;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;

}