/* CSS Document */
body{
margin: 0px;
}
.fleft{
float:left;
}
.surrounding{
width: 800px;
height: 600px;

}
.homebar{
float:right;
width: 211px;
height: 30px;
background-color: #F7F619;
border-bottom: 1px solid #EF097C;
font-family: arial;
font-size:14px;
color:#19057A;
font-weight: bold;
padding-top: 5px;
text-align: left;
}
.homebar a{
text-decoration: none;
color:#19057A;
}
.hbcorner{
background-image:url(images/hbbg.jpg);
float:right;
width:16px;
height: 30px;
}
.logobar{
text-align:left;
padding-left: 40px;
width:800px;
height: 149px;
background-image:url(images/lgbg.jpg);
}
.lggrad{
float:right;
margin-top:43px;
width:600px;
height:48px;
background-image:url(images/lggrad-2.jpg);
background-position:right;
background-repeat:repeat-y;
}
.menubalk{
float:left;
width:161px;
height:394px;
background-image:url(images/mnb.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:#355B78;
}
.mnext{
text-align:left;
margin-top:21px;
float:right;
width: 161px;
height: 373px;
border-right: 1px solid #ffffff;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
.mnext a{
padding-left: 30px;
padding-top: 6px;
text-decoration: none;
color: #ffffff;
display:block;
width: 153px;
height: 28px;
float:left;
background-image:url(images/mnr.gif);
background-color: #19057A;
}
.mnext a:hover{
background-color: #98ADBC;
color: #EF097C;
}
.sub{
font-family: arial;
font-size: 10px;
font-weight: bold;
color: #7799C0;
}
.sub a{
padding-left: 30px;
padding-top: 1px;
text-decoration: none;
color: #17539C;
display:block;
width: 152px;
height: 15px;
float:left;
background-image:url(images/mnsr.gif);
background-color: #D7DFE5;
}
.bottombar{
clear: left;
float:left;
width:800px;
height:29px;
background-image: url(images/btmbg.jpg);
}
.btsm{
float:left;
width: 274px;
height:29px;
background-image: url(images/btm.gif);
padding-top:4px;
padding-right: 14px;
text-align:right;
}
.btsm a{
font-family: arial;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration:none;
}
.btsm a:hover{
color: #EF097C;
}
/* set millions of background images */
.rbroundbox { 
float:left;
margin-left: 20px;
width: 396px;
height: 335px;
background-color: #FFFFFF;
}
.rbtop div {
height: 10px;
background: url(images/tl.gif) no-repeat top left;
}
.rbtop {
background: url(images/tr.gif) no-repeat top right;
}
.rbbot div {
height: 10px;
background: url(images/bl.gif) no-repeat bottom left;
}
.rbbot {
background: url(images/br.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 { 
text-align:left;
height: 335px;
font-family: Arial;
font-size: 10px;
color: #000000;
margin: 12px 20px 12px 20px;
}
.rbcontent h1{
font-size: 12px;
font-weight: bold;
}
.rbcontent h2{
font-size: 10px;
font-weight: bold;
}
.floatright{
float:right;
margin: 0px 0px 10px 10px;
}
/* set millions of background images */
.rbroundbox2 { 
float:left;
margin-left: 20px;
width: 165px;
height: 231px;
background-color: #FFFFFF;
}
.rbtop2 {
height: 10px;
background: url(images/test.jpg) repeat-x top;
}
.rbtop2 div div {
height: 10px;
background: url(images/tl.jpg) no-repeat top left;
}
.rbtop2 div {
background: url(images/tr.jpg) no-repeat top right;
}
.rbbot2 div {
height: 10px;
background: url(images/bl.jpg) no-repeat bottom left;
}
.rbbot2 {
background: url(images/nb.jpg) repeat-x bottom;
}
.rbbot2  div div{
background: url(images/br.jpg) no-repeat bottom right;
}

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 {
border-left: 3px solid #189DC0;
border-right: 3px solid #189DC0;
text-align:left;
height: 231px;
font-family: Arial;
font-size: 10px;
color: #000000;
padding: 0px 6px 0px 6px;
}
.rbcontent2 h1{
font-size: 12px;
font-weight: bold;
}
.rbcontent2 a{
color: #3C6C89;
text-decoration:none;
}
/* set millions of background images */
.rbroundbox3 { 
float:left;
margin-left: 20px;
margin-top: 20px;
width: 165px;
height: 100px;
background-color: #D2DBE2;
}
.rbtop3 {
height: 10px;
background: url(images/dd.jpg) repeat-x top;
}
.rbtop3 div div {
height: 10px;
background: url(images/lb.jpg) no-repeat top left;
}
.rbtop3 div {
background: url(images/rb.jpg) no-repeat top right;
}
.rbbot3 div {
height: 10px;
background: url(images/ld.jpg) no-repeat bottom left;
}
.rbbot3 {
background: url(images/bb.jpg) repeat-x bottom;
}
.rbbot3 div div{
background: url(images/rd.jpg) no-repeat bottom right;
}

/* height and width stuff, width not really nessisary. */
.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent3 {
border-left: 3px solid #ffffff;
border-right: 3px solid #ffffff;
text-align:left;
height: 100px;
font-family: Arial;
font-size: 10px;
color: #000000;
padding: 0px 6px 0px 6px;
}
.bgmain{
float:left;
background-color: #98ADBC;
}