body {
text-align: center;
font-family: sans-serif;
}

body.grey{
background:#666 url(http://www.realagiletech.com/external/images/grey/background.png) repeat-x left top;
}

body.grey_marples{
background:#666 url(http://www.realagiletech.com/external/images/grey/background_marples.png) repeat-x left top;
}

body.red{
background:#4f0708 url(http://www.realagiletech.com/external/images/red/background.jpg) repeat-x left top;
}

body.tan{
background:#fff1d4 url(http://www.realagiletech.com/external/images/tan/background.jpg) repeat-x left top;
}

body.tan_stone{
background:#6e5e45 url(http://www.realagiletech.com/external/images/tan_stone/background.jpg) repeat-x left top;
}

body.black{
background:#000 url(http://www.realagiletech.com/external/images/black/background_black.png) repeat-x left top;
}

body.olive{
background:#3c4b21 url(http://www.realagiletech.com/external/images/olive/background.jpg) repeat-x left top;
}

p {
text-align:justify;

}

#container {
width: 820px;
height: 524px;
margin-top: 30px;
margin-left: auto; 
margin-right: auto;
}

.container_maroon{
background: url(http://www.realagiletech.com/external/images/maroon/slice.png) repeat-x left top;
}

.container_red_marples{
background: url(http://www.realagiletech.com/external/images/red/slice_marples.png) repeat-x left top;
}

.container_red{
background: url(http://www.realagiletech.com/external/images/red/slice.jpg) repeat-x left top;
}

.container_yellow{
background: url(http://www.realagiletech.com/external/images/yellow/slice.jpg) repeat-x left top;
}

.container_purple{
background: url(http://www.realagiletech.com/external/images/purple/slice.jpg) repeat-x left top;
}

.container_lite_purple{
background: url(http://www.realagiletech.com/external/images/lite_purple/slice.jpg) repeat-x left top;
}

.container_black{
background: url(http://www.realagiletech.com/external/images/black/slice.jpg) repeat-x left top;
}

.container_teal{
background: url(http://www.realagiletech.com/external/images/teal/slice.jpg) repeat-x left top;
}

.container_tan{
background: url(http://www.realagiletech.com/external/images/tan/slice.jpg) repeat-x left top;
}

.container_blue{
background: url(http://www.realagiletech.com/external/images/blue/slice.jpg) repeat-x left top;
}

.container_blue2{
background: url(http://www.realagiletech.com/external/images/blue/slice2.jpg) repeat-x left top;
}

.container_blue3{
background: url(http://www.realagiletech.com/external/images/blue/slice3.jpg) repeat-x left top;
}

.container_lite_blue{
background: url(http://www.realagiletech.com/external/images/lite_blue/slice.jpg) repeat-x left top;
}

.container_olive{
background: url(http://www.realagiletech.com/external/images/olive/slice.jpg) repeat-x left top;
}

.container_green2{
background: url(http://www.realagiletech.com/external/images/green/slice2.jpg) repeat-x left top;
}

.container_green3{
background: url(http://www.realagiletech.com/external/images/green/slice3.jpg) repeat-x left top;
}

.container_green4{
background: url(http://www.realagiletech.com/external/images/green/slice4.png) repeat-x left top;
}

#header {
width: 820px;
height: 100px;
}
    
#banner {
width: 820px;
height: 300px;
padding-left: 0px;
left: 0;
top: 0;
}
 
#slideshow {
width:821px;
height:300px;
overflow: auto;
padding:0 10px;     
}

#banner_content{
width:780px;
height:300px;
overflow: auto;
margin:0 10px;
padding:0 10px;
background:#fff;     
}

.imgright {
float:right;
margin:0 0 5px 5px;
padding:3px;
}

.imgleft {
float:left;
margin:0 5px 5px 0;
padding:3px;
}

#slideshow .panel {
width: 267px;
height: 300px;
float: left;
position: relative;
}

#slideshow .panel img {
display: block;
position: absolute;
top: 0;
left: 0;
}

#nav_bar {
width: 820px;
margin: 0;
height: 25px;
text-align: center;
}
#menu {
width: 486px;
height: 35px;
margin: 0 auto;
}
    
#menu a {
display: block;
float: left;
margin: 5px 5px 5px 5px;
height: 35px;
width: 152px;
}

#menu a:hover {   
background-position: -152px 0;
}

#menu a:active {
background-position: -304px 0;
}

.menu_red1 {
background:url(http://www.realagiletech.com/external/images/red/button1.png) 0 0 no-repeat;
}

.menu_red2 {
background:url(http://www.realagiletech.com/external/images/red/button2.png) 0 0 no-repeat;           
}

.menu_red3 {
background:url(http://www.realagiletech.com/external/images/red/button3.png) 0 0 no-repeat;           
}

.menu_lite_purple1 {
background:url(http://www.realagiletech.com/external/images/lite_purple/button1.png) 0 0 no-repeat;
}

.menu_lite_purple2 {
background:url(http://www.realagiletech.com/external/images/lite_purple/button2.png) 0 0 no-repeat;           
}

.menu_lite_purple3 {
background:url(http://www.realagiletech.com/external/images/lite_purple/button3.png) 0 0 no-repeat;           
}

#welcome {
width: 820px;
height: 60px;
margin: 0;
background: url(http://www.realagiletech.com/external/images/avm_waiting_plain.png) no-repeat left top;                   
}
#welcome.black {
width: 820px;
height: 60px;
margin: 0;
background: transparent url(http://www.realagiletech.com/external/images/avm_waiting_black.png) no-repeat left top;                   
}
#login_area {
width: 820px;
height: 39px;
}

input{
border: 1px solid; 
border-color: #666; 
height:22px;
vertical-align:bottom;
}

input.button {
color:#990000; 
font-weight: bold; 
background-color:#ccc; 
}

#footer {
width: 820px;
font-size: 10px;
color:#fff;
background:transparent;
margin-top: 10px;
margin-left: auto; 
margin-right: auto;
text-transform:uppercase;
}