/************ TEMPLATE STRUCTURE DIVS *************/

body #wrapper #container {
  width: 740px;
} 

#outerBox {
width: 740px;
margin: 0px auto;
background-color: #fff;
}


#container {
width: 740px;
margin: 0px auto;
background-color: #fff;
color: #333;
line-height: 130%;
background-image:url(/images/rp_bg.png);
background-repeat:repeat-y;
}

#innerContainer {
width: 738px;
margin:0 auto;
padding:0;

/*border-left:1px solid grey;
border-right:1px solid grey; */
}

#headerContainer {
height:89px;
}


/****** Header Navigation and elements **********/

#brandNav {
float:right;
height:50px;
/*width:404px;
background-image:url(/images/mainNavTest.jpg);
background-repeat:no-repeat; */
margin:0 10px 0 0;
/*padding: 0px;
background-image:url(/images/header_background.jpg);
height:63px;
margin-bottom:10px;
*/
}
#mainNav li.first {
padding:0 10px 0 0;
margin:0 5 0 0;
background-image:url(/images/mainNav_bg.png);
background-repeat:no-repeat;
background-position:right;
}

#mainNav li.menu-1-2-2 {
padding:0 10px 0 5px;
margin:0 5 0 0;
background-image:url(/images/mainNav_bg.png);
background-repeat:no-repeat;
background-position:right;
}

#mainNav li.menu-1-3-2 {
padding:0 10px 0 5px;
margin:0 5 0 0;
background-image:url(/images/mainNav_bg.png);
background-repeat:no-repeat;
background-position:right;
}

#mainNav li.menu-1-4-2 {
padding:0 10px 0 5px;
margin:0 5 0 0;
background-image:url(/images/mainNav_bg.png);
background-repeat:no-repeat;
background-position:right;
}


#mainNav li.last  {
padding:0 10px 0 5px;
margin:0 5 0 0;
}




/* Brand holder for logo in the header */
#brand {
padding: 0px;
background-image:url(/images/header_background.jpg);
height:79px;
margin:0;
text-align:right;
}





/* If needed for alignment this can be used for a rightside border */
.lnBorder {
border-right: 1px solid #cccccc;
}



/******* Left and Right Columns *******/
/* The rightside column */
#rightNav {
float: right;
width: 175px;
margin: 10px 0 0 0px;
padding:0px;
text-align:center;
border-right: 1px solid #cccccc;
}

/* The Leftside column */
#leftNav.sidebars {
float:left;
width: 150px;
margin: 20px 0 0 0px;
padding:0px;
border-right: 1px solid #cccccc;
text-align:center;
}


#leftNav.sidebar-right {}

/* Everything that exists between the header and the footer live here */
#bodyContent {
margin: 0 1px 0 1px;
padding:0px;
}

/* Holds the center column content where it needs to be */
#centerHolder {
width:395px; 
overflow:hidden;
margin:auto 0;
/*border:1px dashed red;
text-align:left; */

}

/* This is the class that gives the right side dashed border in the content area */
.bg {
width:365px;
overflow:hidden; 
background: url(/images/rp_bg2.png) top right repeat-y;
/* border:1px solid blue; */
margin:10px 0 -10px 30px;
/* width:390px;
overflow:hidden;
background: url(/images/centreColBG.gif) repeat-y; */
}

.bgHome {
/* width:545px;
overflow:hidden;
background: url(/images/rp_bg2.png) top right repeat-y; */
}



/* This is the modified content area for the gallery page, things are different due to the lack of a left column */

#galleryContent {
width:505px;
margin: 0 0 0 0;
background: url(/images/borderContentRight.gif) top right repeat-y;
}



/* I am almost certain that this can be removed, will revist */
#backGround {

}

/* Elements needed to form Footer element */

#footer {
clear: both;
margin: 10px 0 0 0;
padding: 0px;
background-image:url(/images/footer.jpg);
background-repeat:no-repeat;
height:10px;
}

#footerCopy a {
font:Arial, Helvetica, sans-serif;
color:#666666;
font-size:9px;
text-decoration:none;
text-transform:uppercase;
}

#footerCopy a:hover {
text-decoration:none;
color:#333333;
}


/* Div containing Main Navigation */
#mainNav {
float:right;
height:16px;
Margin-top:25px;
margin-right:5px;
font:Arial, Helvetica, sans-serif;
}

#mainNav a {
text-decoration:none;
font-size:10px;
color:#666666;
text-transform:uppercase;
}

#mainNav a:hover {
text-decoration:none;
font-size:10px;
color:#004D91;
text-transform:uppercase;
}



/* Center content class */
.stepdownBody {
/* margin:0 25px 0 25px; */
margin:0px;
width:350px;
}

.stepdownBody h2 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing: 0px;
font-weight:200;
line-height:24px;

}

.stepdownBody h2 a {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing: 0px;
font-weight:200;
line-height:24px;
text-decoration:none;
}

.stepdownBody h2 a{
text-decoration:underline;
}

.node h2 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing: 0px;
font-weight:200;
line-height:24px;

}

.node h2 a {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing: 0px;
font-weight:200;
line-height:24px;
text-decoration:none;
}

.node h2 a:hover {
text-decoration:underline;
}

.stepdownBody h3 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
letter-spacing: 0px;
font-weight:200;
}

.stepdownBody h4 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom:2px;
}

.stepdownBody h5 {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom:2px;
margin-top:0px;
}

.stepdownBody h6 {
color:#00488B;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:0px;
margin-top:15px;
}


.h7class {
color:#323232;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:.5px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
}

/* Right side bar class for block elements */
.rightSidebar  {
margin:0px auto 5px auto;
padding:0px;
}
/* Left side bar class for block elements */
.leftSidebar {
margin:10px auto 10px auto;
}
/* Three icon boxes for right side */
#threeBox {
margin:0px auto 5px auto;
width:134px;
}


/* ---------------- Header Tabs -------------- */

/* Book now | Contact | Home */

#tabs {
float:right;
margin:0px 20px 0 0;
padding:0px;
}

#main-nav { height: 16px; margin:0 20px 0 0; }
#main-nav dl { margin: 0; padding: 0; }
/* IE5 Mac Hack \*/ 
#main-nav { padding-right: 10px; } 
/**/ /* End Hack */
#main-nav { padding-right: 0px; overflow: hidden; } 
#main-nav dt { float: right; margin:0 0 0 2px; }
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:16px; /* IE 5/Win hack */ 
	padding: 16px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#main-nav dt a:hover {
	background-position: 0 -17px;
}
#main-nav .active, #main-nav .active a:link, #main-nav .active a:visited, #main-nav a:hover, #main-nav li:hover {
	background-position:0 -17px;
	color:#111;
	}

#main-nav dt#aboutus,
#main-nav dt#aboutus a { width: 58px; background-image: url(/images/aboutus.gif); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 69px; background-image: url(/images/contactus.gif); }

#main-nav dt#home,
#main-nav dt#home a { width: 58px; background-image: url(/images/home.gif); }



/* Footer Image for center column so border aligns in the middle correctly */

#specialFooter {
margin:10px 0 0 0;
padding:0;
text-align:center;
}


#footerswoosh {
margin:15px auto 0 auto;
/*text-align:center; */
}



/*************************  Text areas for Teaser Body & Rss in the admin Section **********************************/
#edit-teaser.form-textarea {width:240px;}
#edit-body.form-textarea {width:240px;}
#edit-rss.form-textarea {width:240px;}