html, body
{
	background:gray !important;
	/*height:100%;*/
}
/*
html, body, form {
	margin:0; padding:0;
}
img {
	border:0;
}
*/
.mainform 
{
    width:100%;
}
.yafnet {
	background: url('earthback.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3B3E39;
}
.yafnet td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3B3E39;
}
.yafnet input,
.yafnet select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3B3E39;	
	background-color: #FFFFFF;
	border: 1px solid #E3E2DA;	
}
.yafnet img {
	border: 0;
}
.yafnet ul {
	margin: 0;
	padding: 0;
}
.yafnet li {
	margin-left: 10px;
}
/* Header 1 - Main header */
.yafnet tr.header1 {
	background-color: #66a262;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}
.yafnet tr.header1 a { color: #ffffff;	text-decoration: none; }
.yafnet tr.header1 a:hover { color: #eeffee; text-decoration: underline; }	
.yafnet td.header1 {
	background-color: #66a262;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}	
.yafnet .header1Title {
	/*background: url('bg_header5.png');*/
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;	
	background-color: #66a262;
}
.yafnet tr.header2 {
	background-color: #E3E2DA;
	color: #55a055;
	font-weight: bold;
}
.yafnet td.header2 {
	background-color: #E3E2DA;
	color: #55a055;
	font-weight: bold;
}
.yafnet a.header2 { height: auto; background-color: Transparent; border-style: none; background-image: none; }
.yafnet td.header2 a { color: #579000; text-decoration: none; }
.yafnet td.header2 a:link { color: #7F7D6C; text-decoration: none; }
.yafnet td.header2 a:visited { color: #7F7D6C; text-decoration: none; }
.yafnet td.header2 a:active { color: #7F7D6C; text-decoration: none; }
.yafnet td.header2 a:hover { color: #7F7D6C; text-decoration: underline; }
.yafnet td.infoTable {
	background-color: #FAFAFA;
	padding: 10px;
	border: 1px solid #F3F2F2;
}
.yafnet .footer1 {
	font-size: 11px;
	height: 28px;
	background-color: #f4f4f4;
}
.yafnet .footer1 select, .footer1 td {
	font-size: 10px;
}
.yafnet .postheader {
	background-color: #DAE2DA;
}
.yafnet .post {
	background-color: #F5F5F2;
}
.yafnet .post input[type=text], .yafnet .post input[type=password]{
	font-size:18px;
	padding:2px 4px;
}
.yafnet .post td {
	text-align:left;
}
.yafnet .post_alt td {
	text-align:left;
}
.yafnet .content .header1 {
	text-align:left;
}
.yafnet .content .header2 {
	text-align:left;
}
.yafnet .content  .post {
	/*text-align:left;*/
}

.yafnet .forumheading a{
	font-size:14px;
	font-weight:bold;
}
.yafnet .subforumlink a{
	font-size:10px;
	font-weight:bold;
}

.yafnet .post_alt {
	background-color: #FAFAF5;
}
/*
.yafnet tr.post:hover {
	background-color: #FFFFFF;
}
.yafnet tr.post_alt:hover {
	background-color: #FFFFFF;	
}
*/
.yafnet .postfooter {
	background-color: #eee;
}

.yafnet .postfooter input[type=submit]
{
    font-weight:bold;
    font-size:14px;
    padding:4px 8px;
    border:1px solid #ccc;
}

.yafnet .postfooter { }

.yafnet .postfooter .editedinfo {
	font-weight:bold;
}
.yafnet .postsep {
	background-color: #555555;
	height: 1px;
	background: url('bg_header2.png');
}
/* most tables are class 'content' */
.yafnet table.content {
	border: solid 1px #206020;
	padding: 0px;
	background-color: #ffffff;	
	margin: 0px;
	color: #000000;
}
.yafnet .postformheader {
	background-color: #D1E1D1;
	font-weight:bold;
}
.yafnet .fileattach {
	padding: 5px;
	background-color: #DAE2DA;
	border: solid 1px #808080;
}
.yafnet .fileattach .filetitle,
.yafnet .fileattach .imgtitle {
	font-weight: bold;
	color: #444444;
	margin-bottom: 5px;
	font-size: 1.1em;
}
.yafnet .fileattach .attachedimg,
.yafnet .fileattach .attachedfile {
	margin-left: 10px;
}
.yafnet .fileattach a {
	font-weight: bold;
}
.yafnet table.content td {
	padding: 5px;
}
.yafnet .content td table td table td {
	padding: 0px;	
}
.yafnet .yafactiveusers a.active_hidden {
	font-style: italic;
	color: #aaaaaa;
}
.yafnet .yafForumWelcome
{
	text-align: left;
	padding: 5px;
}
/* links inside content table*/
.yafnet .content a			{ color: #579000; text-decoration: underline; }
.yafnet .content a:hover	{ color: #579000; text-decoration: none; }
/* used for quoting messages */
.yafnet .quote {
	padding-left: 16px;
	margin: 5px;
}
.yafnet .innerquote {
	padding: 4px;
	background-color: #fefefe;
	border: 1px dashed #808080;
}
/* used for code */
.yafnet .code {
	padding-left: 16px;	
	margin: 5px;
}
.yafnet .innercode {
	padding: 4px;
	background-color: #efefef;
	border: solid 1px #808080;
	color: #000000;
	font-size:8pt;
	font-family:Courier New,Courier;
}
/* font sizes */
.yafnet .smallfont	{ font-size: 11px; }
.yafnet .largefont	{ font-size: 13px; }
/* Image Links */
.yafnet a.imagelink {
	font-weight: bold;
	color: #000000;
}
.yafnet a:hover.imagelink {
	text-decoration: none;
	/*background-color: #D0D0D0;*/
}
/* Used for editor textarea */
.yafnet .posteditor {
	width: 100%;
	height: 200px;
}
/* Table just above and below tables */
.yafnet table.command {
	padding: 3px;
}
/* p-tag at the top of pages with navigation links */
.yafnet .yafPageLink { font-weight: bold; color: #000000; text-align:left;}
.yafnet .yafPageLink a { color: #000000; text-decoration: none }
.yafnet .yafPageLink a:hover {color: #666666;}
/* for printing */
.yafnet table.print {
	border: solid 1px #C0C0C0;
}
.yafnet .printheader {
	background-color: #DDDDDD;
	color: #000000;
	padding: 4px;
}
.yafnet .printbody {
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;
}
.yafnet .pbutton {
    padding:2px 4px;
	background-color: #3B3E39;
	font-size: 10px;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
}
.yafnet .textfield {
	background-color: #FFFFFF;
	border: 1px solid #3B3E39;
	width: 100%;
}
.yafnet .ButtonOut {
	border: #669966 1px solid;
}
.yafnet .ButtonOver {
	border: #000000 1px solid;
	background-color: #ffffff;
}
.yafnet .ButtonChecked {
	border: #000000 1px solid;
}
.yafnet .ButtonOff {
	border: #669966 1px solid;
}
.yafnet #bbcodeFeatures {
	border: #eeffee 1px solid;
}
/*
Use this to setup overflow feature for your site.
On IE that would mean specifying a width so that the overflow will work properly.
This CSS already works on FireFox.
*/
.yafnet div.postdiv {
	width: 100%;
	min-height: 100px;
	overflow: auto;	
	font-size:14px;
	line-height:140%;
}
.yafnet div.yafsignature
{
	border-top: solid 1px #666666;
	margin-top: 15px;
	padding-top: 5px;
}
/* CSS Pagelinks */
.yafnet .yafpager {
	color: #555555;
	margin: 6px 0px 6px 0px;
}
.yafnet .pagelink,
.yafnet .pagelinkfirst,
.yafnet .pagelinklast,
.yafnet .pagecurrent,
.yafnet .pagecount{
	background: #eeeeee;
	border: 1px solid #444444;
	padding: 1px 3px 1px 3px;
	margin-right: 2px;
}
.yafnet .pagecount {
	margin-right: 5px;
}
.yafnet .pagelinkfirst,
.yafnet .pagelinklast{
	background: #F5F5F2;
}
.yafnet .pagecurrent{
	background: #cdcdcd;
}
.yafnet .pagelink a,
.yafnet .pagelinkfirst a,
.yafnet .pagelinklast a {
	text-decoration: none;
	color: #579000;
}
/* CCS Buttons */
.yafnet a.yaflittlebutton {
	background: transparent url('ButtonEnd.gif') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: right;
	font-size: 8px; 
    height: 17px;
    margin: 2px 0px 2px 2px;
    padding-right: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
}
.yafnet a.yaflittlebutton span {
    background: transparent url('ButtonBack.gif') no-repeat;
    display: block;
    line-height: 9px;
    padding: 4px 3px 4px 5px;
}
.yafnet a.yaflittlebutton img {
	vertical-align: middle;
	padding: 0px 4px 2px 0px;
}
.yafnet a.yaflittlebutton:hover {
	color: #ffffff;
	text-decoration: none;
}
.yafnet a.yaflittlebutton:active {
    background-position: bottom right;
    outline: none;
}
.yafnet a.yaflittlebutton:active img {
    padding: 0px 4px 2px 0px;
}
.yafnet a.yaflittlebutton:active span{
    background-position: bottom left;
    padding: 5px 3px 3px 5px;
}
.yafnet a.yafcssbigbutton{
    background: transparent url('ButtonEnd.gif') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: right;
	font-size: 9px; 
    height: 17px;
    margin: 2px 0px 2px 2px;
    padding-right: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
}
.yafnet a.yafcssbigbutton span{
    background: transparent url('ButtonBack.gif') no-repeat;
    display: block;
    line-height: 9px;
    padding: 4px 10px 4px 12px;
}
.yafnet a.yafcssbigbutton img{
	vertical-align: middle;
	padding: 0px 4px 2px 0px;
}
.yafnet a.yafcssbigbutton:active{
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}
.yafnet a.yafcssbigbutton:active img{
    padding: 0px 4px 2px 0px;
}
.yafnet a.yafcssbigbutton:active span{
    background-position: bottom left;
    padding: 5px 10px 3px 12px; /* push text down 1px */
}
/* css image button */
.yafnet a.yafcssimagebutton{
    background: transparent url('ButtonEndW.gif') no-repeat scroll top right;
    color: #444444;
    display: block;
    float: left;
	font-size: 9px; 
    height: 17px;
    margin: 2px 0px 2px 2px;
    padding-right: 2px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
}
.yafnet a.yafcssimagebutton span{
    background: transparent url('ButtonBackW.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 4px 1px 6px;
}
.yafnet a.yafcssimagebutton img{
	vertical-align: top;
	padding: 0px 4px 0px 0px;
}
.yafnet a.yafcssimagebutton:hover{
	text-decoration: none;
	color: #339933;
}
.yafnet a.yafcssimagebutton:active{
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}
.yafnet a.yafcssimagebutton:active img{
    padding: 0px 4px 0px 0px;
}
.yafnet a.yafcssimagebutton:active span{
    background-position: bottom left;
    padding: 3px 4px 0px 6px; /* push text down 1px */
}
/* CSS Popupmenu */
.yafnet .yafpopupmenu {
	background-color: #ffffff;
	border: solid 1px #333333;	
}
.yafnet .yafpopupmenu ul {	
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.yafnet .yafpopupmenu li {
	padding: 5px 10px 5px 10px;
	margin: 0;
}
.yafnet .yafpopupmenu ul {
	padding:0 !important;
}
.yafnet .yafpopupmenu li.popupitemhover {
	background-color: #cccccc;
}
/* ajax tabs */
/* default layout */
.yafnet .ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.yafnet .ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.yafnet .ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.yafnet .ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.yafnet .ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.yafnet .ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.yafnet .ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.yafnet .ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.yafnet .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.yafnet .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.yafnet .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.yafnet .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.yafnet .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.yafnet .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.yafnet .ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #000000;border-top:0;padding:5px;}

/* scrolling */
.yafnet .ajax__scroll_horiz {overflow-x:scroll;}
.yafnet .ajax__scroll_vert {overflow-y:scroll;}
.yafnet .ajax__scroll_both {overflow:scroll}
.yafnet .ajax__scroll_auto {overflow:auto}

/*Modal Popup*/
.modalBackground
{
	background-color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.modalPopup
{
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	width: 400px;
}

.modalPopup .modalBase
{
	border: solid 1px #206020;
	padding: 2px;
	background-color: #ffffff;	
	margin: 0px;
	color: #000000;
}

.modalPopup .modalHeader
{
	padding: 5px;
	background-color: #66a262;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

.modalPopup .modalInner
{
	padding: 10px;
	text-align:center;
	background-color: #F5F5F2;
}

.modalPopup .modalInnerMain
{
	font-size: 9pt;
	font-weight: bold;
	color: #992222;
	text-align: center;	
}

.modalPopup .modalInnerSub
{
	font-size: 8pt;
	color: #333333;
	text-align: center;
}

.modalPopup .modalFooter
{
	padding: 5px;
	font-size: 7pt;
	background-color: #cdcdcd;
}

.modalPopup .modalFooter input
{
	display:block;
	vertical-align: middle;
	margin:0 auto;
}
/* Goto Page Form */
.gotoPageForm
{
	background-color: #ffffff;
	border: solid 1px #555555;
	width: 76px;
	margin: 1px;			
}
.gotoPageForm .gotoBase
{
	border: solid 1px #ffffff;
}
.gotoPageForm .gotoHeader
{
	background-color: #E3E2DA;
	color: #55a055;
	font-weight: bold;	
	padding: 2px;	
}
.gotoPageForm .gotoInner
{
	padding: 2px;
}
.gotoPageForm .gotoInner input
{
	margin: 2px;
}

/* addon */

.yafnet td.PostCellAlign {
	text-align:left;
}

.yafnet .UserProfileLink{
	font-size:10px;
}

.linkru {
	font-size: 11px;
	border: 1px solid #206020;
	margin:8px;
}
.linkru *{
	padding:0;
	margin:0;
}
.linkru a{
	font-size: 11px;
	color:green;
	font-weight: bold;
}
.linkru a:hover{
	color:darkgreen;
}
.linkru  hr{
	border:0;
}

/****************************************************************************************
* Float-less Layouts :: version 1.0 :: Copyright (c) Thierry Koblentz :: TJK Design.com *                  *
* http://tjkdesign.com/articles/css-layout/no_div_no_float_no_clear_no_hack_no_joke.asp *
****************************************************************************************/
/* RESET and STUFF         */
* {margin:0;padding:0;}
dd,h1,h2,h3,h4,h5,h6,p {padding:10px 15px;}
dt {padding:10px 15px 0 15px;}
#doc * ul,#doc * ol {padding-left:45px;padding-right:20px;}
#doc * * ul,#doc * * ol {padding-left:30px;}
img {border:none;vertical-align:bottom;}
/* FONT-FAMILY             */
#hd,#ft,h2,h3,h4 {font-family:Georgia,"Times New Roman",Times, serif;} 
/* ELEMENTS                */
body {font-family:Arial, Helvetica, sans-serif;color:#002f2f;background:#fff;}
a {border-bottom:0px dotted #555;text-decoration:none;color:#f00;}
code {font-family:"Courier New", Courier, monospace;font-size:medium;*font-size:small;color:#36f;}
/* HEADINGS                */
h1,h2 {font-weight:normal;font-size:1.35em;letter-spacing:2px;}
h3,h4,h5,h6 {font-weight:normal;font-size:1.1em;}
h3 {margin-top:10px;}
h4 {padding-bottom:0;font-size:.9em;font-weight:bold;}
/* the background-color is hiding the borders of #bd and #doc - we could use margin, but because of IE rounding errors it would not be consistent */
#bd h2 {background:#f8f8f8;border-bottom:1px dotted #555;*border-bottom:1px solid #999;}
/* VERTICAL PADDING on main sections */
#hd,
#ft {padding:15px 0;}
body,#s1,#s2,#s3 {padding-bottom:0px;}
/* HEADER                  */
#hd {background:#fff url(../img/noFloat.gif) no-repeat 100% 100%;}
#hd h1,#hd p {letter-spacing:0;padding:0;margin-left:15px;background:#fff;font-size:1.5em;font-family:"Trebuchet MS";Geneva, Arial, Helvetica, sans-serif;font-weight:bold;width:22em;}
#hd h1 em {color:red;font-style:normal;}
#hd h1 span {display:block;font-size:.65em;font-style:italic;font-weight:normal;}
#hd p#spread {border-top:10px solid #fff;float:left;*float:none;width:9em;font-size:1em;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:normal}
#hd p#spread,#hd ul {line-height:2em;height:2em;display:inline;zoom:1;}
#hd ul li {display:inline;}
#hd li a {border:none;}
#hd li a img {border-top:10px solid #fff;}
#hd li a:hover {background:50% 50%;}
#hd li a:hover img {border-bottom:10px solid #fff;border-top:0;}

/* SECTION 1               */
#doc #s1 li {_height:0;}
#doc #s1 ol {color:#f00;margin:5px 16px 16px 16px;padding:0;list-style-type:none;text-align:center;font-style:italic;}
#doc #s1 .pFL_CENTER {text-align:left;}
#doc #s1 ul {margin:16px;padding:0;list-style-type:none;text-align:center;}
#s1 ol li {display:none;}
#s1 h3 {background:url(../img/s1_h3.gif) no-repeat 50% 100%;padding-bottom:14px;text-align:center;}
#s1 img {margin:10px auto;display:block;}
#doc #s1 ul {border-top:1px solid #000;}
#doc #s1 ul li {background:#f8f8f8;border:1px solid #555;white-space:nowrap;border-top:0;}
#s1 li a {padding:0px 0;color:#333;display:block;_height:0;border:0px solid #fff;}
#s1 li a:hover,
#s1 li a:active,
#s1 li a:focus {background:#333;color:#fff;}
/* showing the relevant info for each layout */
#MOBILE .pMOBILE,#FI_2C .pFI_2C,#EL_2C .pEL_2C,#FI_3C .pFI_3C,#EL_3C .pEL_3C,.FL_3C-minMax #s1 .pFL_3C-minMax,.FL_3C-100 #s1 .pFL_3C-100,#FL_CENTER .pFL_CENTER {display:block;}
/* SECTION 2               */

/* SECTION 3               */
#s3 ul ul {list-style-type:none;margin-bottom:15px;padding-left:0;}
#s3 form {text-align:center;}
#s3 pre {color:#36f;margin-left:15px;}
#s3 pre span {color:#999;}
a#check_the_tut {border:0;margin-top:10px;display:block;text-align:center;}
#s3 h3 {margin-top:0;}
/* FOOTER                  */
#ft {background:#f8f8f8;}
#ft h2 {float:left;width:5em;}
#ft p {overflow:hidden;zoom:1;padding-right:15px;}
#ft img {float:left;width:89px;margin:3px 15px;}
/***************************/
/*  MISCELLANEOUS          */
/***************************/
.addRemove {text-align:center;}
.addRemove a {display:block;}
.comment {font-size:.9em;font-style:italic;color:#999;}
/* add/remove content DIVs */
#ps1,#ps2,#ps3 {float:left;margin:15px;padding:15px;border:1px dotted #999;background:#ffc;}
/* for IE 5                */
body {text-align:center;}
#wp {text-align:left;}
/* no float rollover image */
a.check_the_tut {background:url(../img/check_the_tutorial.gif) no-repeat 50% 50%;height:110px;display:block;text-indent:-1000em;border:0;}
a.check_the_tut:hover {background-image:url(../img/check-the-tut-over.gif);}
/* Google ads              */
iframe {display:none;position:relative;left:50%;width:180px;margin:20px 0 20px -90px;}
/* active link (HANK)      */
html#EL_2C li.EL_2C a,
html#FI_2C li.FI_2C a,
html#FI_3C li.FI_3C a,
html#EL_3C li.EL_3C a,
body.FL_3C-minMax li.FL_3C-minMax a,
body.FL_3C-100 li.FL_3C-100 a,
html#MOBILE li.MOBILE a,
html#FL_CENTER #s1 li.FL_CENTER a {background:#f00;color:#fff !important;cursor:default;}
/* hiding stuff if JS "on" */
.JSon #ps1,.JSon #ps2,.JSon #ps3,
.addRemove .rem {display:none;}
/***************************/
/*  FOR ALL SIX LAYOUTS    */
/***************************/
#wp {text-align:left;}
#wp,#bd {margin:0;padding:0;}
#wp {margin:0 auto;list-style:none;}
/* we treat the LI that contains the UL with the three colums as a table */
#bd {display:table;table-layout:fixed;}
#doc {display:table-row;}
#s1,#s2,#s3 {display:table-cell;}
/* for IE, we use "inline" + "hasLayout" + "width" and "vertical-align" */
#s1,#s2,#s3,{display:inline;zoom:1;vertical-align:top;}
/* BORDERS:
check the "IE only" section to see how we create the borders in IE  */

/*
#wp {border-bottom:3px double #999;}
#hd {border-bottom:1px dotted #555;_border-bottom:1px solid #ccc;}
#s1 {border-right:1px dotted #555;}
#s3 {border-left:1px dotted #555;} 
#ft {border-top:1px dotted #555;_border-top:1px solid #ccc;}
#s1,#s3,{border:0;}
#bd,#doc,{border-right:1px solid #ccc;}
*/

/***************************/
/* MOBILE (LINEARIZED)       */
/***************************/
#MOBILE #wp,
#MOBILE #hd,
#MOBILE #bd,
#MOBILE #doc,
#MOBILE #ft,
#MOBILE #s1,
#MOBILE #s2,
#MOBILE #s3 {width:100%;display:block;border:0;}
/***************************/
/* EL_2C ELASTIC 2 COLUMNS */
/***************************/
#EL_2C #bd,{border:0;}
/* WIDTHS:
values must add up (55 = 20 + 35) */
#EL_2C #wp,
#EL_2C #hd,
#EL_2C #bd,
#EL_2C #ft {width:55em;}
#EL_2C #s1 {width:20em;}
#EL_2C #s2 {width:35em;}
/* IE only:
trick to create the background columns or borders */
#EL_2C #bd,#EL_2C #s1,#EL_2C #s2,{position:relative;}
#EL_2C #doc,{width:20em;}/* = s1 */
#EL_2C #s2,{margin-right:-35em;}/* = s2 */
#EL_2C #s3 {display:none;}
/***************************/
/* FI_2C FIXED 2 COLUMNS   */
/***************************/
#FI_2C #bd,{border:0;}
/* WIDTHS:
values must add up (800 = 210 + 590) */
#FI_2C #wp,
#FI_2C #hd,
#FI_2C #bd,
#FI_2C #ft {width:800px;}
#FI_2C #s1 {width:220px;}
#FI_2C #s2 {width:580px;}
/* IE only:
trick to create the background columns or borders */
#FI_2C #bd,#FI_2C #s1,#FI_2C #s2,{position:relative;}
#FI_2C #doc,{width:220px;}/* = s1 */
#FI_2C #s2,{margin-right:-580px;}/* = s2 */
#FI_2C #s3 {display:none;}
/***************************/
/* FI_3C FIXED 3 COLUMNS   */
/***************************/
/* WIDTHS:
values must add up (800 = 210 + 400 + 190) */
#FI_3C #wp,
#FI_3C #hd,
#FI_3C #bd,
#FI_3C #ft {width:800px;}
#FI_3C #s1 {width:210px;}
#FI_3C #s2 {width:400px;}
#FI_3C #s3 {width:190px;}
/* IE only:
trick to create the background columns or borders */
#FI_3C #bd,#s1,#FI_3C #s2,#FI_3C #s3,{position:relative;}
#FI_3C #bd,{width:610px;}/* = s1 + s2 */
#FI_3C #doc,{width:210px;}/* = s1 */
#FI_3C #s2,{margin-right:-400px;}/* = s2 */
#FI_3C #s3,{margin-right:-400px;right:-400px;}/* = width of #s2 */
/***************************/
/* EL_3C ELASTIC 3 COLUMNS */
/***************************/
/* WIDTHS:
values must add up (55 = 12 + 29 + 14) */
#EL_3C #wp,
#EL_3C #hd,
#EL_3C #bd,
#EL_3C #ft {width:55em;}
#EL_3C #s1 {width:12em;}
#EL_3C #s2 {width:29em;}
#EL_3C #s3 {width:14em;}
/* IE only:
trick to create the background columns or borders */
#EL_3C #bd,#EL_3C #s1,#EL_3C #s2,#EL_3C #s3,{position:relative;}
#EL_3C #bd,{width:41em;}/* = s1 + s2 */
#EL_3C #doc,{width:12em;}/* = s1 */
#EL_3C #s2,{margin-right:-29em;}/* = s2 */
#EL_3C #s3,{margin-right:-29em;right:-29em;}/* = width of #s2 */
/***************************/
/* FL_3C FLUID 3 COLUMNS   */
/***************************/
#FL_3C #wp,{margin:0 -3px;}
/* WIDTHS:
values must add up (100% = 20% + 60% + 20%) */
#FL_3C #wp,
#FL_3C #hd,
#FL_3C #bd,
#FL_3C #ft {width:100%;}
#FL_3C #s1 {width:20%;}
#FL_3C #s2 {width:60%;}
#FL_3C #s3 {width:20%;}
/* IE only:
trick to create the background columns or borders */
#FL_3C #bd,#FL_3C #s1,#FL_3C #s2,#FL_3C #s3,{position:relative;}
#FL_3C #bd,{width:80%;}/* = s1 + s2 */
#FL_3C #doc,{width:25%;}/* 25% of 80% is 20% (= s1) */
#FL_3C #s1,{width:100%;}/* = doc x 4 */
#FL_3C #s2,{width:300%;}/* = doc x 8 */
#FL_3C #s2,{margin-right:-300%;}/* = s2 */
#FL_3C #s3,{width:100%;}/* = doc x 4 */
#FL_3C #s3,{margin-right:-300%;right:-300%;}/* = width of #s2 */
/***************************/
/* FL_CENTER FLUID CENTER  */
/***************************/
#FL_CENTER #wp,{margin:0 -3px;}
/* removing vertical borders that will be created at the same time we set background colors */
#FL_CENTER #s1,
#FL_CENTER #s3,
#FL_CENTER #bd,
#FL_CENTER #doc,{border:0;}
/* layout stuff for good browsers */
#FL_CENTER #wp,
#FL_CENTER #hd,
#FL_CENTER #bd,
#FL_CENTER #ft {width:100%; min-width:1024px;}
#FL_CENTER #s1 {width:0px;}
#FL_CENTER #s2 {width:100%;}
#FL_CENTER #s3 {width:0px;}
/* layout stuff IE 7 */
#FL_CENTER #s1,{margin-right:-0px;}
#FL_CENTER #s2,{margin:0 0px;}
#FL_CENTER #s3,{margin-left:-0px;}
/* IE lt 7 gets nothing fancy, all "%" */
#FL_CENTER #s1,#FL_CENTER #s2,#FL_CENTER #s3{_margin:0;}
#FL_CENTER #s1 {_width:0%;}
#FL_CENTER #s2 {_width:100%;}
#FL_CENTER #s3 {_width:0%;}
/* background for decent browsers */
#FL_CENTER #s1 {background:gray;}
#FL_CENTER #s2 {background:#ffffff;}
#FL_CENTER #s3 {background:gray;}



/* addon */
#FL_CENTER #hd,
#FL_CENTER #ft 
{
    display:none;
}

div.globalwrapper
{
    width:100%;
    text-align:center;
}
#FL_CENTER #wp 
{
    width:auto;
    min-width:1024px;
    max-width:1280px;
    margin:0 auto;
}
/* end of addon */



/* background for IE 6 and 7 using the "i" and "b" elements plugged in the "main" LI */
/* without this, these elements would make three equal width columns */
.col4ie {display:none;}
.col4ie,{display:inline;}
/* will paint the background for the "middle" column */
#FL_CENTER #bd,{background:gray;}
#FL_CENTER #bd,{background-color:gray;position:relative;z-index:0;overflow:hidden;}
/* background none because of rounding error that makes these elements slightly wider depending on width of viewport. We also need to make sure they are not hidden by the "i" and "b" elements used for background */
#FL_CENTER #s1,#FL_CENTER #s3,{background:none;position:relative;z-index:1;}
#FL_CENTER b.col4ie,
#FL_CENTER i.col4ie,{position:absolute;z-index:1;bottom:0;height:2000em;width:200px;_width:20%;}
#FL_CENTER b.col4ie,{left:0;background:#ffffec;border-right:1px dotted #555;_border-right:1px solid #ccc;}
#FL_CENTER i.col4ie,{right:0;background:#ffffec;border-left:1px dotted #555;_border-left:1px solid #ccc;}
/* KIM's colors */
#FL_CENTER #s1 ul {border-color:#f4bdbd;}
#FL_CENTER #s1 ul li {background:#ffffec;border-color:#f6c8c8;}
#FL_CENTER #s1 li a {color:#a36d6d;border-color:#fff;}
#FL_CENTER #s1 a:hover,
#FL_CENTER #s1 a:active,
#FL_CENTER #s1 a:focus {background:#faeded;color:#000;}
/***************************/
/* MIN and MAX WIDTHS      */
/***************************/
#FL_3C .FL_3C-minMax #wp,
#FL_3C .FL_3C-minMax #hd,
#FL_3C .FL_3C-minMax #ft {min-width:800px;max-width:1200px;}
/* Avoiding BREAKAGE:
if content is larger than its container, container would expand, breaking the layout in IE lte 6 */
#bd {_word-wrap:break-word;}
#s1,#s2,#s3 {_overflow-x:hidden;}
/* containing float in header/footer (the width does it for IE) */
#hd,#ft {overflow:hidden;*overflow:visible;}
/***************************/
/* ieMAC - no fluid layout */
/***************************/
/* We use "float" and "inline-block". Then we need to overwrite rules set using the "comma" hack */
/*\*//*/ 
* html #hd,* html #bd,* html #ft {display:inline-block;}
* html #s1,* html #s2,* html #s3 {float:left;display:inline-block;position:static;}
* html #ft {clear:both;}
* html #ft p {overflow:visible;}
* html #FI_3C #wp,
* html #FI_3C #hd,
* html #FI_3C #bd,
* html #FI_3C #ft {width:800px;}
* html #FI_3C #s1 {width:210px;}
* html #FI_3C #s2 {width:400px;margin-right:0;}
* html #FI_3C #s3 {width:190px;margin-right:0;}
* html #EL_3C #wp,
* html #EL_3C #hd,
* html #EL_3C #bd,
* html #EL_3C #ft {width:55em;}
* html #EL_3C #s1 {width:12em;}
* html #EL_3C #s2 {width:29em;margin-right:0;}
* html #EL_3C #s3 {width:14em;margin-right:0;}
* html li.FL_3C-minMax,
* html li.FL_3C-100
* html li.FL_CENTER {display:none;}
/**/
/***************************/
/* ie8 fix for the links   */
/***************************/

/*/
#s1 a,#s3 a {position:relative;}
/**/