/* Heading webpart*/
    .cms-heading { clear: both; padding: 5px 0 10px 0 }
    .cms-heading h3 { font-size: 1.4em; font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-weight: bold; color: #000; padding: 0; margin: 0;  }
/* end*/




/* Text&Image webpart*/
/* Text&Image webpart*/
    .cms-textandimage { font-size: 0.95em; clear:both;float:none;margin:0 0 10px 0}
    .cms-textandimage H3, .cms-textandimage H4 { color: #cd3300 !important; font-weight: bold; margin: 0px; padding: 0 0 10px ; }
.cms-textandimage H4 { color: #666}
    .cms-textandimage img {margin: 0}
	.cms-textandimage .image-box-left { float: left; margin: 0 5px 0 0; }
	.cms-textandimage .image-box-right { float: right; margin: 0 0 0 5px; }
/* end*/


.image-box-text { font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; text-align: center; background: #f4e8dc; padding: 5px;  }
/* end*/





 /*== if needed un-comment out next two blocks of code and delete display: to show image text boxes ========*/
.image-box {margin:0px; background:#e4e4e4;
	/*padding: 0px;
	margin-bottom: 17px;*/}


















/* Text webpart*/

/*--------- Intro text at top of the page -------*/
    .cms-text { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
    .cms-text a { text-decoration: none; }
    .cms-text a:hover { text-decoration: underline; }
/* end*/


/* Image webpart*/
    .cms-image { margin:0px; }
    .cms-image br{display:none}
  
  
  
  
  
  
  
  
  
  
  
  


/* BoxOut webpart*/
    .cms-boxout {  background: #faedcc; width: 200px; float:right;display: block; border: 0px solid #777777; margin: 2px 14px 2px 5px; padding: 3px; }
    .cms-boxout .title { color: #666; display: block; padding: 3px; font-size: 0.95em; line-height: 1.3em; font-weight: bold; }
    .cms-boxout .body { color: #666; display: block; padding: 5px;  font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; }
    .cms-boxout a { text-decoration: none; }
    .cms-boxout a:hover { text-decoration: underline; }
/* end*/









/* Links webpart*/

    .cms-links .banner { margin-top: -21px; }
    .cms-links .left { }
    .cms-links .right { }
    .cms-links-title { text-indent: 5px; font-size: 1.2em; font-family: Georgia, "Times New Roman" , Times, serif; font-weight: bold; letter-spacing: 0.9px; color: #fff; margin-top: 15px; padding-top: 5px; padding-bottom: 5px; margin-left: 12px; background: #01285d; height: 1.3em; width: 95%; }
    .cms-links .content { clear: both; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.95em; float: left; text-indent: 0px; text-align: left; background: #ffffff; min-height: 3.8em; min-width: 350px; border: none; width: 92%; line-height: 1.3em; }
    .cms-links p { background: #ffffff; text-align: left; padding: 0px; margin: 0px 0px 0px 0px; }
    .cms-links ul li { list-style-type: none; margin-left: -26px; }
    /* ie6 hack (valid)*/
    /*\*/* html .cms-links { background: #EFEFEF url(Images/contentpage/linksbg.gif) repeat-x top left; min-height: 3.8em; float: left; position: relative; margin-left: 2px; border: none; }
    /**/
/* end*/


/* Documents webpart*/
    .cms-documents { display:block;clear:both;background: #ffffff; min-height: 2.0em; display: block; float: left; margin: 5px 0 20px 5px; padding: 6px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; border: 1px solid #737373; width: 92%; }
    .cms-documents a { color: #658bc0; text-decoration: underline; }
    .cms-documents a:hover { color: #000000; text-decoration: none; }
/* end */


/* Flash mediaparts*/
    .cms-flash-text { display: block; margin-top: 6px; margin-left: 20px; }
/* end */


/* Highlight webpart*/
    .cms-highlight { clear: both; background: #e5e9ee; color: #000000; display: block; margin: 2px 14px 2px 5px; padding: 10px 10px 12px 11px; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; font-weight: normal; line-height: 1.3em; width: 91%; }
/* end*/


/* Media mediapart*/
    .cms-media { clear: both; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; font-weight: normal; line-height: 1.3em; text-indent: 0px; list-style-type: none; color: #747474; width: 90%; padding-left: 15px; padding-right: 10px; }
    .cms-media a { margin-bottom: 20px; color: #658bc0; text-decoration: underline; }
    .cms-media p a { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; font-weight: normal; line-height: 1.3em; text-decoration: underline; }
    .cms-media a:hover { color: #FF9900; text-decoration: none; }
/* end */


/* FeedBack webpart*/
    .cms-form { display: block;float:left;clear:both; width: 94%; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; line-height: 1.3em; }
    .cms-form {  border: 1px solid #CCC; padding: 5px; }
    .cms-form H3 { color: #747474; padding: 0px; margin: 5px 0px 0px 0px; }
    .cms-form span.fieldlabel, .cms-form label.fieldlabel { float: left; width: 140px; color: #747474; clear: left; font-weight: bold; }
    .cms-form span.field { float: left; width: 240px; text-align: left; color: #747474; margin-bottom: 10px; }
    .cms-form textarea.field { border: 1px solid #CCC; font: 1em Verdana, Helvetica, sans-serif; width: 180px; }
    .cms-form input.field, .cms-form select.field { border: 1px solid #CCC; width: 180px; font: 1em Verdana, Helvetica, sans-serif; }
    .cms-form input.hiddenfield { display: none; }
    .cms-form img.helpicon { display: inline; vertical-align: middle; cursor: pointer; float: left; padding: 3px 5px 0px 0px; }
    .cms-form span.fielderror { padding: 0px; display: inline; clear: both; color: red; }
    .cms-form span.fieldrequiredmarker { color: red; font: 0.8em Arial, Helvetica, sans-serif; }
    .cms-form input.button { clear: both;display:block; }
/* end */

/* Profile (mode A)webpart*/
.cms-profile-a { float: left; width: 300px; border: 0px solid #777777; height: auto; background: #e5e9ee; margin-left: 8px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; padding-bottom: 8px; overflow: hidden; }




.cms-profile-a a { float: left; color: #777777; text-decoration: none; }

.cms-profile-a a:hover { color: #ff9900; text-decoration: none; }

.cms-profile-a .title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.95em; height: 15px; width: auto; margin-top: 13px; margin-bottom: 10px; font-weight: bold; }

.cms-profile-a .title a { margin-left: 96px; }


/*surrounding box*/
.cms-profile-a .image { float: left; margin-left: 15px; margin-top: -25px; width: 70px; height: 70px; border: 1px solid #d0d1d1; background: #FFF; }
/*gif image*/

.cms-profile-a .image img { float: left; width: 70px; height: 70px; }


.cms-profile-a .body { height: 100%; width: 100%; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }

.cms-profile-a .body .text { float: left; margin: 15px 5px 0px 10px; width: 190px; }


.cms-profile-a .body .text a { float: left; color: #747474; text-decoration: none; }

.cms-profile-a .body .text a:hover { color: #ff9900; text-decoration: underline; float: left; }


.cms-profile-a .body .text a:hover { }


.cms-profile-a .footer { display: none; }









/*end*/
/*Start is the first left quote and right its the final right quote!*/

.cms-profile-a .body .pullquote div.start { float: left; }
/*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; float:left;}*/
.cms-profile-a .body .pullquote div.end { float: right; }
/*background:url(images/end_quote.gif); width:24px ;height:13px;display:block; float:right;}*/


.cms-profile-a .body .pullquote { position: relative; left: 28px; top: 20px; width: 190px; }



.cms-profile-a .body .pullquote a { position: relative; left: 14px; color: #747474; text-decoration: none; }



.cms-profile-a .body .pullquote a:hover { color: #FF9900; text-decoration: underline; }


.cms-profile-a .body .pullquote div.start { float: left; }



.cms-profile-a .body .pullquote div.end { float: right; }
/*background:url(images/end_quote.gif); width:24px ;height:13px;display:block; float:right;}*/



.cms-profile-a .footer { display: none; }
/*end*/

/*END OF PROFILE A*/

/* Profile (mode B)webpart*/
.cms-profile-b { clear: both; float: left; background: #e5e9ee; width: 53%; margin-left: 8px; margin-top: 5px; margin-right: 20px; margin-bottom: 20px; border: 0px solid #e5e9ee; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
.cms-profile-b a { float: left; width: 100%; text-align: center; color: #777777; text-decoration: none; }
.cms-profile-b a:hover { color: #ff9900; text-decoration: none; }


/*surrounding box*/
.cms-profile-b .image { float: left; margin: 10px 20px 5px 43px; width: 70px; height: 70px; border: 1px solid #d0d1d1; background: #FFF; }
/*gif image*/

.cms-profile-b .image img { float: left; width: 70px; height: 70px; }





.cms-profile-b .title { font-weight: bold; text-align: center; }
.cms-profile-b .body { padding-top: 20px; height: 100%; }

.cms-profile-b .body .text { text-align:center; clear: both; width: auto; margin-left: 12px; margin-right: 12px; padding-top: 20px; color: #747474; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
.cms-profile-b .text a { color: #747474; text-decoration: none; }
file-b .text a:hover { color: #747474; text-decoration: underline; }










.cms-profile-b .pullquote { clear: both; padding-top: 15px; padding-left: 20px; padding-right: 20px; color: #747474; width: 130px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
.cms-profile-b .body .pullquote a { color: #747474; text-decoration: none; float: left; }
.cms-profile-b .body .pullquote a:hover { color: #FF9900; text-decoration: underline; }
.cms-profile-b .body .pullquote div.start { }








/*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; float:left;}*/
.cms-profile-b .body .pullquote div.end { float: right; }
.cms-profile-b { }


.cms-profile-b .footer { display: none; }
/* end*/







/* Google maps webpart */

.cms-gmap { clear: both; width: 409px; }


#map { clear: both; height: 400px; }
/* header area */
.cms-gmap .header { /* controls the map starting location text */ clear: both; float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background: #336699; font-size: 1em; width: 100%; height: 30px; }




/*------background for h3 heading text-------*/
.cms-gmap .header .left { clear: both; float: left; height: 1.7em; width: 30%; background: #01285d; padding: 5px; }



/*--------Get Directions Header text------*/
.cms-gmap .header .left H3 { clear: both; font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; font-size: 1.1em; width: 100%; height: 2.5em; padding-left: 3px; color: #ffffff; margin-top: 0px; }


.cms-gmap .header .right { float: right; height: 2.5em; width: 280px; background: #01285d; font-size: 1em; margin-left: 112px; margin-top: -30px; }





/* directions form styles the width */
.cms-gmap .header .right .form { float: left; border-top: 1px dotted #666; padding: 2px 0px 0px 10px; clear: both; width: 200px; }


/*-------Styles the text (start location)--------*/
.cms-gmap .header .right .form label { clear: both; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; float: left; display: block; padding: 5px 6px 0px 0px; font-size: 0.95em; color: #fff; }





/*--------input text area----*/
.cms-gmap .header .right .form input { clear: both; position: relative; right: -107px; top: -19px; width: 125px; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; }





/* to hide the text in the link below (if you want to use a background image) set the text size to 0.001px or something)*/


/*----go button-------*/

.cms-gmap .header a { position: relative; left: 239px; top: -40px; display: block; width: 24px; height: 18px; padding: 1px; text-align: center; background: #ff9900; color: #FFF; font-size: 0.95em; }



/*----go button hover--------*/
.cms-gmap .header a:hover { text-decoration: none; }










/* bubble pop-up to tell user something didnt work */
.cms-gmap .tipholder { height: 0px; position: relative; top: 0px; left: 0px; z-index: 1500; float: left; }
.cms-gmap .tipholder .tip { display: none; float: left; width: 256px; height: 0px; position: relative; bottom: 10px; left: 10px; z-index: 1200; background-color: Transparent; }
.cms-gmap .tipholder .tip .footer { display: block; float: left; width: 266px; height: 6px; background: transparent url(Images/googlemaps/tipfooter.png) no-repeat; overflow: hidden; background-color: Transparent; }
.cms-gmap .tipholder .tip .header { display: block; float: left; width: 266px; height: 13px; background: transparent url(Images/googlemaps/tipheader.png) no-repeat; overflow: hidden; }
/* ie6 hack (validates) */
/*\*/
* html .cms-gmap .tipholder { float: left; height: 0px; position: relative; top: 0px; left: 120px; z-index: 1500; }
* html .cms-gmap .tipholder .tip { display: none; float: left; width: 266px; height: 0px; position: absolute; top: 20px; left: -480px; z-index: 1200; background-color: Transparent; }
* html .cms-gmap .tipholder .tip .footer { display: block; float: left; width: 266px; height: 6px; background: transparent url(Images/googlemaps/tipfooter.gif) no-repeat; overflow: hidden; background-color: Transparent; }
* html .cms-gmap .tipholder .tip .header { display: block; float: left; width: 266px; height: 13px; background: transparent url(Images/googlemaps/tipheader.gif) no-repeat; overflow: hidden; }
/**/
.cms-gmap .tipholder .tip .body { display: block; float: left; width: 254px; min-width: 0px; height: auto; background-color: #FFF; background-image: none; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0px 5px 0px 5px; }
/* end */
/* body area- contains map & imfo panels */
.cms-gmap .body { border: 4px solid #01285d; }
.cms-gmap .body .left { }
.cms-gmap .body .right { }
/* map area */
.cms-gmap .body .left .right .map { }
/* This rule helps position the copyright info in the map window */
.cms-gmap .body .left .right .map div span { display: none; }
/* end */
/* info block/directions blocks */
.cms-gmap .body .left .right .info { font-family: Georgia, "Times New Roman" , Times, serif; padding: 10px; font-size: 0.9em; margin: 0px 0px 0px 0px; }
.cms-gmap .body .left .right .info H3 { font-family: Georgia, "Times New Roman" , Times, serif; font-size: 1em; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }



.cms-gmap #directions { border: 1px dotted #666; }
/* end */
/* end */
/* footer */
.cms-gmap .footer { }
.cms-gmap .footer .left { }
.cms-gmap .footer .right { }
/* end */
/* end*/
















/* PlacestoVisit webpart */

.cms-places { float: left; }
.cms-places .info .header { }
.cms-places .info .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .info .header div { }
.cms-places .info .body { padding: 5px; }
.cms-places .info .body .title { font-weight: bold; }
.cms-places .info .body .text { padding: 0 0 0 5px; }
.cms-places .info .footer { }
.cms-places .info .footer div { }
.cms-places .amenities .header { }
.cms-places .amenities .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .amenities .header .title span { display: none; }
.cms-places .amenities .header .title span a:link, .cms-places .amenities .header .title span a:visited, .cms-places .amenities .header .title span a:active, .cms-places .amenities .header .title span a:hover { }
.cms-places .amenities .header div { }
.cms-places .amenities .body { padding: 5px; }
.cms-places .amenities .body img { margin: 3px; }
.cms-places .amenities .footer { }
.cms-places .amenities .footer div { }
.cms-places .events .header { }
.cms-places .events .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .events .header div { }
.cms-places .events .body { padding: 5px; }
.cms-places .events .body a:link, .cms-places .events .body a:visited, .cms-places .events .body a:active, .cms-places .events .body a:hover { color: #ff9900; }
.cms-places .events .footer { }
.cms-places .events .footer div { }
.cms-places .links .header { color: #000000; }
.cms-places .links .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .links .header div { }
.cms-places .links .body { padding: 5px; }
.cms-places .links .body ul { }
.cms-places .links .body ul li { }
.cms-places .links .body ul li a:link, .cms-places .links .body ul li a:visited, .cms-places .links .body ul li a:active, .cms-places .links .body ul li a:hover { }
.cms-places .links .footer { }
.cms-places .links .footer div { }
/* end*/


/* CrossPromo webpart */

.cms-crosspromo { }
.cms-crosspromo .header { }
.cms-crosspromo .header .title { }
.cms-crosspromo .header div { }
.cms-crosspromo .body { }
.cms-crosspromo .body div { }
.cms-crosspromo .body div .pullquote { }
.cms-crosspromo .body div .pullquote .start { }
.cms-crosspromo .body div .pullquote .end { }
.cms-crosspromo .body div .text { }
.cms-crosspromo .body div .links { }
.cms-crosspromo .body div .links ul { }
.cms-crosspromo .body div .links ul li { }
.cms-crosspromo .body div .links ul li a:link, .cms-crosspromo .body div .links ul li a:active, .cms-crosspromo .body div .links ul li a:visited, .cms-crosspromo .body div .links ul li a:hover { }
.cms-crosspromo .footer { }
.cms-crosspromo .footer div { }
/* end*/










/* Page Import webpart */

.cms-importcontent { }
.cms-importcontent iframe { border: 0px; }
.cms-importcontent .image-box { }
/* Ad banner */

.cms-adbanner { text-align: center; background: #DEDEDE url(Images/rhs_box_background.gif) repeat-x; margin-right: 2px; width: 345px; height: 60px; }
/* Focus On Group */

.Box-FocusOn-Group { clear: both; float: left; width: 100%; }
.Box-FocusOn-Left { width: 49.5%; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; float: left; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn-Left .Banner { background: transparent url(Images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; color: #9cb454; text-align: center; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn-Left .Banner .Left { }
/* <span> in the above style to show Control title/ page title */
.Box-FocusOn-Left .Banner .Title { padding-left: 10px; font-weight: bold; line-height: 32px; }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn-Left .Banner .Right { }
/* End  */

/* User Control Footer areas */
.Box-FocusOn-Left .Footer { background: transparent url(Images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; text-align: center; }
.Box-FocusOn-Left .Footer .Left { background: transparent url(Images/appfooter_left.gif) no-repeat top left; text-align: center; float: left; font-weight: bold; width: 100%; }
.Box-FocusOn-Left .Footer .Right { background: transparent url(Images/appfooter_right.gif) no-repeat top right; height: 13px; text-align: left; float: right; width: 6px; }
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn-Left .Body { font-size: 0.9em; line-height: 1.4em; text-align: center; float: left; }
/* Used to show left edge repeating background image */
.Box-FocusOn-Left .Body .Left { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-FocusOn-Left .Body .Content { border-top: 1px solid #c8c8c8; margin: 0px 4px 0px 4px; padding: 10px; text-align: center; float: left; background: #FFF; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content .Text { float: left; font-weight: bold; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content a { display: block; text-align: center; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content label { display: block; font-weight: bold; width: 100%; clear: both; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Right { background: #DEDEDE; }
.Box-FocusOn-Right { width: 49.5%; background: #DEDEDE url(Images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; float: right; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn-Right .Banner { background: transparent url(Images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; color: #9cb454; text-align: center; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn-Right .Banner .Left { }
/* <span> in the above style to show Control title/ page title */
.Box-FocusOn-Right .Banner .Title { padding-left: 10px; font-weight: bold; line-height: 32px; }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn-Right .Banner .Right { }
/* End  */

/* User Control Footer areas */
.Box-FocusOn-Right .Footer { background: transparent url(Images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; text-align: center; }
.Box-FocusOn-Right .Footer .Left { background: transparent url(Images/appfooter_left.gif) no-repeat top left; text-align: center; float: left; font-weight: bold; width: 100%; }
.Box-FocusOn-Right .Footer .Right { background: transparent url(Images/appfooter_right.gif) no-repeat top right; height: 13px; text-align: left; float: right; width: 6px; }
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn-Right .Body { font-size: 0.9em; line-height: 1.4em; text-align: center; float: left; }
/* Used to show left edge repeating background image */
.Box-FocusOn-Right .Body .Left { }

.Box-FocusOn .Right .Body .Left .Right .Content .Text { }



/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-FocusOn-Right .Body .Content { border-top: 1px solid #c8c8c8; margin: 0px 4px 0px 4px; padding: 10px; text-align: center; float: left; background: #fff; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content .Text { float: left; font-weight: bold; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content a { display: block; text-align: center; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content label { display: block; font-weight: bold; width: 100%; clear: both; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Right { background: #DEDEDE; }