/* <general> */
body {
    color: #fff;
    margin: 0;
    background-color: #21506a;
    text-align: center;
}

a:link,
a:visited {
    color: #fff;
    text-decoration: none;
}

div {
    text-align: left;
}

.superscript {
    font-size: 70%;
}

#container_top {
    background-image: url('images/bg_body.jpg');
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
}

/* </general> */
/* <pageLayout> */

#container_page {
    position: relative;
    top: 0;
    left: 0;
    width: 765px;
    margin: 0 auto;
    padding: 0;
}

#container_left {
    position: relative;
    float: left;
    width: 509px;
    margin-right: -100%;
}

#container_latestScoop {
    position: relative;
    top: 0;
    float: right;
    margin-top: -3px;
    right: 11px;
    width: 224px;
    padding: 10px 0 0 0;
    background-image: url('images/bg_rsb.gif');
}

#container_rsb {
    position: relative;
    color: #21506a;
    left: 510px;
    top: 14px;
    width: 251px;
    margin-left: -3px;
}

#container_rsb ul,
#container_rsb div {
    text-align: right;
}

/* </pageLayout> */
/* <globalNavigation> */

#container_gnav {
    height: 22px;
    padding-top: 32px;
}

/* remove padding and margin on the global nav ul for layout purposes */
ul#gnav {
    margin: 0;
    padding: 0;
}

/* display the list items in inline style rather than traditional list style */
ul#gnav li {
    display: inline;
}

/* apply the background image for global nav items not selected or hovered over */
ul#gnav li a:link,
ul#gnav li a:visited {
    padding-left: 14px;
    background-image: url('images/gnav_li_bluebg.gif');
    background-repeat: no-repeat;
    background-position: center left;
}

/* apply the darker font color to selected, or items being hovered over */
ul#gnav li.selected a:link,
ul#gnav li.selected a:visited,
ul#gnav li a:hover {
    color: #005825;
}

/* apply the padding, font size, and letter spacing for global nav link text */
ul#gnav li a:link,
ul#gnav li a:visited {
   padding: 5px 12px 5px 16px;
    font-size: 12px;
    letter-spacing: -1px;
}

/* the below "gnav" definitions are for the appearance of the global navigation
   links when either selected, or when the mouse pointer hovers over them. */

ul#gnav li#gnavHome a:hover,
ul#gnav li#gnavHome.selected a:link,
ul#gnav li#gnavHome.selected a:visited {
    background-image: url('images/bg_gnav-tab_home.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

ul#gnav li#gnavAbout a:hover,
ul#gnav li#gnavAbout.selected a:link,
ul#gnav li#gnavAbout.selected a:visited {
    background-image: url('images/bg_gnav-tab_about.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

ul#gnav li#gnavMedia a:hover,
ul#gnav li#gnavMedia.selected a:link,
ul#gnav li#gnavMedia.selected a:visited {
    background-image: url('images/bg_gnav-tab_media.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

ul#gnav li#gnavEvents a:hover,
ul#gnav li#gnavEvents.selected a:link,
ul#gnav li#gnavEvents.selected a:visited {
    background-image: url('images/bg_gnav-tab_events.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

ul#gnav li#gnavWhatido a:hover,
ul#gnav li#gnavWhatido.selected a:link,
ul#gnav li#gnavWhatido.selected a:visited {
    background-image: url('images/bg_gnav-tab_booking.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

ul#gnav li#gnavGallery a:hover,
ul#gnav li#gnavGallery.selected a:link,
ul#gnav li#gnavGallery.selected a:visited {
    background-image: url('images/bg_gnav-tab_gallery.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

ul#gnav li#gnavContact a:hover,
ul#gnav li#gnavContact.selected a:link,
ul#gnav li#gnavContact.selected a:visited {
    background-image: url('images/bg_gnav-tab_contact.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

/* </globalNavigation> */
/* <header> (banner area) */
#container_header {
    position: relative;
    float: left;
    height: 139px;
    font-size: 0px;
    padding: 0;
}

#bannerImage {
    margin: 80px 0 0 0;
    padding: 0;
}

/* </header> */
/* <contentArea> */

#container_content {
    position: relative;
    float: left;
    color: #000;
    width: 494px;
    background-color: #fff;
    padding: 0 0 15px 10px;
    margin: 0;
    /* this background image lines up with the bottom of the background image on the body */
    background-image: url('images/bg_content.gif');
    background-position: top left;
    background-repeat: repeat-x;
}

/* The style for H1 tags in the content area (i.e. "Welcome!" on the home page) */
#container_content h1 {
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 22pt;
    padding: 0 0 0 35px;
    margin: 20px 0 15px 0;
    color: #21506a;
    background-image: url('images/bg_h1.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
}
#container_content h2 {
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 18pt;
    padding: 0 0 0 0;
    margin: 15px 0 0 0;
    color: #21506a;
}
#container_content h3 {
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 14pt;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    color:#000000; 
}
#container_content h4 {
    font-weight: normal;
    letter-spacing: -1px;
	font-style:italic;
    font-size: 12pt;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    color:#21506a; 
}
#container_content ul {
    margin:0;
    padding:0 0 0 30px;
    list-style-type:none;
}
#container_content ul li {
	background-image:url('images/ulbullet.png');
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 15px;
}
#container_content .eventSeperator {
    margin:10px 0 10px 0;
	border-bottom:1px dotted #21506a;
}
/* set the link styles for the content and right side bar areas */
#container_content a:link,
#container_content a:visited,
#container_rsb a:link,
#container_rsb a:visited {
    color: #618b00;
    padding-left: 9px;
    background-image: url('images/bg_hyperlink.gif');
    background-repeat: no-repeat;
    background-position: top left;
    white-space: nowrap;
    border-bottom: 1px dotted #618b00;
    /* NOTE: Internet Explorer has an issue with background images on inline
       elements, where if it wraps to another line (event with white-space: nowrap),
       it would center the background image between the two lines.  The image has
       a few transparent pixels above it and is aligned top.  The disadvantage is
       that no image is visible in I.E. 6 if the element wraps to another line, but
       this is certainly significantly better than the image showing up between
       the two lines. */
}

/* set the link *hover* styles for the content and right side bar areas */
#container_rsb a:hover,
#container_content a:hover {
    color: #003552;
    border-bottom: 1px dotted #003552;
}

/* styles for the large quote in the content area (i.e. on the home page) */
#container_content .largeQuote {
    font-size: 20px;
    text-align: center;
    color: #7f7f7f;
    padding: 0 20px 0 20px;
    margin: 0 0 20px 0;
}
/* styles for What I Do Page */
.categoryContainer {
	width:490px;
	height:auto;
	padding:0 10px 20px 10px;
	margin-bottom:10px;
	border: 1px solid #759b1e;
	background: #f3ffd8;
}
.categoryContainer h2 {
	margin:0;
	padding:0;
}
.categoryContainer img.thumbnail {
	width:100px;
	height:100px;
	float:left;
	padding:15px 20px 15px 0;
}
/* ************************* */

/* styles for contact page */
#container_content #comment_box {
	width: 494px;
	float: left;
	margin: 10px 0 0px 0;
	border: 1px solid #759b1e;
	background: #f3ffd8;
	font-size: 11px;
	line-height: 17px;
}
#container_content #comment_box h2 {
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 18pt;
    padding: 0 0 0 10px;
    margin: 15px 0 5px 0;
    color: #21506a;
}
#container_content #comment_box #fieldarea {
	margin: 0 15px 5px 15px;
}
#container_content ul.iconLinks li {
	list-style-type:none;
    padding:3px 0 3px 0;
	margin:0;
}
.phonelink {
    font-weight:bold;
	color: #21506a;
	background-image:url('images/phone_icon.gif');
	background-position:center left;
	background-repeat:no-repeat;
	padding:0 5px 0 20px;
}
.emaillink {
    font-weight:bold;
	color: #21506a;
	background-image:url('images/email_icon.gif');
	background-position:center left;
	background-repeat:no-repeat;
	padding:0 5px 0 20px;
}
/* </contentArea> */
/* <rightSideBar> */
#container_rsb #rsbTallPhoto {
	margin-top:-4px;
}
/* styles for the header div for the "Latest Scoop" section */
#container_rsb #latestScoopHeader {
    font-size: 21px;
    background-color: #f3ffd8;
    width: 168px;
    margin: 0 8px 0 8px;
    padding: 10px 0 5px 40px;
    text-align: left;
    background-image: url('images/bg_latest_scoop_header.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
}

/* layout styles for the "Latest Scoop" UL, which is under the header div */
#container_rsb #latestScoopList {
    color: #555555;
    background-color: #f3ffd8;
    width: 208px;
    margin: 0 8px 84px 8px;
    padding: 8px 0 0 0;
    list-style-type: none;
}

/* styles for list items in the Latest Scoop list */
#container_rsb #latestScoopList li {
    padding: 0 9px 30px 0;
}

/* styles for nested list items in the Latest Scoop list (i.e. Dates) */
#container_rsb #latestScoopList li li {
    list-style-type: none;
    padding: 0;
}

/* styles for an item's title in the Latest Scoop list */
#container_rsb #latestScoopList .lslTitle {
    display: inline;
    color: #21506a;
    padding: 0 0 0 15px;
    background-image: url('images/latest_scoop_li.gif');
    background-position: center left;
    background-repeat: no-repeat;
}

/* spacing for the "read more" link */
#container_rsb #latestScoopList .readMoreLink {
    margin-top: 15px;
}
/* SUB NAVIGATION ON INNER PAGE STYLES */
#container_rsb #container_SubNav {
    background-color: #f3ffd8;
    width: 175px;
    margin: 0 8px 15px 30px;
    padding: 8px 0 10px 15px;
    list-style-type: none;
	
}
#container_rsb #subNavTitle {
	font-size: 21px;
    background-color: #f3ffd8;
	text-align:center;
	border-bottom:1px solid #f3ffd8;
	padding:0;
	margin:0 0 10px 0;
}
#container_rsb #subNav {
    background-color: #f3ffd8;
    padding:0;
    list-style-type: none;
	text-align:left;
}
/* </rightSideBar> */

/* <footer> */

/* styles and layout code for the footer container */
#container_footer {
    position: relative;
    font-size: 8pt;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 25px 0;
    text-align: center;
    background-color: #21506a;
}

/* styles and spacing for the copyright text area in the footer */
#container_footer #copyright {
    padding: 13px 0 0 0;
    text-align: center;
}

/* styles and spacing for the fnav (footer nav) UL */
#container_footer #fnav
{
    padding: 0;
    margin: 5px 0 0 0;
}

/* styles and spacing for the fnav list items */
#container_footer #fnav li {
    display: inline;
    padding: 0 10px 0 10px;
    border-right: 1px solid #cecece;
}

/* remove the padding on the left of the first list item in the fnav list */
#container_footer #fnav li.firstItem {
    padding: 0 10px 0 0;
}

/* remove the padding and border on the right of the last list item in the fnav list */
#container_footer #fnav li.lastItem {
    border-right: none;
    padding: 0 0 0 10px;
}

/* link styles for links in the fnav list */
#container_footer #fnav a:link,
#container_footer #fnav a:visited {
    color: #cecece;
}

/* hover styles for the links in the fnav list */
#container_footer #fnav a:hover {
    text-decoration: underline;
}

/* </footer> */