a.button1 {
width:auto;
background: #ffffff url('.png') no-repeat scroll top right;
}

a.button1 span {
background: #ffffff url('/images/red_button.png') no-repeat;
} 

a.button2 {
width:auto;
background: #ffffff url('') no-repeat scroll top right;
}

a.button2 span {
background: #ffffff url('/images/orange_button.png') no-repeat;
} 

a.button3 {
width:auto;
background: #ffffff url('') no-repeat scroll top right;
}

a.button3 span {
background: #ffffff url('/images/yellow_button.png') no-repeat;
} 

a.button4 {
background: #ffffff url('') no-repeat scroll top right;
}

a.button4 span {width:auto;
background: #ffffff url('/images/green_button.png') no-repeat;
} 

a.button5 {width:auto;
background: #ffffff url('') no-repeat scroll top right;
}

a.button5 span {width:auto;
background: #ffffff url('/images/blue_button.png') no-repeat;
} 

a.button6 {width:auto;
    background: #ffffff url('') no-repeat scroll top right;
}

a.button6 span { width:auto;
    background: #ffffff url('/images/purple_button.png') no-repeat;
} 
a.button7 {width:auto;
    background: #ffffff url('') no-repeat scroll top right;
}
a.button7 span { width:auto;
    background: #ffffff url('/images/grey_button.png') no-repeat;
} 

a.button1, a.button2, a.button3, a.button4, a.button5, a.button6,a.button7  {
    color: #fff;
    display: block;
    float: left;
    font: semi-bold 15px arial, sans-serif;
    height: 30px;
    margin-right: 0px;
    padding-right: 0px; /* sliding doors padding */
    text-decoration: none;
    border:0px;
}

a.button1 span, a.button2 span, a.button3 span, a.button4 span, a.button5 span, a.button6 span,a.button7 span {
    display: block;
    line-height: 16px;
    padding: 8px 16px 5px 25px;
    text-decoration: none;
    border:0px;
} 

a.button1:hover, a.button2:hover, a.button3:hover, a.button4:hover, a.button5:hover, a.button6:hover, a.button7:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: none;
    border:0px;
}

a.button1:hover span, a.button2:hover span, a.button3:hover span, a.button4:hover span, a.button5:hover span, a.button6:hover span,a.button7:hover span {
    background-position: bottom left;
    padding: 8px 16px 5px 25px; /* push text down 1px */
    text-decoration: none;
    border:0px;
} 



.rbroundbox { background: url(nt.gif) repeat;	zoom:1;}
.rbroundbox2 { background: url(nt.gif) repeat; margin: -3px 0px 0px 0px;	zoom:1;}

.rbtop div { background: url(tl.gif) no-repeat top left; 	zoom:1;}
.rbtop2 div { background: url(tl.gif) no-repeat top left; 	zoom:1;}
.rbtop, rbtop2 { background: url(tr.gif) no-repeat top right; 	zoom:1;}
.rbbot div { background: url(bl.gif) no-repeat bottom left; padding:0px;	zoom:1;}
.rbbot { background: url(br.gif) no-repeat bottom right; 	zoom:1;}

.rbtop div, .rbtop, .rbbot div, .rbbot, .rbtop2, .rbtop2 div {
width: 100%;
height: 7px;
font-size: 1px;
	zoom:1;
}

.rbcontent { margin: 0px; padding:0px 2px 10px 10px;	zoom:1;}

.rbt {background: url(dot.gif) 0 0 repeat-x;	zoom:1;}
.rbb {background: url(dot.gif) 0 100% repeat-x;	zoom:1;}
.rbl {background: url(dot.gif) 0 0 repeat-y;	zoom:1;}
.rbr {background: url(dot.gif) 100% 0 repeat-y;	zoom:1;} 


#table1 {
display:inline-table;
border-left:1px #000 solid;
float:left;
width:400px;
background: #6622aa;
color:#fff;
}

#table1b {
display:inline;
border-left:1px #000 solid;
float:left;
width:100px;
background: #6622aa;
color:#fff;
}

#table2 {
display:inline-table;
float:left;
width:400px;
background: #bb77ff;
color:#000;
}

#table2b {
display:inline-table;
float:left;
width:100px;
background: #bb77ff;
color:#000;
}

#table3 {
display:inline-table;
float:left;
width:400px;
background: #ffffff;
color:#000;
}

#table3b {
display:inline-table;
float:left;
width:100px;
background: #ffffff;
color:#000;
}

#pointer {
display:block;
height:83px;
}



.topnav { 
 	font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;

 	padding: 0.5em;
}
a.ovalbutton{
background: transparent url('images/oval-gray-left_new.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Tahoma; 
line-height: 16px;
height: 24px;
padding-left: 11px; 
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #ffffff; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right_new.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

#side_menu li{
border-bottom:1px dotted #CCC
}
#side_menu ul{
	
	Padding-left:20px
}