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

/* initial concepts and fixes

All test is in ems'  for the sake of browser text resize function.
All divisions lie on top of the body background that meets the top and bottom of every page no matter what.
Parent containers are set to a width measured in pixels so that when browser text resize is used, it will not spill out of its parent container.
No height is ever defined for parents, sidebars, or children.
Fix for IE zoom feature = background image is also applied the wrap on top of the body background.  This resizes along with any  browser zoom so that all text remains on a lighter background, however you do loose the drop shadow effect for the background.
All division children are floated within their parent to their respective sides.
Images in the sidebar can be as large as 190pixels, suggested size, 11.25em or 180pixels(to fit within the 192pixel border)
*/

/* Start default styles sheet for all pages */

body {
	background: #8C8C8C url(../images/bg.gif) repeat-y top; /* 16x1.125 = 18px */
	margin:0em;
	font: 100%/1.125em Arial, Helvetica, sans-serif;
	color: #000;
	padding: .875px;
	text-align: center;  /* set to center as IE5.x content centering fix */
}

a:link {
	text-decoration: underline;
	color: #006;
}
a:visited {
	color: #006;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:active {
	color: #999;
	text-decoration: underline;
}

h1, h2, h3 {
	font-weight:normal;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #75200b;
}

h1 {
	font-size: 1.375em; /* 16x1.375 = 22px */
	line-height: 1.636em;/* 16x1.636 = 36px */
	margin: 0;  /* margin: 0 0 0.643em 0; /* 16x 0.5625 = 9px  is the value from the sidebar class */
	background: #FFF;
	border-top: thin solid #000; /*places three borders no left, must use .indent to place left padding and border */
	border-bottom: thin solid #000; /*places three borders no left, must use .indent to place left padding and border */
	border-left: #000;
	border-right: thin solid #000;
}

.indent h1 {           /* is placed on all h1 elements that fal below the main navigation to pad left and add left hand border */
	padding-left: 0.875em;
	border-left: thin solid #000;
}

h2 {
	font-size: 1.2em; /* 16x1.125 = 18px */
	margin:1em 0;
}

h3 {
	font-size: 1em; /* 16x1 = 16px */
	margin:1em 0; /* 18x1 = 18px */
}

h4 {
	font-size: 0.875em; /* 16x0.87 5= 14px */
	margin:1em 0; /* 18x1 = 18px */
}


p {
	margin: 1.125em .5em;
	font-size: 0.875em;
}

table {
	border-collapse: collapse;
	clear: left;
}

th, td {
	text-align: left;
	padding: 0;
	/* vertical-align: middle; */    /* commented out because it effects IE5.2 on Mac, unsupported or oncomplete value */

}

/* rather than give the table a font size, used contextual selectors to target the th and td elements within */

th {
	width:20%;
	font-weight: normal;
	font-size: 0.875em; /* 16x0.875 = 14px */
	padding:0 0.643em 0.571em 0.643em; /* 14x0.643 = 9px 14x0.571 = 8px */
	border-bottom:0.071em solid #ccc; /* 14x0.071 = 1px */
}

td {
	font-size: 0.75em; /* 16x0.75 = 12px */
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333 = 4px 12*0.75 = 9px 12x0.417 = 5px */
	border-bottom:0.083em solid #ccc; /* 12x0.083 = 1px */
	line-height: 1em; /* 12x1 = 12px */ 
}

#wrap {
	width: 800px;
	margin:0em auto;
	margin-top:0em;  /*Alignment set to left to counter the text to align properly on the body */
}

/*  end default styles sheet for all pages




##########################################################################

#########################################################################
 */




/* Begin template index and beyond */
#initial {
	text-align:left;
	width: 798px;
	margin: 0px auto;
	white-space: normal;
	background-color: #D6D6D6;
}


#header {
	margin: 0.3125em;  /* 16x0.3125 = 5px ,margin on all sides of the header */
	padding: 0px;
	height: 200px;
	background-image: url(../images/youbelikedamndotnet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#google_search {
}

#nav_secondary {
}

#content_wrap {
	margin: 0.3125em;
}

/* group sidebar start*/
/* rather than give the sidebar itself a font size used contextual selectors to target the elements within */
.sidebar {
	width: 11em;  /* 16x10 = 160px set to encompass a image of width:150x(any) height */
	float: left;
	margin: 0 1.125em 0 0; /* 16x1.125 = 18px right margin for all sidebars*/
	padding: 0.5625em;  /*sets background color for all sidebars including main navigation */
	color: #000; /* 16x0.125 = 2px border on all sides of every sidebar including main navigation  */
	clear: left;
	border-right: 0.125em solid #000;
	border-bottom: 0.125em solid #000;
	border-left: 0.125em solid #000;
	background: #FFF;
}
.sidebar a:link {
	color: #006;
	text-decoration: underline;
	font-family: "Arial Black", Gadget, sans-serif;
}
.sidebar a:visited {
	color: #006;
	text-decoration: underline;
	font-family: "Arial Black", Gadget, sans-serif;
}
.sidebar a:hover {
	color: #666;
	text-decoration: underline;
	font-family: "Arial Black", Gadget, sans-serif;
}
.sidebar a:active {
	color: #666;
	text-decoration: underline;
	font-family: "Arial Black", Gadget, sans-serif;
}




.sidebar h2 {
	font-size: 1em; /* 16x0.875 = 14px */
	margin: 0 0 0.643em 0; /* 14x0.643 = 9px */
}
ul {
	list-style: circle outside;
	cursor: text;
}
#list_wrap {
	padding: 0.3125em;
}



.sidebar h3 {
	font-size: 0.875em; /* 16x0.875 = 14px */
	margin: 0 0 0.643em 0; /* 14x0.643 = 9px */
}


.sidebar p {
	font-size: 0.75em; /* 16x0.75 = 12px */
	margin: 0 0 1.5em 0; /* 12x1.5 = 18px */
}

.sidebar ul {
	padding: 0;
	margin: 0 0 1.125em 1.125em; /* 16x1.125 = 18px */
}
#main_nav {  /* sets properties for the main navigation only excluding all other sidebars */
	border-top: thin solid #000;  /* adds the top border to the main navigation since its been removed on the sidebar class to prevent double borders */
}
#main_nav h2 {  /* would set possible changes for the main navigation only excluding all other sidebars */
}

.sidebar li {
	font-size: 0.75em; /* 16x0.75=12px */
}

.sidebar #content_sidebar_two {  /* ACTIVE remove .sidebar class to this style to deactivate a second sidebar */

}
.sidebar #content_sidebar_three{  /* ACTIVE remove .sidebar class to this style to deactivate a third sidebar */
}
.sidebar #content_sidebar_four{  /* ACTIVE remmove .sidebar class to this style to deactivate a fourth sidebar */
}
/* group sidebar end*/



#conten_1 {  /* ACTIVE by having content inside its corrosponding division 796 pixel width to prevent test overspill during resize*/
	height: 0px;
	width: 796px;
}

#conten_2 {  /* ACTIVE by having content inside its corrosponding division 796 pixel width to prevent test overspill during resize */
	height: 0px;
	width: 796px;
}

#conten_3 {  /* ACTIVE by having content inside its corrosponding division 796 pixel width to prevent test overspill during resize */
	height: 0px;
	width: 796px;
}

#conten_4 {  /* DEACTIVATED by setting a width property of 796 pixels and adding content to the corrosponding division on the page */
	height: 0px;
	width: 0px;
}

#conten_5 {  /* ACTIVE by having content inside its corrosponding division 796 pixel width to prevent test overspill during resize */
	height: 0px;
	width: 796px;
}

#footer {
	text-align: center;
	height: 50px;
	clear: both;
	float: none;
	margin: 0.3em 0.3em 1em;
	background: #FFF;
	border: thin solid #000;
	font: 9px Verdana, Geneva, sans-serif;
}
#footer a:link {
	text-decoration: underline;
	color: #000;
	font-weight: normal;
}
#footer a:visited {
	color: #000;
	text-decoration: underline;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}
#footer a:active {
	color: #666;
	text-decoration: underline;
}

#footer h6{
	font-size: 0.6875em; /* 16x0.6875 = 11px */
	line-height: 6.25em;/* 16x6.25 = 100px */
	margin: 0;
	border: thin solid #75002b;
	background: #CFD9AD;
}



/* End template index and beyond */
#index {
	text-align: center;
}
#content_3 #inline_image {
	display: inline;
	float: right;
	clear: right;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 1em;
	height: 180px;
	width: 180px;
}
#inline_test2 {
	display: inline;
	float: right;
	clear: right;
	height: 100px;
	width: 94px;
	margin-top: .5em;
	position: relative;
	margin-left: 1em;
	margin-bottom: .5em;
}
#footer #footer_left {
	text-align: left;
	margin: 0px;
	float: left;
	width: 65%;
	clear: none;
	height: 100%;
	line-height: 5.5555em;
	padding-left: 2em;
}
#footer #footer_right {
	text-align: right;
	margin: 0em;
	float: right;
	width: 25%;
	clear: none;
	height: 100%;
	padding-right: 2em;
	line-height: 5.5555em;
}
.sidebar  img {
	height: 6em;
	width: 9em;
}
#two {
	float: right;
	clear: none;
	font-size: 0.625em;
	text-align: right;
	margin-right: 0.625em;
	margin-top: -3em;
}
#one {
	float: left;
	clear: left;
}
dt {
	font-weight: bold;
}
#page_updated {
	font-size: 0.625em;
	text-align: left;
}
#user_info {
	font-size: 0.875em;
	text-align: left;
}
#channel {
	clear: none;
	float: left;
}