/* CSS Document */
html { width: 100%; margin: 0px; padding: 0px;}
body {  
	background-position: 0 0;
	background-repeat: repeat-x;
}

body, form { margin: 0px; padding: 0px; }
body, td, div, span { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}
div, table { text-align: left; }
img { border: 0px; margin: 0px; vertical-align: middle; }
a:link, a:visited { text-decoration: none} 
a:hover { text-decoration: underline}

div#wrapper { width: 1000px; margin: auto auto; }

table.ceamMain { background-position: 50% 0; background-repeat: no-repeat; }

td.linksLeft, td.linksRight  { width: 15px; height: 171px; vertical-align: top }
td.linksCenter { height: 171px; background-image: url(images/cream_links_center.png); background-position: 0 0; background-repeat: repeat-x}
div.linksCenterDeko {height: 171px; background-image: url(images/cream_links_deko.png); background-position: 100% 0; background-repeat: no-repeat}
td.header { width: 100%; }
div.header { width: 1000px; height: 195px; margin: auto auto;}

/* CSS MAIN TABLE */
div.contentStart { margin: 0px 110px; height: 14px; width: 780px; }
td.L-col { background-position: 100% 0; background-repeat: repeat-y; vertical-align: top; }
td.R-col { background-position: 0 0; background-repeat: repeat-y; vertical-align: top; }
td#C-col { vertical-align: top; padding-top: 14px; }

/* CSS BOXES */
div.m-Box { width: 200px; }

div.m-Box-TL { width: 200px; background-position: 0 0; background-repeat: no-repeat; }
div.m-Box-BL { width: 200px; background-position: 0 100%; background-repeat: no-repeat; }
div.m-Box-Cap-L { font-size: 14px; font-weight: bold; }

div.m-Box-TR { width: 200px; background-position: 100% 0; background-repeat: no-repeat; }
div.m-Box-BR { width: 200px; background-position: 100% 100%; background-repeat: no-repeat; }
div.m-Box-Cap-R { font-size: 14px; font-weight: bold; }


div.m-Box-Content { padding: 15px 18px; }
div.m-Box-Cap-Sep { height: 8px; background-position: 50% 50%; background-repeat: no-repeat; }
div.m-Box-Text { line-height: 140%; } 
div.m-Box-Sep { height: 16px; }

div.centerContent-White { width: 100%; }
div.centerCor-White-TL { vertical-align: top; background-position: 0 0; background-repeat: no-repeat; }
div.centerCor-White-TR { vertical-align: top; background-position: 100% 0; background-repeat: no-repeat; }
div.centerCor-White-BL { vertical-align: top; background-position: 0 100%; background-repeat: no-repeat; }
div.centerCor-White-BR { vertical-align: top; background-position: 100% 100%; background-repeat: no-repeat; }

div.centerContent-Green { width: 100%; }
div.centerCor-Green-TL { vertical-align: top; background-position: 0 0; background-repeat: no-repeat; }
div.centerCor-Green-TR { vertical-align: top; background-position: 100% 0; background-repeat: no-repeat; }
div.centerCor-Green-BL { vertical-align: top; background-position: 0 100%; background-repeat: no-repeat; }
div.centerCor-Green-BR { vertical-align: top; background-position: 100% 100%; background-repeat: no-repeat; }

div.centerContent-Change { width: 100%;  }
div.centerCor-Change-TL { vertical-align: top; background-position: 0 0; background-repeat: no-repeat; }
div.centerCor-Change-TR { vertical-align: top; background-position: 100% 0; background-repeat: no-repeat; }
div.centerCor-Change-BL { vertical-align: top; background-position: 0 100%; background-repeat: no-repeat; }
div.centerCor-Change-BR { vertical-align: top; background-position: 100% 100%; background-repeat: no-repeat; }

div.centerContent-ChangeBut { width: 100%;  }
div.centerCor-ChangeBut-TL { vertical-align: top; background-position: 0 0; background-repeat: no-repeat; }
div.centerCor-ChangeBut-TR { vertical-align: top; background-position: 100% 0; background-repeat: no-repeat; }

td.L-col a:link, td.L-col a:visited { text-decoration: none; }
td.L-col a:hover { text-decoration: underline; }

td.R-col a:link, td.R-col a:visited { text-decoration: none; }
td.R-col a:hover { text-decoration: underline; }
img.usPrev { margin: 3px; }

h3.fName { margin: 0px; padding: 0px; font-size: 16px; font-weight: bold; }

/* CSS NEWS AND TITLES */
h1.title { font-size: 22px; font-weight: normal; margin: 0px; padding: 0px; }
h2.title { font-size: 18px; font-weight: normal; margin: 0px; padding: 0px; }
span.newsAuthor {}
div.cText { line-height: 140%; padding: 0px 10px; }
div.newsSep { height: 18px; background-image: url(images/cream_news_sep.png); background-position: 50% 0; background-repeat: no-repeat; }

/* CSS LOGIN TEMPLATE */
div.loginLinks { margin-top: 10px; }
div.loginLinks a { display: block; line-height: 24px; padding-left: 24px; background-position: 0 50%; background-repeat: no-repeat; }

/* CSS DROP DOWN MENU */
div.menuBar { margin-left: 0px; margin-right: 0px; width: 100%; margin-top: 25px;  }
div.dropSep { height: 44px; width: 10px;}
#nav li.fs-linkSep { background-image: none;}

#nav, #nav ul { 
	padding: 0;	
	margin: 0;
	list-style: none;
	line-height: 44px;
	cursor: pointer;
}

/* all list items */
#nav li { 
	float: left;
	margin: 0px 0px 0px 0px;
	/* width: 10px; */ 
}

/* TOP LEVEL */
#nav li { background-position: 0 0; background-repeat: no-repeat; }
#nav li.sfhover, #nav li:hover { background-position: 0px -44px; cursor: pointer; }

/* ACTIVE LINK */
#nav li#active { background-position: 0px -44px; background-repeat: no-repeat; cursor: pointer; }
#nav li#active a { background-position: 100% -44px; background-repeat: no-repeat; }

#nav li a {
	margin-left: 9px;
	text-align: center;
	display: block;
	padding-right: 9px;
	width: 100px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#nav a:hover, #nav li.sfhover a, #nav li:hover a{
	display: block;
	text-decoration: none;
	background-position: 100% -44px;
}


/* LEVEL 2 */
#nav li li a {
	line-height: 32px;
	margin-left: 0px;
	display:block;
	padding: 0;
	text-decoration:none;
	float: none;
	padding-left: 15px;
	width: 180px;
	text-align: left;
	font-size: 12px; font-weight: normal; text-transform: none;
}


#nav li li a { 
	background-image: none;
}

#nav li li { 
	background-position: 100% 50%;
	background-repeat: no-repeat; 
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 1000;
	width: 197px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-image: none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -33px 0 0 196px;
	background-image: none;
}

#nav li.fs-linkSep, #nav li.fs-linkSep:hover  { background-color: transparent !important;}

#nav li:hover li:hover, #nav li.sfhover li.sfhover{
	background-image: none;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
	background-image: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-image: none;
}
#nav a.sub {
	
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
#nav a.sub:hover {
	
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

#nav a.sub { 
	/* background-color: #CC3300; */
	/* background-image: url(images/cl_drop_a_sub.png); */
}

#nav a.sub:hover { 
	/* background-color: #9DB1C6;*/
	/* background-image: url(images/cl_drop_a_sub.png); */
}

/*---------------------------------------------------*/
.tbox { margin-bottom: 7px; text-indent: 5px;}

.linkspage_button{ border: 0px; }

.tbox, .tbox.login, .tbox.pass, .helpbox {
	font-size: 12px;
	margin: 2px 0 2px 0;
}
.helpbox { width: 100% }
.tbox.login { margin-bottom: 5px; }
.tbox.chatbox { width: 95%; }

.button { vertical-align: top; margin-top: 2px; font-size: 12px; }

.button:hover {
	
}


.indent {
	padding: 5px;
	margin: 5px;
}

.nextprev {
	border: 0px;
	text-align: center;
	padding: 2px;
	/*background-color: #f7f7f9;*/
	
}

.spacer{
	padding: 0px 0px;
}

.fborder, .border{
	border-collapse: collapse;
	border-spacing: 0px;
}
.forumheader {
	font-size: 16px; font-weight: bold;
}
.fcaption { font-weight: bold; }
.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
	padding: 4px;
}

.forumheader5 {
	cursor: pointer;
}

.fcaption, .forumheader5 {
	
}
.modoptions div { text-align: right; display: inline}

.searchhighlight {
	text-decoration: underline;
	font-weight: bold;
}

.news_image {
	float: left
}