/* Top Nav */
.navholder {width:748px; }
.navholder a {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }
.navholder ul {margin:0;padding:0;}
.navholder ul li { text-align:center; height: 42px;display:block; float:left;}

.navholder ul li.home,.navholder ul li.home a{width:58px;background:url(images/nav/Home.gif);height:34px;display:block;}
.navholder ul li.home a{padding-top:8px;}
.navholder ul li.home a:hover{background:url(images/nav/Home_hover.gif);height:34px;}
.navholder ul li.home_on a{width:58px;background:url(images/nav/Home_active.gif) no-repeat;height:40px;text-align:center;color:#13528e;padding-top:8px;display:block;}

.navholder ul li.sparetab1 a:hover{background:url(images/nav/Downloads_hover.gif);height:34px;}
.navholder ul li.sparetab1_on a,.navholder ul li.sparetab1_on{background:url(images/nav/Downloads_active.gif) center;height:42px;text-align:center;color:#13528e;padding-top:8px;}
.navholder ul li.sparetab1,.navholder ul li.sparetab1 a{width:84px;background:url(images/nav/Downloads.gif);text-align:center;height:42px;}
.navholder ul li.sparetab1 a{padding-top:8px;}
.navholder ul li.sparetab2,.navholder ul li.sparetab2 a,.navholder ul li.sparetab2_on a{}

/* Nav set widths */
.navholder ul li.placestovisit,.navholder ul li.placestovisit a,.navholder ul li.placestovisit_on a{width:102px;}
.navholder ul li.thingstodo,.navholder ul li.thingstodo a,.navholder ul li.thingstodo_on a{width:102px;}
.navholder ul li.placestostay,.navholder ul li.placestostay a,.navholder ul li.placestostay_on a{width:120px;}
.navholder ul li.whatson,.navholder ul li.whatson a,.navholder ul li.whatson_on a{width:90px;}
.navholder ul li.howtogethere,.navholder ul li.howtogethere a,.navholder ul li.howtogethere_on a{width:120px;}
.navholder ul li.contact,.navholder ul li.contact a,.navholder ul li.contact_on a{width:69px;}

.navholder ul li.placestovisit a:hover,.navholder ul li.thingstodo a:hover,.navholder ul li.placestostay a:hover,.navholder ul li.whatson a:hover,.navholder ul li.howtogethere a:hover,.navholder ul li.contact a:hover,.navholder ul li.sparetab2 a:hover{display:block;float:left;background:url(images/nav/on_bg.gif);height:34px;padding-top:8px;}
.navholder ul li.placestovisit a,.navholder ul li.thingstodo a,.navholder ul li.placestostay a,.navholder ul li.whatson a,.navholder ul li.howtogethere a,.navholder ul li.contact a,.navholder ul li.sparetab2 a,ul li.sparetab1_on a{display:block;float:left;background:url(images/nav/off_bg.gif) right;height:34px;display:block;float:left;text-align:center;padding-top:8px;}
.navholder ul li.placestovisit_on a,.navholder ul li.thingstodo_on a,.navholder ul li.placestostay_on a,.navholder ul li.whatson_on a,.navholder ul li.howtogethere_on a,.navholder ul li.contact_on a,.navholder ul li.sparetab2_on a{display:block;float:left;background:url(images/nav/active_bg.gif) center;height:34px;text-align:center;color:#13528e;padding-top:8px;}
/* Vertical (secondary) Navigation styles - LHS*/

.LeftPane .Nav-y{float:left;width:150px;margin:0 0 0 2px;background:url(images/template/nav/lhs/bottom.gif) bottom no-repeat;padding:0;}		

/* ie6 hack (validates) */
/*\*/ * html  .LeftPane .Nav-y{float:left; width: 151px; margin:0 0 0 1px;}

/* header */
.LeftPane .Nav-y .Header{width:100%;height:1px;background:#306b6f;}
.LeftPane .Nav-y .Header .Left{display:none;}
.LeftPane .Nav-y .Header .Title{display:none;}
.LeftPane .Nav-y .Header .Right{display:none;}
    
/* body */
.LeftPane .Nav-y .Body .Left{background:transparent url(images/appbody_left.gif) repeat-y;text-align:left;height:auto;}
.LeftPane .Nav-y .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right;}
.LeftPane .Nav-y .Body .Content{margin:0;padding:0 0 8px;text-align:left;background:url(images/template/nav/lhs/lhs_nav_content_bot.gif) repeat-x bottom;}    

/* first group */
.LeftPane .Nav-y .Body ul{margin:0;padding:0;list-style:none;list-style-type:none;}
.LeftPane .Nav-y .Body li{color:#FFF;margin:0;padding:0;border-bottom:1px solid #2c6266;}
.LeftPane .Nav-y .Body ul li a{color:#FFF;font-size:80%;font-weight:700;background:#36accd;text-decoration:none;display:block;padding:3px 5px 5px 8px;}
.LeftPane .Nav-y .Body ul li a:hover{color:#444;font-size:80%;font-weight:700;background:#c7dbf4;text-decoration:underline;display:block;padding:3px 5px 5px 8px;}
.LeftPane .Nav-y .Body ul li.Selected{color:#444;margin:0;padding:0;border:none!important;}
.LeftPane .Nav-y .Body ul li.Selected a{color:#5d5d5d;text-decoration:none;display:block;background:#fff;padding:3px 5px 5px 8px;font-weight:700;}
.LeftPane .Nav-y .Body ul li.Selected a:hover{color:#5d5d5d;text-decoration:underline;display:block;background:#fff;padding:3px 5px 5px 8px;font-weight:700;}
.LeftPane .Nav-y .Body ul li.Selected li{border:none!important;margin:0;padding:0;}
.LeftPane .Nav-y .Body ul li.Selected ul{margin:0;}
.LeftPane .Nav-y .Body ul li.Selected li a{background:#eee;font-weight:400!important;}
.LeftPane .Nav-y .Body ul li.Selected li a:hover{text-decoration:underline;background:#eee;}
  
/* second group */
.LeftPane .Nav-y .Body ul ul{margin:0;padding:0;}
.LeftPane .Nav-y .Body ul ul li{background:#fff;color:#000;margin:0;padding:0;border:1px #000 solid;}
.LeftPane .Nav-y .Body ul ul li.Sub{margin:0;border:1px #a5a5a5 solid;}
.LeftPane .Nav-y .Body ul ul li.Sub a{margin:0;color:#000;padding:5px 0 5px 10px;text-decoration:none;font-weight:400;background:#eee;border-top:1px solid #a5a5a5;}
.LeftPane .Nav-y .Body ul ul li.Sub a:hover{margin:0;color:#237acc;padding:5px 0 5px 10px;background:#fff;text-decoration:underline;}

.LeftPane .Nav-y .Body ul ul li.Sub_on{margin:0;border:1px #a5a5a5 solid; background-color:#FFFFFF}
.LeftPane .Nav-y .Body ul ul li.Sub_on a{margin:0;color:#000;padding:5px 0 5px 10px;text-decoration:none;font-weight:400;background:#FFFFFF;border-top:1px solid #a5a5a5;}
.LeftPane .Nav-y .Body ul ul li.Sub_on a:hover{margin:0;color:#237acc;padding:5px 0 5px 10px;background:#FFFFFF;text-decoration:underline;}


.LeftPane .Nav-y .Body ul ul li.Selected{margin:0;}
.LeftPane .Nav-y .Body ul ul li.Selected a{margin:0;padding:5px 0 5px 10px;text-decoration:none;font-weight:400;background:#fff;font-weight:700!important;border-top:1px solid #a5a5a5;color:#000;}
.LeftPane .Nav-y .Body ul ul li.Selected a:hover{margin:0;padding:5px 0 5px 10px;background:#fff;text-decoration:none;color:#000;font-weight:700!important;}

/* third group */
.LeftPane .Nav-y .Body ul ul ul{margin:0;padding:0;background:none;}
.LeftPane .Nav-y .Body ul ul ul li{background:none;margin:0;}
.LeftPane .Nav-y .Body ul ul ul li.Sub{margin:0;}
.LeftPane .Nav-y .Body ul ul ul li.Sub a{margin:0;padding:0 0 5px 15px;text-decoration:underline;font-weight:400;}
.LeftPane .Nav-y .Body ul ul ul li.Sub a:hover{border-style:none;margin:0;padding:0 0 5px 15px;}
.LeftPane .Nav-y .Body ul ul ul li.Selected{background:none;color:#FFF;margin:0;}
.LeftPane .Nav-y .Body ul ul ul li.Selected a{padding:0 0 5px 10px;display:block;}
.LeftPane .Nav-y .Body ul ul ul li.Selected a:hover{padding:0 0 5px 10px;display:block;}		

/* footer */
.LeftPane .Nav-y .Footer{float:left;height:13px;font-size:11px;display:none;}
.LeftPane .Nav-y .Footer .Left{text-align:left;float:left;width:6px;height:13px;display:none;}
.LeftPane .Nav-y .Footer .Right{height:13px;text-align:left;float:right;width:6px;display:none;}
/* End  */

/* Search */
.Search{width:200px;padding:10px 5px 5px;font-size:11px;}
.Left{}
.Right{}
.Body{}
.Form{padding:0;margin:0;}
.Form label{float:left;padding:3px 6px 0 0;font-weight:700;}
.Form input.Text{width:120px;font-size:11px;float:left;}
.Form .Button{padding-top:3px;padding:0;display:block;float:left;cursor:pointer;}
.Form .Option{display:none;}
.Form .Option input{clear:both;display:block;float:left;width:13px;height:13px;margin-right:10px;}
/* End  */

/* FocusOn Box */
.Box-FocusOn{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin-bottom:3px;clear:both;}
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn .Banner{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;}
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn .Banner .Left{}
/* <span> in the above style to show Control title/ page title */
.Box-FocusOn .Banner .Title{font-weight:700;display:block;padding:8px 6px 8px 14px;color:#fff;height:1%;}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn .Banner .Right{}
/* End  */

/* User Control Footer areas */
.Box-FocusOn .Footer{background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;height:15px;clear:both;}
.Box-FocusOn .Footer .Left{display:none;}
.Box-FocusOn .Footer .Right{display:none;}
.Box-FocusOn .Footer .Left a{display:none;}
.Box-FocusOn .Footer .Left a:hover{display:none;}
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn .Body{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;}
/* Used to show left edge repeating background image */
.Box-FocusOn .Body .Left{}
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-FocusOn .Body .Content{padding:0 0 0 10px;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn .Body .Content .Text{font-size:90%;padding:5px 10px 0 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn .Body .Content a{float:left;display:block;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn .Body .Content dt a{color:#237acc;text-decoration:underline;}
.Box-FocusOn .Body .Content dt a:hover{background:#13528e;color:#fff;text-decoration:none;}
.Box-FocusOn .Body .Content img{margin:5px 8px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn .Body .Content label{display:block;font-weight:700;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn .Body .Right{}
.Box-FocusOn .expandx{display:none;}
.Box-FocusOn .CommandBtn{padding:2px 16px 2px 6px;margin:3px 0 0;background:url(images/commandBtn_tile.gif) no-repeat right;color:#fff;font-weight:700;text-decoration:none;}
.Box-FocusOn .CommandBtn:hover{text-decoration:underline;}
.Box-FocusOn input.field{width:120px;}
.Box-FocusOn label{font-size:90%;height:1%;}
.Box-FocusOn ul{padding:0;margin:0;}
.Box-FocusOn ul li{padding:0;margin:0;}
/* End  */

/* End  */

/* News Box */
.Box-News{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin-bottom:3px;clear:both;}
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-News .Banner{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;}
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-News .Banner .Left{}
/* <span> in the above style to show Control title/ page title */
.Box-News .Banner .Title{font-weight:700;display:block;padding:8px 6px 8px 14px;color:#fff;}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-News .Banner .Right{}
/* End  */

/* User Control Footer areas */
.Box-News .Footer{background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;height:15px;clear:both;}
.Box-News .Footer .Left{display:none;}
.Box-News .Footer .Right{display:none;}
.Box-News .Footer .Left a{display:none;}
.Box-News .Footer .Left a:hover{display:none;}
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-News .Body{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;}
/* Used to show left edge repeating background image */
.Box-News .Body .Left{}
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-News .Body .Content{}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Content .Text{font-size:90%;padding:5px 10px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Content a{float:left;display:block;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Content img{margin:5px 8px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Content label{display:block;font-weight:700;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Right{}
.Box-News .expandx{display:none;}
.Box-News .CommandBtn{padding:2px 16px 2px 6px;margin:3px 0 0;background:url(images/commandBtn_tile.gif) no-repeat right;color:#fff;font-weight:700;text-decoration:none;}
.Box-News .CommandBtn:hover{text-decoration:underline;}
/* End  */

/* Events Box */
.Box-Events{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin-bottom:3px;clear:both;}
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-Events .Banner{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;}
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-Events .Banner .Left{}
/* <span> in the above style to show Control title/ page title */
.Box-Events .Banner .Title{font-weight:700;display:block;padding:8px 6px 8px 14px;color:#fff;}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-Events .Banner .Right{}
/* End  */

/* User Control Footer areas */
.Box-Events .Footer{background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;height:15px;clear:both;}
.Box-Events .Footer .Left{display:none;}
.Box-Events .Footer .Right{display:none;}
.Box-Events .Footer .Left a{display:none;}
.Box-Events .Footer .Left a:hover{display:none;}
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-Events .Body{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;}
/* Used to show left edge repeating background image */
.Box-Events .Body .Left{}
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-Events .Body .Content{}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Events .Body .Content .Text{font-size:90%;padding:5px 10px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Events .Body .Content a{float:left;display:block;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Events .Body .Content img{margin:5px 8px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Events .Body .Content label{display:block;font-weight:700;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Events .Body .Right{}
.Box-Events .expandx{display:none;}
.Box-Events .CommandBtn{padding:2px 16px 2px 6px;margin:3px 0 0;background:url(images/commandBtn_tile.gif) no-repeat right;color:#fff;font-weight:700;text-decoration:none;}
.Box-Events .CommandBtn:hover{text-decoration:underline;}
/* End  */

/* Generic Box */
.Box-Generic{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin-bottom:3px;clear:both;}
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-Generic .Banner{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;}
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-Generic .Banner .Left{}
/* <span> in the above style to show Control title/ page title */
.Box-Generic .Banner .Title{font-weight:700;display:block;padding:8px 6px 8px 14px;color:#fff;}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-Generic .Banner .Right{}
/* End  */

/* User Control Footer areas */
.Box-Generic .Footer{background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;height:15px;clear:both;}
.Box-Generic .Footer .Left{display:none;}
.Box-Generic .Footer .Right{display:none;}
.Box-Generic .Footer .Left a{display:none;}
.Box-Generic .Footer .Left a:hover{display:none;}
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-Generic .Body{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;}
/* Used to show left edge repeating background image */
.Box-Generic .Body .Left{}
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-Generic .Body .Content{}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Content .Text{font-size:90%;padding:5px 10px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Content a{float:left;display:block;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Content img{margin:5px 8px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Content label{display:block;font-weight:700;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Right{}
.Box-Generic .expandx{display:none;}
.Box-Generic .CommandBtn{padding:2px 16px 2px 6px;margin:3px 0 0;background:url(images/commandBtn_tile.gif) no-repeat right;color:#fff;font-weight:700;text-decoration:none;}
.Box-Generic .CommandBtn:hover{text-decoration:underline;}
/* End  */
/* End  */

/* Events Box */
.Box-CrossPromo{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin-bottom:3px;clear:both;}
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-CrossPromo .Banner{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;}
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-CrossPromo .Banner .Left{}
/* <span> in the above style to show Control title/ page title */
.Box-CrossPromo .Banner .Title{font-weight:700;display:block;padding:5px 6px 8px 14px;color:#fff;}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-CrossPromo .Banner .Right{}
/* End  */

/* User Control Footer areas */
.Box-CrossPromo .Footer{background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;height:15px;clear:both;}
.Box-CrossPromo .Footer .Left{display:none;}
.Box-CrossPromo .Footer .Right{display:none;}
.Box-CrossPromo .Footer .Left a{display:none;}
.Box-CrossPromo .Footer .Left a:hover{display:none;}
/* End  */


/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-CrossPromo .Body{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;}
/* Used to show left edge repeating background image */
.Box-CrossPromo .Body .Left{}
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-CrossPromo .Body .Content{}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-CrossPromo .Body .Content .Text{font-size:90%;padding:5px 10px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-CrossPromo .Body .Content a{float:left;display:block;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-CrossPromo .Body .Content img{margin:5px 8px 0;}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-CrossPromo .Body .Content label{display:block;font-weight:700;}

/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-CrossPromo .Body .Right{}
.Box-CrossPromo .Body .Content ul{font-size:90%;padding:0;margin:0 0 0 10px;list-style:none;}
.Box-CrossPromo .Body .Content ul li{padding:0;margin:0;list-style:none;}
.Box-CrossPromo .Body .Content ul li a{color:#237acc;text-decoration:underline;}
.Box-CrossPromo .Body .Content ul li a:hover{background:#13528e;color:#fff;}
.Box-CrossPromo .expandx{display:none;}
.Box-CrossPromo .CommandBtn{padding:2px 16px 2px 6px;margin:3px 0 0;background:url(images/commandBtn_tile.gif) no-repeat right;color:#fff;font-weight:700;text-decoration:none;}
.Box-CrossPromo .CommandBtn:hover{text-decoration:underline;}
.cms-side-text,.cms-side-pullquote{font-size:90%;padding:5px 10px 0;display:block;}
/* End  */

/* PlacestoVisit Box */
.Box-PlacesToVisit{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin-bottom:3px;clear:both;}

/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-PlacesToVisit .Banner{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;}

/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-PlacesToVisit .Banner .Left{}

/* <span> in the above style to show Control title/ page title */
.Box-PlacesToVisit .Banner .Title{font-weight:700;display:block;padding:8px 6px 8px 14px;color:#fff;}

/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-PlacesToVisit .Banner .Right{}
/* End  */

/* User Control Footer areas */
.Box-PlacesToVisit .Footer{background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;height:15px;clear:both;}
.Box-PlacesToVisit .Footer .Left{display:none;}
.Box-PlacesToVisit .Footer .Right{display:none;}
.Box-PlacesToVisit .Footer .Left a{display:none;}
.Box-PlacesToVisit .Footer .Left a:hover{display:none;}
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-PlacesToVisit .Body{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;}

/* Used to show left edge repeating background image */
.Box-PlacesToVisit .Body .Left{}

/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-PlacesToVisit .Body .Content{}
				
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-PlacesToVisit .Body .Content .Text{font-size:90%;padding:5px 10px 0;}

/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-PlacesToVisit .Body .Content a{float:left;display:block;}
				
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-PlacesToVisit .Body .Content img{margin:5px 8px 0;}
				
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-PlacesToVisit .Body .Content label{display:block;font-weight:700;}

/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-PlacesToVisit .Body .Right{}
.Box-PlacesToVisit .expandx{display:none;}
.Box-PlacesToVisit .CommandBtn{padding:2px 16px 2px 6px;margin:3px 0 0;background:url(images/commandBtn_tile.gif) no-repeat right;color:#fff;font-weight:700;text-decoration:none;}
.Box-PlacesToVisit .CommandBtn:hover{text-decoration:underline;}
.Box-PlacesToVisit ul{font-size:90%;padding:0;margin:0 0 0 10px;}
.Box-PlacesToVisit ul li{padding:5px 0 0;margin:0;list-style:none;}
.Box-PlacesToVisit ul li a{color:#237acc;text-decoration:underline;}
.Box-PlacesToVisit ul li a:hover{background:#13528e;color:#fff;}	 

/*bespoke boxout on RHS col*/
.RightPane .boxout{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin-bottom:3px;clear:both;font-size:90%;}
.RightPane .boxout .rss{float:right;padding:10px 10px 0 0;}
.RightPane .boxout .head{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;height:1%;}
.RightPane .boxout .head h4{color:#fff;padding:10px 5px 8px 13px;margin:0;font-size:110%;}
.RightPane .boxout .head h4 a{color:#fff;text-decoration:none;}
.RightPane .boxout .head h4 a:hover{color:#fff;text-decoration:underline;}
.RightPane .boxout .body{}
.RightPane .boxout .body .text{padding:8px 10px;}
.RightPane .boxout .body ul{padding:0;margin:0 5px 0 10px;list-style:none;}
.RightPane .boxout .body ul	li{padding:5px 0;list-style:none;}
.RightPane .boxout .body ul a{font-weight:700;color:#237acc;}
.RightPane .boxout .body ul a:hover{color:#FFF;background:#13528e;text-decoration:none;}
.RightPane .boxout .body a,.RightPane .boxout .Footer a{font-weight:400;color:#237acc;}
.RightPane .boxout .body a:hover,.RightPane .boxout .Footer a:hover{color:#FFF;background:#13528e;text-decoration:none;}
.RightPane .boxout .Footer{background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;clear:both;padding:0 0 8px;}
.RightPane .boxout .Footer .more{padding:0 2px 15px 10px;}
.RightPane .boxout .imgBox{float:right;}

/*bespoke boxout on RHS col*/
.LeftPane .boxout{background:url(images/template/webparts/rhs/rhs_tile.gif) repeat-y;margin: 3px 3px 3px 6px;clear:both;font-size:90%; width:140px}
.LeftPane .boxout .rss{float:right;padding:10px 10px 0 0;}
.LeftPane .boxout .head{background:url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color:#fff;height:1%;}
.LeftPane .boxout .head h4{color:#fff;padding:10px 5px 8px 13px;margin:0;font-size:110%;}
.LeftPane .boxout .head h4 a{color:#fff;text-decoration:none;}
.LeftPane .boxout .head h4 a:hover{color:#fff;text-decoration:underline;}
.LeftPane .boxout .body{background: #FFF;}
.LeftPane .boxout .body .text{padding:8px 10px;}
.LeftPane .boxout .body ul{padding:0;margin:0 5px 0 10px;list-style:none;}
.LeftPane .boxout .body ul	li{padding:5px 0;list-style:none;}
.LeftPane .boxout .body ul a{font-weight:700;color:#237acc;}
.LeftPane .boxout .body ul a:hover{color:#FFF;background:#13528e;text-decoration:none;}
.LeftPane .boxout .body a,.RightPane .boxout .Footer a{font-weight:400;color:#237acc;}
.LeftPane .boxout .body a:hover,.RightPane .boxout .Footer a:hover{color:#FFF;background:#13528e;text-decoration:none;}
.LeftPane .boxout .Footer{background: #FFF url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom;display:block;clear:both;padding:0 0 8px;}
.LeftPane .boxout .Footer .more{padding:0 2px 15px 10px;}
.LeftPane .boxout .imgBox{float:right;}

/* End  */
/* End  */

/* Clearing divs to force areas to fill the available space */
.expandy{clear:both;width:1px;overflow:hidden;height:100%;}
.expandx{float:right;height:1px;overflow:hidden;width:100%;}
    
/* Comments Webpart */
.Comment{padding:5px 0 0 5px;margin:4px 0;}
.Comment .Name{padding:2px 0 5px;font-weight:700;font-size:90%;}
.Comment .Name .Date{font-size:80%;font-weight:400;}
.Comment .Details{padding:0 0 5px 10px;}
.CommentForm{}
.CommentForm Label{font-weight:700;}
.CommentRating{display:block;width:100%;}
.CommentRating a,.Socialbookmarks a{color:#237acc;}
.CommentRating a:hover,.Socialbookmarks a:hover{color:#FFF;background:#13528e;text-decoration:none;}
    
/* Social Bookmarking */
.Socialbookmarks{clear:left;padding:5px;}
.Socialbookmarks a{font-weight:700;}
    
/* Rating in Comment part */
.ratingStar{font-size:0;width:13px;height:12px;margin:0;padding:0;cursor:pointer;display:block;background-repeat:no-repeat;}
.filledRatingStar{background-image:url(Images/FilledStar.png);}
.emptyRatingStar{background-image:url(Images/EmptyStar.png);}
.savedRatingStar{background-image:url(Images/SavedStar.png);}
/* End  */