* {margin: 0; padding: 0; border: 0;}

body {
	text-align: center;
	background: #fff;
	color: #fff;
	min-width: 700px;
	background-color: #38121a;
	background-image: url(images/back-2.jpg);
	background-repeat: repeat-x;
}

body {
font-family: verdana, tahoma, arial, sans-serif;
font-size: 100%;
line-height: 1.5;
}

img {
	padding-right: 4px;
	padding-left: 4px;
}

a {color: #fffffe; padding: 0 2px;}
a:hover {background: #d6aeb5; color: #000;}
a.totop{
  color: #000000;
}


div.copyright, div.copyright a {
	text-align: center;
	color: #000000;
	font-size: 9px;
	width: 100%;
}

#center a {color: #946d84;}
#center a:hover {background: #d6aeb5; color: #000;}

h1, h2, h3, h4, p {margin: 1em 0;}
ul {margin: 1em 2em;}

.babble { 
  margin-left:12px;
	color:#333333;
}

/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
	text-align: left;
	width: 95%; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	font-size: 80%;
	border: 0px solid #4a1c21;
	background-color: #FFFFFF;
}

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#header {
	background: #4a1c21;
	color: #fff;
	text-align: left;
	padding: 1px 0;
	float: left;
}

#header p {
	float: left;
	padding: 60px 24px 24px 126px;
	font-size: 1.5em;
	line-height: 1em;
	color: #fffffe;
}
#header ul {
	padding-top: 0px;
	padding-right: 4px;
	text-align: center;
	list-style: none;
	margin-right: 100px;
}
#header li {
	display: inline;
	margin: 0 2px;
}
#header li a {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFEE;
	font-weight: bold;
}
#header li a:hover {
	color: #FFFFEE;
}

#header ul {
	padding-top: 0px;
	padding-right: 4px;
	text-align: right;
	list-style: none;
}

#topCatBar {
	background: #4a1c21;
	color: #fff;
	text-align: left;
	padding: 1px 0;
	float: left;
}

#topCatBar ul {
	padding-top: 0px;
	padding-right: 4px;
	text-align: center;
	list-style: none;
	margin-right: 100px;
}
#topCatBar li {
	display: inline;
	margin: 0 2px;
}
#topCatBar li a {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFEE;
	font-weight: bold;
}
#topCatBar li a:hover {
	color: #FFFFEE;
}

#topCatBar ul {
	padding-top: 0px;
	padding-right: 4px;
	text-align: right;
	list-style: none;
}

#lc li {
	display: block;
	margin: 0 0 0 -6px;
	list-style-type: none;
}
#lc li a {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFEE;
	font-weight: bold;
}
#lc li a:hover {
	color: #FFFFEE;
}

#subnav {
background: #d6aeb5; 
color: #000; 
border-width: 1px 0; 
border-style: solid; 
border-color: #4a1a21;
}

#footer {
	text-align: center;
	color: #fff;
	background: #38121a;
	font-size: 9px;
}
#footer div {
padding: 1px 0;
}
#footer a {
	font-size: 9px;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background: url(images/sidebar-r.gif) repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
	margin-left: 185px;/*background: url(images/ReddazzleBCMarkusDandi.jpg) no-repeat 100% 0;*/
}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
	float:left;
	width: 170px;
	margin-left: -5%; /* the difference to make the left colum appear flush left */
	background-color: #C5B594;
}

#left a {
  color: #000000;
	text-decoration:none;
}
#left h3, #left ul {
	color: #000000;
	list-style-type: none;
}

#right {
  float:right;
  width: 0px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */
#pagetop {
	position: static;
	width: 95%;
	height: 134px;
	color: #000;
	margin-left: 22px;
	margin-right: 9px;
}

#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {
	font-size: 2.0em;
	font-style: italic;
}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}
#pagetop span {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: italic;
	text-align: center;
	font-weight: bolder;
}

#pagetop a:hover {
	border:none;
	background: transparent;
}

#wrapper {
position: relative;
z-index: 500;
}

.frmTable {
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	background-color: #CFF;
}
.frmtd {
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.black {
  color: #000000;
}
#leftcolumn{
float:left;
height: 450px;
padding: 5px;
padding-left: 8px;

}

div.thumb  ul{
	padding: 3px 1px;
	display: block;
	width: 100%;
	text-align: center;
}
div.thumb li{
  display:inline
}
#leftcolumn a:hover{
background-color: #FFFF80;
}

#rightcolumn{
	float:left;
	height: 450px;
	margin-left: 10px;
	padding: 5px;
	padding-bottom: 8px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}
.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
A.menulink {
	display: block;
	width: 125px;
	text-align: left;
	text-decoration: none;
	font-family:arial;
	font-size:12px;
	color: #000000;
	BORDER: solid 1px #FFFFFF;
	border: solid 1px #FFFFFF;
	height: 22px;
}

A.menulink:hover {
border: solid 1px #6100C1;
background-color:#CCCCCC;
}

.style2 {font-size: 14pt}
.style3 {
  font-size: 14pt;
  font-weight: bold;
}
.style4 {display: none;}