body {
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	text-align: left;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(Cgi-bin/wforum/bg.gif);	

}







/*/// TOP LAYER ///*/





div#top {
	position: relative;
	margin: 0 auto;
	width: 779px;
	height: 100px;
	background-image:url(topImage/bg-top_round.jpg);

}





a.logo	{

padding: 0px;

margin: 0px;

}





div#holder {
	margin: 0 auto;
	width: 710px;
	background-color:#FFFFFF;
	padding: 20px 29px 0px 40px;
	background-image: url(topImage/bg-01.gif);
	background-repeat: repeat-y;
}







div#holderleft {

	float: left;

	width: 310px;

	background-color: #fff;

	margin: 0; border: 0; padding: 0px 0px 0px 0px;

}











div#logo {

	float: left;

	width: 112px;

	background-color:#fff;

	height: 42px;

	padding-bottom: 10px;

	margin: 0; border: 0;

}





/***** CONTENT LAYER *****/



div#content {

	float: right;

	width: 310px;

	background-color:#fff;

	border-top: none;

	padding: 0px 0 0 5;

	margin: 0;

}







div#content p {

	text-align: justify;

	margin: 0 0 10px 0;

	font-size: 9pt;

	line-height: 1.6em;

	color: #333333;

}







div#content p a, div#content ul li a, div#content ol li a { color: #0000CC; text-decoration: underline; }



div#content p a:hover, div#content ul li a:hover, div#content ol li a:hover { 

color: #660099;	text-decoration: underline; }







div#content ul {

	text-align: left;

	margin: 20px 0 20px 15px;

	font-size: 1.1em;

	color: #666;

	border: 0; padding: 0;

}







div#content ol {

	text-align: left;

	margin: 20px 0 20px 20px;

	margin-left: 20px !important; margin-left: 23px;

	font-size: 1.1em;

	color: #666;

	border: 0; padding: 0;

}







div#content ul li {

	list-style-type: square;

	line-height: 1.6em;

	margin-bottom: 5px;

}



div#content ol li {

	list-style-type:inherit;

	line-height: 1.6em;

	margin-bottom: 5px;

}







div#content .li-inner {

	list-style-type: square;

	margin-left: 14px;

	line-height: 1.6em;

	margin-bottom: 5px;

}







div#content .li-noblock {

	list-style-type: none;

	margin-left: 14px;

	line-height: 1.6em;

	margin-bottom: 5px;

}



.ruler {

	border: 0; padding: 0;	height: 1px;

	color: #CBCDC5;

	background-color: #CBCDC5;

	margin-bottom: 6px;

}





h1 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #99CC66;
	text-align: left;
	padding: 5px 5px 5px 5px;

}



h1 a { color: #666;	text-decoration: none; }



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





h2 {

	border-top: 8px solid #87aac3;

	border-bottom: 1px solid #87aac3;

	margin: 0 0 10px 0;

	font-size: 1.4em;

	font-weight: normal;

	font-variant:small-caps;

	padding-top: 10px;

	padding-bottom: 10px;

	color: #444;

}





h2 a { color: #0AF;	text-decoration: none; }



h2 a:hover { color: #444; text-decoration: none; }





h3 {

	margin: 0 0 10px 0;

	font-size: 1.4em;

	font-weight: bold;

	padding-top: 2px;

	padding-bottom: 0px;

	color: #666;

}





h3 a { color: #0AF;	text-decoration: none; }



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



img	{
border: none;
}



div#footer {

	margin: 20px 0 0 0;

	background-color:#fff;

	height: 50px;

	padding: 20px 0 0 0;

	border-top: 1px solid #CBCDC5;

	font-size: 0.9em;

}





div#content .calculator-holder {

	background-color:#F3F3F1;

	padding: 6px;

	border: 2px solid #ABADA5;

	margin: 0;

}





div#content .small { font-size: 1.0em; color: #444; }



div#content .small2 { font-size: 1.0em; }



div#content .calculator-form {

	font-size: 1.1em;

	color: #444;

	width: 90px;

}



div#content .calculator-button {

	font-size: 1.1em;

	color: #444;

	width: 60px;

}




div#content .calculator-left {

	width: 120px;

	height: 30px;

	float: left;

	clear: both;

}





div#content .calculator-right {

	width: 140px;

	height: 30px;

	float: right;

}



div#content .line {

	height: 1px;

	font-size: 0.1em;

	clear: both;

	margin-bottom: 12px;

	border-bottom: 1px dashed #0AF;

}





div#content .calculator-top {

	height: 20px;

	font-size: 1.2em;

	font-weight: bold;

	clear: both;

	padding-top: 5px;

	margin-bottom: 20px;

	border-bottom: 1px dashed #0AF;

}







/***** NAVIGATION LAYER *****/



div#navigation {

	float: left;

	width: 180px;

	background-color:#fff;

	border: 0; margin: 0;

}





div#navigation ul { margin: 0 0 25px 0; padding: 0; list-style: none; }



div#navigation ul li { width: 170px; text-align: left; margin: 0; font-size: 1em; }



div#navigation .header  { 

width: 168px; 

display: block; 

margin: 0; 

padding: 6px 5px 6px 5px; 

background-color:#9bbed7; 

color: #fff; 

font-size: 12px;

	border: 1px solid #7aa4c2;

}





div#navigation ul li a { 

width: 170px; 

display: block; 

margin: 0; 

background-color: #5687ac; 

color: #fff; 

font-weight: bold;

padding: 5px; 

text-decoration: none;

border-bottom: 1px dotted #ddd;

font-size: 11px; 

 }



div#navigation ul li a:hover { 

background-color: #383996; color: #fff; }



div#navigation .header a { 

width: 170px; 

display: block; 

margin: 0; 

padding: 6px 5px 6px 5px; 

background-color:#ABADA5; color: #fff; 

}



div#navigation .header a:hover { 

background-color:#ABADA5; color: #fff; }





div#navigation .new a { 

width: 170px; 

display: block; 

margin: 0; 

background: #FBFBF9 url(images/bg-new-blue.gif) no-repeat top right; 

color: #666; 

padding: 5px; 

text-decoration: none; 

border-bottom: 1px dotted #ddd; 

}



div#navigation .new a:hover { background: #F3F3F1 url(images/bg-new-blue.gif) no-repeat top right; color: #0AF; }















/***** NEWS LAYER *****/







div#news {
	float: right;
	width: 380px;
	background-color:#FFFFFF;
	padding: 0px 0 0 0;
	font-size: 12px;
	margin-top: 13px;
}







div#news .image {	padding-bottom: 20px; width: 200px; height: 200px; border: 0; }



/div#news ul { margin: 0; padding: 0; list-style: none; }



/div#news ul li { width: 184px; text-align: left; margin: 0; font-size: 1em; }



/div#news ul li a { width: 184px; display: block; margin: 0 0 1px 0; background-color: #FBFBF9; color: #999; padding: 8px; text-decoration: none; border-bottom: 1px dotted #D0D2CA; }



/div#news ul li a:hover { background-color: #F3F3F1; }



div#news .dark { color: #666; }



div#news .header  {
	width: 360px;
	display: block;
	margin: 0;
	padding: 5px 5px 5px 5px;
	background-color:#99CC66;
	color: #fff;
	font-size: 12px;

}



div#news .header a { 

width: 190px; 

display: block; 

margin: 0; 

padding: 6px 5px 6px 5px; 

background-color:#FFFFFF; 

color: #fff; }



div#news .header a:hover { 

background-color:#ABADA5; 

color: #fff; }







div#news .new a { 

width: 184px; 

display: block; 

margin: 0 0 1px 0; 

background: #FBFBF9; 

color: #999; 

padding: 8px; 

text-decoration: none; 

border-bottom: 1px dotted #D0D2CA; }



div#news .new a:hover { background-color: #F3F3F1; }


/************** .feature styles ***************/

.feature{
	padding: 0px 5PX 5px 0px;
	font-size: 9pt;
	text-align: left;
}

.feature h3{
	padding: 5px 5px 5px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.feature img{
	float: left;
	padding: 20px 10px 0px 0px;
	vertical-align: top;
}


















/*/// BOTTOM LAYER ///*/







div#bottom {



	margin: 0 auto;



	width: 780px;



	background-color:#ccc;



	height: 30px;



	background-image:url(topImage/bg-bottom.gif);



}

div#bottom2 {



	margin: 0 auto;



	width: 779px;



	background-color:#ccc;



	height: 12px;



	background-image:url(topImage/bg-bottom2.gif);



}










.clear {



	clear:both;



	height: 0;



}









#menu {

	display: block;

	margin: 0px 0px 20px 0px;

	

}



#menu ul {

	margin: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	border: 0;

	list-style-type: none;



}



#menu li {

	margin: 0;

	padding: 0px 0px 0px 0px;

	border: 0;

	display: block;

	float: left;

	border: 1px dotted #fff;



}



#menu a {

	display: block;

	padding: 0px 0px 0px 0px;



	

}



#menu li li {

	width: 100%;

}



/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */

#menu li li ul {

	top: 0;

	left: 0;

}



/* ...and then place it where it should be when shown */

#menu li li:hover ul {

	left: 100%;

}



/* initialy hide all sub menus */

#menu li ul {

	display: none;

	position: absolute;

	z-index: 10;



	

}



/* display them on hover */

#menu li:hover>ul {

	display: block;

}



/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */

#menuList:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}



/* Fix for IE5/Mac \*//*/

#menu a {

	float: left;

}



#menuList {

	display: inline-block;

}

/*  */



/*		------   Make-up	--------			*/



#menu {

	color: #000;

	background-color: #9c6;

	border: 1px solid #693;



}



#menu li:hover {

	background-color: #693;

}



#menu a {

	text-decoration: none;

	text-align: left;

color: #333;

	font-size: 12px;

	padding: 4px 20px 5px 5px;

	text-transform: uppercase;

}



#menu li:hover>a {

	color: #fc0;

}



#menu a:hover {

	color: #fc0;

}



#menu li ul {

	color: #000;

	background-color: #9c6;

	border: 1px solid #693;

	width: 130px;

}



#menu li ul a {

	text-align: left;

}



#menu li li.submenu {

	background-image: url(images/arrow-w.gif);

	background-repeat: no-repeat;

	background-position: left;



}



#SupportMenu	{

text-align: left;

}

#topnav ul
{
padding-left: 0;
margin: 0px 0px 0px 0px;
background-color: #9c6;
color: White;
float: left;
width: 720px;
font-family: arial, helvetica, sans-serif;
}

#topnav ul li { display: inline; }

#topnav ul li.last a { 

border: none;
 }
 
 #topnav ul li a.active { 
background: #94c3e0;
font-size: 15px;
 }


#topnav ul li a
{
padding: 0.4em 0.6em 0.4em 0.6em;
background-color: #9c6;
color: White;
text-decoration: none;
float: left;
border: 1px dotted #fff;
font-size: 13px;
}

#topnav ul li a:hover
{
background-color: #81a25f;
color: #fff;
}





.menu a {
	border: 1px dashed #fff;

	background-color: #5f7648;
	text-align: left;
	font-size: 9px;
	color: #fff;
	display: block;
	padding: 5px;
	text-decoration: none;
	
}

.menu a:hover {
	background-color: #81a25f;
	color: #fff;
}



#utils {
	line-height: normal;
	width: 220px;
	float: right;
}

#utils ul {
	margin: 0; padding: 0; 
	list-style-type: none;
}

#utils li {
	background: #FFF;
	margin: 0; padding: 0 0 0 8px; 
	float: left;
}

#utils li a {
	width: .1em;
	font-size: 11px;
	font-weight: bold;
	color: #98B4B5;
	display: block;
	float: left;
	text-decoration: none;
	white-space: nowrap;
	background: url("images/utils-arrow.gif") 0 10px no-repeat; 
	padding: 4px 6px 4px 10px;
} 

#utils a.active, #utils a.active:hover { color: #B3A11D; }
#utils > ul a { width: auto; }
#utils li:hover, #utils li:hover a, #utils a:hover { color: #666; } 

#utils li span {
	width: .1em;
	font-size: 11px;
	font-weight: bold;
	color: #CCC;
	display: block;
	float: left;
	text-decoration: none;
	white-space: nowrap;
	background: url("images/utils-arrow.gif") 0 10px no-repeat; 
	padding: 4px 6px 4px 10px;
} #utils > ul span { width: auto; }