body
{
margin-left: 10px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 90%;
background-color:#FFFFFF;
}

#wrapper {
		width:780px;
		margin:0px auto;
		padding:0px;
	}
	
.container1 { 
background-color:#FFFFFF;
}

.topheader { 
width: 759px;
}

.rbroundbox { background: url(images/orange/background.gif) repeat; }
.rbtop div  { background: url(images/orange/top_left.gif) no-repeat top left; }
.rbtop      { background: url(images/orange/top_right.gif) no-repeat top right; }
.rbbot div  { background: url(images/orange/bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(images/orange/bottom_right.gif) no-repeat bottom right; }


.rbroundboxg { background: url(images/green/background.gif) repeat; }
.rbtopg div  { background: url(images/green/top_left.gif) no-repeat top left; }
.rbtopg      { background: url(images/green/top_right.gif) no-repeat top right; }
.rbbotg div  { background: url(images/green/bottom_left.gif) no-repeat bottom left; }
.rbbotg      { background: url(images/green/bottom_right.gif) no-repeat bottom right; }


.rbroundboxp { background: url(images/purple/background.gif) repeat; }
.rbtopp div  { background: url(images/purple/top_left.gif) no-repeat top left; }
.rbtopp      { background: url(images/purple/top_right.gif) no-repeat top right; }
.rbbotp div  { background: url(images/purple/bottom_left.gif) no-repeat bottom left; }
.rbbotp      { background: url(images/purple/bottom_right.gif) no-repeat bottom right; }

 /* height and width details for purple box */
.rbtopp div, .rbtopp, .rbbotp div, .rbbotp {
	height: 14px;
	font-size: 1px;
}

 /* height and width details for green box*/
.rbtopg div, .rbtopg, .rbbotg div, .rbbotg {
	height: 14px;
	font-size: 1px;
}

 /* height and width details for orange box */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 10px; }
.rbcontentg  { margin: 0 10px; }
.rbcontentp  { margin: 0 10px; }

 /* 40em makes the widh 40% of 100% */
.rbroundbox { 
width: 360px;
float: left;
margin-right:10px;
}

.rbroundboxp { 
width: 390px;
float: left;
margin: 0 0px;
color:#FFFFFF;
}

.rbroundboxg { 
width: 760px; 
float: left;
margin-top:10px;
}

/* other CSS rules */

pre { overflow: auto; width: 90%; }
h2 { font-size: 1em; font-weight: bold; font-family : Arial, sans-serif; }
p  { font-size: 0.8em; } 


img {border:0}

a:link {
	color: #000000;
	text-decoration: underline;
	
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #ff0000;
	text-decoration:underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
.style3 {color: #00FFFF}
.style4 {color: #FFffff; background-color:#663399}

a.box:link {
	color: #ffff00;
	text-decoration: underline;
	
}
 a.box:visited {
	color: #ffff00;
	text-decoration: underline;
}
 a.box:hover {
	color: #000000;
	text-decoration:underline;
}
 a.box:active {
	color: #ffff00;
	text-decoration: underline;
}

#footer
{
clear:both;
width: 759px;
margin-top:10px;
padding-bottom:10px;
background-color:#FF3300;
color:#FFFFFF;
text-align:center;
}