/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#7cbb0f url('../../images/top-bg.jpg') no-repeat center top; 
text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8175em; line-height:1.154em; color:#082401;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#80bd10;  font-weight:bold;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
h1{ float:left;  margin:50px 0 0 0; font-size:6.15em; line-height:1em; letter-spacing:-5px; background:url('../../images/ROATlogo_31.png') no-repeat right top;
}
h1 a{ color:#ffffff;  text-decoration:none; padding:0 12px 0 0; display:inline-block; margin:-6px 0 0 0;}
h1 span{ display:block; font-size:0.15em; letter-spacing:normal; word-spacing:2px; line-height:1em; text-transform:uppercase; margin:-8px 0 0 20px;}
h2{ font-size:2.538em; line-height:1em; color:#fff; text-transform:uppercase; padding:143px 0 0 40px;}
h2 span{ font-size:0.667em; display:block; margin-bottom:-10px;}
strong{ display:block; padding-bottom:15px;}
cite{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:-5px 15px 0 0; float:left; position:relative;}
.phone{ float:right; padding-right:85px;}
.phone2{ float:right; padding-right:250px;}
.space1{ margin-left:50px;}
.space2{ margin-left:23px;}
.padding1{ padding-top:26px;}
.padding2{ padding-top:16px;}
.margin1{ margin-top:10px !important;}

/* ============================= header ====================== */
#header .top{ width:100%; overflow:hidden; height:140px;}
#header .menu{ float:right; padding-top:60px;}
#header .menu li{ float:left; padding-left:1px;}
#header .menu a{ display:inline-block; font-size:0.923em; text-transform:uppercase; color:#ffffff; text-decoration:none; background:url('../../images/menu-item-tail.gif') repeat-x 50% top;
cursor:pointer; }
#header .menu a span{ width:109px; text-align:center;  display:inline-block; padding:23px 0 24px 0;}
#header .menu .first a span{ background:url('../../images/menu-first-item-left-bg.gif') no-repeat left top;
}
#header .menu .last a span{ background:url('../../images/menu-last-item-right-bg.gif') no-repeat right top;
}

#header .menu a:hover, #header .menu .active{ background:url('../../images/menu-item-tail-act.gif') repeat-x 50% top; 
color:#1a3100;
}
#header .menu .first a:hover span, #header .menu .first .active span{ background:url('../../images/menu-first-item-left-bg-act.gif') no-repeat left top;
}
#header .menu .last a:hover span, #header .menu .last .active span{ background:url('../../images/menu-last-item-right-bg-act.gif') no-repeat right top;
}

/* ============================= content ====================== */
#content .left-top{ background:url('../../images/content-corner-left-top.gif') no-repeat left top;
}
#content .right-top{ background:url('../../images/content-corner-right-top.gif') no-repeat right top;
}
#content .left-bot{ background:url('../../images/content-corner-left-bot.gif') no-repeat left bottom; 
width:100%;
}
#content .right-bot{ background:url('../../images/content-corner-right-bot.gif') no-repeat right bottom; 
padding:10px;
}
#content .bg1{ background:#ffffff; margin:-10px 0; padding:10px 0;}
#content .bg2{ background:#ffffff; margin:0 -10px; padding:0 10px;}
#content .indent{ padding:0 0 37px 0;}
#content .indent2{ padding:44px 10px 0 9px;}

#content .box{ background:#eaf9d1 url('../../images/box-tail.gif') repeat-x 50% top; 
line-height:1.385em;
}
#content .box .left-top{ background:url('../../images/box-corner-left-top.gif') no-repeat left top;
}
#content .box .right-top{ background:url('../../images/box-corner-right-top.gif') no-repeat right top;
}
#content .box .left-bot{ background:url('../../images/box-corner-left-bot.gif') no-repeat left bottom;
}
#content .box .right-bot{ background:url('../../images/box-corner-right-bot.gif') no-repeat right bottom; 
padding:0;
}
#content .box .indent{ padding:0 10px 0 23px; }
#content .box .indent1{ padding:25px 0 41px 0; text-align:center;}


.box .title{ padding-bottom:10px;}
.link{ display:inline-block; margin-top:24px; font-size:0.923em;}
.line1{ background:url('../../images/box-line.gif') repeat-y 206px 0; 
width:100%;
}
.line2{ background:url('../../images/box-line.gif') repeat-y 436px 0; 
width:100%;
}
.line3{ background:url('../../images/box-line.gif') repeat-y 666px 0; 
width:100%;
}

.title1{ border-bottom:solid 2px #e1e5d4; margin-bottom:20px;}
.unline{ background:url('../../images/unline.gif') repeat-x 50% bottom; 
padding-bottom:47px; margin-bottom:20px;
}

.list li{ background:url('../../images/list-marker.gif') no-repeat 0 2px; 
padding:0 0 10px 20px;
}
.list .last{ padding-bottom:0;}
.list a{ font-weight:normal; color:#082401; text-decoration:none;}
.list a:hover{ color:#80bd10;}

/* ============================= footer ====================== */
#footer{color:#ffffff;}
#footer a{ font-weight:normal; color:#ffffff; text-decoration:none;}
#footer a:hover{ color:#000000;}
#footer .menu{ width:100%; overflow:hidden;}
#footer .menu ul{ padding:26px 0 0 3px;}
#footer .menu li{ float:left; padding-left:15px;}
#footer .menu a{ font-size:1.308em; display:inline-block; margin-right:15px;}
#footer .text{ font-size:0.923em; padding:7px 0 0 16px;}

/* ============================= forms ============================= */
#ContactForm label{ display:block; height:30px;}
#ContactForm input{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px;}
#ContactForm textarea{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px; height:190px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 0 0 40px;}