/* CSS Document */

body{
background:url(../img/background/rmcs_collage.jpg) repeat;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
}

/*Global Layout*/

#container{
margin:0 auto;
width:986px;
height:auto;
background-color:#FFFFFF;
border:1px solid #C5C0CA;
}

#headerLeft{
float:left;
width:695px;
height:100px;
border-bottom:1px solid #C5C0CA;
}

#headerRight{
float:right;
width:100px;
height:75px;
margin:25px 10px 0px 0px;
background:URL(../img/niceic_logo.jpg) no-repeat;
border-bottom:1px solid #C5C0CA;
}

#banner{
float:left;
width:765px;
height:150px;
margin-left:20px;
background:URL(../img/marine_banner.jpg) no-repeat;
}

#caravan_services #banner{
background:URL(../img/caravan_banner.jpg) no-repeat;
}

#leftContent{
float:left;
width:180px;
height:692px;
border-right:1px solid #C5C0CA;
background-color:#FFFFFF;
}

#caravan_services #leftContent{
background-color:#619A37;
}

#marine_services #leftContent{
background-color:#04579E;
}

#logoContainer{
float:left;
width:140px;
height:130px;
margin:50px 10px 10px 20px;
background:URL(../img/rmcs_logo.jpg) no-repeat;
}

#caravan_services #logoContainer{
background:URL(../img/rmcs_caravan_logo.jpg) no-repeat;
height:140px;
}

#marine_services #logoContainer{
background:URL(../img/rmcs_marine_logo.jpg) no-repeat;
height:135px;
}

#middleContent{
float:left;
width:382px;
height:445px;
margin:20px 0px 20px 20px;
background-color:#FFFFFF;
}

#home #middleContent{
background:url(../img/marine_gradient.jpg) repeat-x;
}

#rightContent{
float:left;
width:382px;
height:445px;
background-color:#FFFFFF;
margin:20px 0px 20px 0px;
overflow:auto;
overflow-x:hidden;
}

#home #rightContent{
background:url(../img/caravan_gradient.jpg) repeat-x;
}

#news #rightContent{
width:785px;
height:495px;
}

#brochures #rightContent{
width:785px;
height:495px;
}

#contact #rightContent{
height:495px;
}

#admin #rightContent{
width:785px;
height:495px;
overflow:auto;
overflow-x:hidden;
}

#innerLeftContent{
float:left;
width:325px;
}

#innerRightContent{
float:left;
width:325px;
margin-top:45px;
}

#brochureContainer{
float:left;
width:95px;
height:160px;
margin-top:190px;
background:url(../img/marine_brochure.png) no-repeat;
}

#caravan_services #brochureContainer{
background:url(../img/caravan_brochure.png) no-repeat;
}

#scrollableRegion{
float:left;
overflow:auto;
overflow-x:hidden;
width:670px;
height:350px;
}

#home #middleContent{
height:495px;
}

#home #rightContent{
height:495px;
}

#caravan_services #rightContent{
width:785px;
height:495px;
overflow:auto;
overflow-x:hidden;
}

#marine_services #rightContent{
width:785px;
height:495px;
overflow:auto;
overflow-x:hidden;
}

#middleContent #topContent{
float:left;
width:382px;
height:200px;
background:url(../img/marinePic.jpg) no-repeat;
}

#middleContent #topContentFooter{
float:left;
width:382px;
height:35px;
background:url(../img/marine_services.jpg) no-repeat;
margin-bottom:15px;
}

#rightContent #topContent{
float:left;
width:382px;
height:200px;
background:url(../img/caravanPic.jpg) no-repeat;
}

#rightContent #topContentFooter{
float:left;
width:382px;
height:35px;
background:url(../img/caravan_services.jpg) no-repeat;
margin-bottom:15px;
}

#bottomContent{
float:left;
height:240px;
}

#footer{
float:left;
width:805px;
height:55px;
border-top:1px solid #C5C0CA;
background:URL(../img/footer.jpg) no-repeat;
}

#caravan_services #footer{
background-color:#619A37;
}

#marine_services #footer{
background-color:#04579E;
}

#leftFooter{
float:left;
width:400px;
}

#rightFooter{
float:left;
width:385px;
}

#login{
border:1px dashed #000000;
background-color:#FFECEC;
margin:10px 10px 10px 20px;	
padding:5px 5px 5px 5px;
}

#clear{
clear:both;
}


a{
text-decoration:none;
color:#000000;
cursor:pointer;
}

#marine_services #leftContent a{
color:#ffffff;
}

#caravan_services #leftContent a{
color:#ffffff;
}

#middleContent a{
color:#000000;
}

#rightContent a{
color:#000000;
}

#footer a{
color:#FFFFFF;
}

#headerLeft a{
float:left;
margin-right:35px;
}

#headerLeft .home a{
background:url(../img/navigation/home2.png) no-repeat;
width:80px;
height:35px;
}

#headerLeft .home a:hover{
background:url(../img/navigation/home1.png) no-repeat;
}

#headerLeft .news a{
background:url(../img/navigation/news2.png) no-repeat;
width:80px;
height:35px;
}

#headerLeft .news a:hover{
background:url(../img/navigation/news1.png) no-repeat;
}

#headerLeft .contact a{
background:url(../img/navigation/contact2.png) no-repeat;
width:80px;
height:35px;
}

#headerLeft .contact a:hover{
background:url(../img/navigation/contact1.png) no-repeat;
}

#headerLeft .caravan_services a{
background:url(../img/navigation/caravan2.png) no-repeat;
width:80px;
height:35px;
}

#headerLeft .caravan_services a:hover{
background:url(../img/navigation/caravan1.png) no-repeat;
}

#headerLeft .marine_services a{
background:url(../img/navigation/marine2.png) no-repeat;
width:80px;
height:35px;
}

#headerLeft .marine_services a:hover{
background:url(../img/navigation/marine1.png) no-repeat;
}

#headerLeft .downloads a{
background:url(../img/navigation/downloads2.png) no-repeat;
width:80px;
height:35px;
}

#headerLeft .downloads a:hover{
background:url(../img/navigation/downloads1.png) no-repeat;
}


p{
margin:10px 20px 10px 20px;
font-size:0.7em;
color:#000000;
line-height:15px;
}

#bottomContent p{
color:#FFFFFF;
margin-left:10px;
}

h1{
margin:10px 20px 20px 20px;
font-size:1.1em;
}

#admin h1{
font-size:1.0em;
}

h2{
margin:30px 20px 10px 20px;
font-size:0.9em;
}

#admin h2{
margin:10px 10px 10px 20px;
font-size:0.8em;
}

h3{
margin:10px 10px 10px 10px;
font-size:0.8em;
}

ol{
list-style:none;
font-size:0.7em;
margin:10px 10px 10px 20px;
padding:0px 0px 0px 0px;
color:#000000;
}

#header #headerLeft ol{
margin:65px 0px 0px 0px;
float:left;
}

#header #headerLeft li{
display:inline;
margin:0px 0px 0px 0px;
}

ul{
list-style:none;
font-size:0.7em;
margin:10px 10px 10px 20px;
padding:0px 0px 0px 0px;
color:#000000;
}

#leftContent ol{
text-align:right;
margin:10px 20px 10px 10px;
font-size:0.7em;
}

#contact #middleContent ol{
font-weight:bold;
}

#leftContent li{
line-height:25px;
}

#contact #middleContent li{
line-height:18px;
}

#admin #rightContent li{
line-height:25px;
}

#header ol{
margin:80px 0px 10px 10px;
}

#header li{
display:inline;
margin:0px 10px 0px 10px;
}

#brochures #rightContent li{
line-height:50px;
}

#footer ol{
font-size:0.7em;
color:#FFFFFF;
margin:5px 0px 0px 10px;
float:left;
}

#footer li{
margin:5px 0px 5px 0px;
}


fieldset{
padding:0px 0px 10px 20px;
border:none;
}

.label{
display:block; 
font-size:0.7em; 
color:#000000;
margin:5px 20px 0px 20px;
padding:0px 0px 0px 0px;
}

#leftContent .label{
text-align:right;
margin:10px 20px 10px 10px;
font-size:0.7em;
}

#marine_services .label{
color:#04579E;
}

#caravan_services .label{
color:#619A37;
}

.textbox{
width:230px; 
height:18px; 
border:1px solid #cccccc; 
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
display:inline;
}

.textarea{
width:230px; 
height:65px; 
border:1px solid #cccccc;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
display:inline; 
}

.button{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.submitButt{
display:block;
width:auto; 
height:25px; 
border:1px solid #000000; 
margin:20px 10px 20px 20px;
padding:0px 5px 0px 5px;
}

.confirmButt{
display:inline;
width:auto; 
height:25px; 
border:1px solid #000000; 
margin:5px 5px 5px 5px;
padding:0px 5px 0px 5px;
}

.helpButton{
width:auto;
height:25px;
border:1px solid #000000;
margin:0px 0px 0px 20px;
display:inline;
}

.select{
margin:0px 0px 10px 20px;
}
 
.bold{
font-weight:bold;
}

.bullet{
margin:0px 10px 0px 0px;
}

.home{
color:#B07861;
}

.caravan{
color:#619A37;
}

.marine{
color:#04579E;
}

.homeBold{
color:#B07861;
font-weight:bold;
}

.caravanBold{
color:#619A37;
font-weight:bold;
}

.marineBold{
color:#04579E;
font-weight:bold;
}

.map{
margin:10px 10px 10px 15px;
}

.floatLeft{
float:left;
margin:10px 5px 10px 10px;
border:none;
}

.floatRight{
float:right;
margin:10px 5px 10px 10px;
border:none;
}

#brochures .floatLeft{
float:left;
margin:10px 10px 10px 20px;
}

#contentRight .floatLeft{
margin:10px 10px 10px 20px;
}

#gallery .floatLeft{
float:left;
border:none;
margin-left:20px;
}

#contact .floatLeft{
margin-left:0px;
}

.table{
margin:10px 10px 10px 10px;
}

/*Slide Show*/

#slideshow {
position:relative;
height:350px;
}
 
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
 
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
 
#slideshow IMG.last-active {
z-index:9;
}

#slideshow2 {
position:relative;
height:350px;
}
 
#slideshow2 IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
 
#slideshow2 IMG.active {
z-index:10;
opacity:1.0;
}
 
#slideshow2 IMG.last-active {
z-index:9;
}

/*End of Slide Show*/