body, table{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

.fliptitle{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
font-weight:bold;
}

.text {background-color: #ffffff;
color: #000000;
border: 1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12}

.button {background-color: #C1C2EB;
color: #000000;
border: 1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12}
 
a, a:visited{
	font-size:12px;
	color:#000000;	
	text-decoration:none;
}.menu{
background-color:#C1C2EB;
}.menu a:hover{
background-color:#EEEEFF;
}.menuactivated{
background-color:#EEEEFF;
}
.submenu{
background-color:#EEEEFF;
}.submenu a:hover{
background-color:#C1C2EB;
}.submenuactivated{
background-color:#C1C2EB;
}

.catlink a:hover{
text-decoration:overline underline
}

.benefits1{
border-style: solid;
border-bottom-width: 0px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

.benefits2{
border-style: solid;
border-bottom-width: 1px;
border-top-width: 0px;
border-left-width: 1px;
border-right-width: 1px;
}

.loginbox{
width:125px;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;

.box{
border-style: solid;
border-bottom-width: 0px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

}

.useradd{
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

/* START - first example */

 /* set millions of background images */
.rbroundbox { background: url(c00.gif) repeat; }
.rbtop div  { background: url(c11.gif) no-repeat top left; }
.rbtop      { background: url(c12.gif) no-repeat top right; }
.rbbot div  { background: url(c21.gif) no-repeat bottom left; }
.rbbot      { background: url(c22.gif) no-repeat bottom right; }

 /* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent  { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }


/*  END  - first example */


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|	FLIPCHART LAYOUT AND CONFIGURATION    |
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.col1 {
	float: left; 
	width: 50%; 
	margin-right: 15px;
	
}