/*== this is the container that holds the list menu==*/
.Nav-y .Header { display: none; }
.Nav-y .Body{clear:Both;display:block;}
.Nav-y { width: 170px;overflow:hidden; padding: 0px; margin: 0px; font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-size: 1.1em; font-weight: bold; color: #fff; border-top:1px solid #ccc;}
/*== set the list items up=====*/
.Nav-y ul { list-style: none; margin: 0px; padding: 0px; border: none;clear:both;display:block; }
.Nav-y li { width:170px;display:block;float:left; clear:both;border-top: 1px solid #fff; margin: 0px; }

.Nav-y li a { display: block;float:left;clear:both;width:150px; padding: 5px 10px 5px 10px; background: #002853 url(images/NavBullet.gif) no-repeat 95%  50%; color: #fff; text-decoration: none;   }
.Nav-y li a:hover { background: #cc3333 url(images/NavBulletRed.gif) no-repeat  95%  50%; color: #fff;   text-decoration: underline; }
.Nav-y ul li.Selected a:hover {  background:#FFF none; text-decoration: underline;}
.Nav-y li a:visited{ color: #FFF; }.Nav-y li ul li a:visited{ color: #333; }.Nav-y li.Selected  a:visited{ color: #333; }
/*=== second list ===*/

.Nav-y ul li.Selected {background:#fff;}
.Nav-y ul li.Selected a { padding: 5px 10px 5px 10px; display:block;font-weight:bold; color: #000; background:#fff url(images/on.gif) no-repeat  95%  50%;}
.Nav-y ul li.Selected a:hover {  color: #000; text-decoration: underline;background:#fff url(images/on.gif) no-repeat  95%  50%;}
.Nav-y ul li.Selected ul li a {width:135px;font-weight:normal;background:#cccce0;}
.Nav-y ul li.Selected ul li.Selected ul li a {width:125px;}
.Nav-y ul li.Selected ul li a {padding: 5px 10px 5px 10px;font-weight:normal; display:block;float:left; color: #000;  padding-left: 25px; }
.Nav-y ul li.Selected ul li a:hover { color: #000;  text-decoration: underline; background:#cccce0; }
.Nav-y ul li.Selected ul li.Selected{}
.Nav-y ul li.Selected ul li.Selected a { font-weight:bold; color: #000;   text-decoration: none;  }
.Nav-y ul li.Selected ul li.Selected a:hover {  color: #000;   text-decoration: underline;  }
.Nav-y ul li.Selected ul li.Selected ul li a { padding: 5px 5px 5px 10px; display:block; color: #777;  padding-left: 40px; }
.Nav-y ul li.Selected ul li.Selected ul li.Selected a { font-weight:bold; color: #000;   text-decoration: none;  }
.Nav-y ul li.Selected ul li.Selected ul li.Selected a:hover {  color: #000;   text-decoration: underline;  }
.Nav-y .Footer { background: url(images/left_nav_topborder.jpg) no-repeat top left; height: 6px;clear:both;font-size:0.1px}


* html body .Search { float: right; width: 235px; padding-left: 100px; padding-right: 25px; margin-top: 40px; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; }

/* ======================================================== */

* html .RightPane {margin-right:-3px;}

/* ======This styles Nav-y in the right pane on the news page ========*/
.RightPane .Nav-y .Header { display: none; }
.RightPane .Nav-y .Body{clear:Both;display:block;}
.RightPane .Nav-y { width: 157px;overflow:hidden; padding: 0px; margin: 0px; font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-size: 1.1em; font-weight: bold; color: #000; }
/*== set the list items up=====*/
.RightPane .Nav-y ul { list-style: none; margin: 0px; padding: 0px; border: none;clear:both;display:block; }
.RightPane .Nav-y li { width:170px;display:block;float:left; clear:both;border-top: 1px solid #fff; margin: 0px; }

.RightPane .Nav-y li a { display: block;float:left;clear:both;width:150px; padding: 5px 0px 5px 10px; background: #002853 none 95%  50%; color: #000000;  text-decoration: none;   }
.RightPane .Nav-y li a:hover { background: #cc3333 none  95%  50%; color: #fff;   text-decoration: underline; }
.RightPane .Nav-y ul li.Selected a:hover {  background:#FFF none; text-decoration: underline;}
.RightPane .Nav-y li a:visited{ color: #fff; }.Nav-y li ul li a:visited{ color: #000; }.Nav-y li.Selected  a:visited{ color: #000; }
.RightPane .Nav-y li ul li a:visited{ color: #000; }
.RightPane .Box-FocusOn .Body input {font-size:11px;width:120px !important}


.RightPane .Nav-y ul li.Selected {background:#fff;}
.RightPane .Nav-y ul li.Selected a { padding: 5px 10px 5px 10px; display:block;font-weight:bold; color: #000; background:#fff url(images/on.gif) no-repeat  95%  50%;}
.RightPane .Nav-y ul li.Selected a:hover {  color: #fff; text-decoration: underline;background:#fff url(images/on.gif) no-repeat  95%  50%;}
.RightPane .Nav-y ul li ul li a {width:135px;font-weight:normal;background-color:#cccce0;color:#000;} 
.RightPane .Nav-y ul li ul li.Selected ul li a {width:125px; color: #000000; }
.RightPane .Nav-y ul li ul li a { color: #000000; padding: 5px 10px 5px 10px;font-weight:normal; display:block;float:left; color: #000;  padding-left: 15px; }
.RightPane .Nav-y ul li ul li a:hover { color: #000000;  text-decoration: underline; background:#cccce0; }
.RightPane .Nav-y ul li ul li.Selected{}
.RightPane .Nav-y ul li ul li.Selected a { font-weight:bold; color: #000;   text-decoration: none;  }
.RightPane .Nav-y ul li ul li.Selected a:hover {  color: #000;   text-decoration: underline;  }
.RightPane .Nav-y ul li ul li.Selected ul li a { padding: 5px 5px 5px 10px; display:block; color: #000;  padding-left: 40px; }
.RightPane .Nav-y ul li ul li.Selected ul li.Selected a { font-weight:bold; color: #000;   text-decoration: none;  }
.RightPane .Nav-y ul li ul li.Selected ul li.Selected a:hover {  color: #000;   text-decoration: underline;  }
.RightPane .Nav-y .Footer { background: url(images/left_nav_topborder.jpg) no-repeat top left; height: 6px;clear:both;}










/* Search */


.Search { float: right; width: 200px; padding-left: 0px; padding-right: 0px;  margin-top: 35px; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; }
.Left { }
.Right { }
.Body { }
.Search label{display:none;}
.Form { padding: 0px; color: #000; }





* html body .Form label { position: absolute; right: 425px; padding-top: 5px; font-weight: bold; color: #fff; }


.Form label { position: absolute; right: 446px; padding-top: 5px; font-weight: bold; color: #fff; }


.Form input.Text { clear: left; width: 120px; font-size: 11px; font-family: Tahoma, Arial, Sans-Serif; float: left; color: #666; }
.Form .Button { 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: 4px; }
/* End  */




/*============================================================================================================
====================Right hand box styles=========================*/
.Box-CrossPromo {  background: #01285C; margin-bottom: 10px; padding: 4px; clear: both; float: left; }
.Box-CrossPromo .Banner { clear:both;width: 150px;display:block; }
.Box-CrossPromo .Banner .Left{padding: 5px 10px;}
.Box-CrossPromo .Banner .Right { display:none;}
.Box-CrossPromo .Banner .Title { font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif;  color: #fff; font-size: 1.2em; font-weight: bold; border: none; }
.Box-CrossPromo .Body { font-size: 0.95em;background: #FFF;width:150px; font-family: Arial, Helvetica, sans-serif;   padding-bottom: 20px; }
.Box-CrossPromo .Body a { text-decoration: underline; }
.Box-CrossPromo .Body .Left { }
.Box-CrossPromo .Body .Content { padding:10px; }
.Box-CrossPromo .Body .Content .Text { float: left; }
.Box-CrossPromo .Body .Content a { display: block; clear: left; text-align: right; text-decoration: underline; color: #658bc0; }
.Box-CrossPromo .Body .Content ul { margin: 0px; padding: 0; }
.Box-CrossPromo .Body .Content ul li { list-style: none; }
.Box-CrossPromo .Body .Content ul li a { float: left; display: inline; }
.Box-CrossPromo .Body .Content a { float: left; }

.Box-CrossPromo .Footer { clear:both;width:150px;background:#fff;display:block;}
.Box-CrossPromo .Footer .Left{padding:5px;}
.Box-CrossPromo .Footer .Left a {display:block;  font-family: Arial, Helvetica, Sans-Serif;font-size:0.95em;}
.Box-CrossPromo .Footer .Right { }


/* ==========================================================================
=========================================Box-FocusOn============================ */
.Box-FocusOn {background: #01285C; margin-bottom: 10px; padding: 4px; clear: both; float: left; }
.Box-FocusOn .Banner { clear:both;width: 150px;display:block; }
.Box-FocusOn .Banner .Left{padding: 5px 10px;}
.Box-FocusOn .Banner .Right { display:none;}
.Box-FocusOn .Banner .Title { font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif;  color: #fff; font-size: 1.2em; font-weight: bold; border: none; }
.Box-FocusOn .Body { font-size: 0.95em;background: #FFF;width:150px; font-family: Arial, Helvetica, sans-serif; }
.Box-FocusOn .Body a { text-decoration: underline; }
.Box-FocusOn .Body .Left { }
.Box-FocusOn .Body .Content { padding:10px; }

.Box-FocusOn .Footer { clear:both;width:150px;background:#fff;display:block;}
.Box-FocusOn .Footer .Left{padding:5px;}
.Box-FocusOn .Footer .Left a {display:block;  font-family: Arial, Helvetica, Sans-Serif;font-size:0.95em;}
.Box-FocusOn .Footer .Right { }

* html .Box-FocusOn {background: #01285C; margin-bottom: 10px;  clear: both; float: left; }

/*========================================================================
    FocusOn  - this is slightly different from .Box-FocusOn===*/


.FocusOn { width: 100%; background: #fff; margin-top: 10px; margin-bottom: 10px; margin-right: 3px; clear: both; float: left; }
.FocusOn .Banner { width: 99.9%; clear: both; float: left; background: #01285C; }
.FocusOn .Banner .Left { }
.FocusOn .Banner .Right { }
.FocusOn .Banner .Title { font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; padding-left: 10px; padding-bottom: 3px; padding-top: 3px; float: left; background-color: #01285C; color: #fff; font-size: 1.2em; font-weight: bold; letter-spacing: 0.9px; border: none; }
.FocusOn .Body { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; text-align: center; font-weight: normal; padding-bottom: 5px; border-right: 4px solid #01285c; width: 95%; padding-bottom: 20px; }
.FocusOn .Body a { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.FocusOn .Body .Left { }
.Focus .Body .Left { }
.FocusOn .Body .Content { margin: 0px 0px 1px 0px; background: #FFF; }
.FocusOn .Body .Content .Text p { }
.FocusOn .Body .Content a { display: block; text-decoration: none; }
.FocusOn .Body .Content img { width: 120px; height: 129px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.FocusOn .Body .Content label { display: block; font-weight: bold; width: 100%; clear: both; }
.FocusOn .Body .Right { }
.FocusOn .Body .Right { }
.FocusOn .CommandBtn { }
.FocusOn .Footer { }
.FocusOn .Footer .Left { }
.FocusOn .Footer .Right { }


/*========================================*/




.Box-PlacesToVisit { width: 100%; margin-bottom: 10px; clear: both; float: left; }
.Box-PlacesToVisit .Banner { width: 100%; background: #01285c; clear: both; float: left; }
.Box-PlacesToVisit .Banner .Left { }
.Box-PlacesToVisit .Banner .Left { }
.Box-PlacesToVisit .Banner .Title { font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; padding: 3px 0 3px 10px; float: left; background: #01285c; color: #fff; font-size: 1.2em; font-weight: bold; letter-spacing: 0.9px; }
.Box-PlacesToVisit .Body { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; text-align: left; float: left; font-weight: normal; border-right: 4px solid #01285c; }




.Box-PlacesToVisit .Body .Left { }
.Box-PlacesToVisit .Body .Right { }
.Box-PlacesToVisit .Body .Content { text-align: left; float: left; background: #FFF; }



.Box-PlacesToVisit .Body .Content .Text { float: left; }
.Box-PlacesToVisit .Body ul { }
.Box-PlacesToVisit .Body ul li { }
.Box-PlacesToVisit .Footer { }
.Box-PlacesToVisit .Footer .Left { }
.Box-PlacesToVisit .Footer .Right { }
/*========================================================================================================================*/




.Amenities { width: 100%; background: #fff; margin-bottom: 10px; clear: both; float: left; }
.Amenities .Banner { width: 100%; background: #01285c; color: #fff; clear: both; float: left; }
.Amenities .Banner .Title { font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; padding: 3px 0 3px 10px; float: left; background: #01285c; color: #fff; font-size: 1.2em; font-weight: bold; letter-spacing: 0.9px; }
.Amenities .Banner .Left { }
.Amenities .Banner .Right { }
.Amenities .Body { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; text-align: center; float: left; line-height: 1.3em; font-weight: normal; }
.Amenities .Body .Left { }
.Amenities .Body .Right { }
.Amenities .Body .Content { margin: 0px 1px 1px 1px; padding: 10px; text-align: left; float: left; background: #FFF; }
.Amenities .Body .Content .Text { float: left; }
.Amenities .Footer { }
.Amenities .Footer .Left { }
.Amenities .Footer .Right { }
/*================================================================================================*/

/* Events Box */
.Events { width: 100%; background: #fff; margin-bottom: 10px; clear: both; float: left; }
.Events .Banner { width: 100%; background: #fff; clear: both; float: left; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Events .Banner .Left { }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Events .Banner .Right { }
/* <span> in the above style to show Control title/ page title */
.Events .Banner .Title { font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; padding: 3px 0 3px 10px; float: left; background: #01285c; color: #fff; font-size: 1.2em; letter-spacing: 0.9px; width: 94%; }
.Events .Banner .Header { margin: 5px 4px 0px 4px; padding: 6px; float: left; text-align: left; display: block; background: #FFF; width: 100%; }
.Events .Body { font-size: 0.97em; font-family: Arial, Helvetica, sans-serif; text-align: center; float: left; font-weight: normal; width: 95%; }
/* Used to show left edge repeating background image */
.Events .Body .Left { }
.Events .Body .Right { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Events .Body .Content { margin: 0px 1px 1px 1px; padding: 10px; text-align: left; float: left; background: #FFF; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
.Events .Body .Content .Text { float: left; }
.Events .Body .Content a { text-align: right; text-decoration: underline; }
.Events .Body .Content dl { width: 250px; }
.Events .Body .Content dl dt { display: block; width: 90%; }
.Events .Body .Content dl dd { display: block; border-bottom: 1px solid #CCC; width: 100%; clear: left; margin-bottom: 3px; padding: 2px; }
.Events .Body .Content dl dt img { float: left; margin-right: 3px; }
.Events .Body .Content ul { margin: 0px; padding: 0; }
.Events .Body .Content ul li { list-style: none; }
.Events .Body .Content ul li a { float: left; display: inline; }
.Events .Body .Content .morelink { font-weight: bold; padding: 2px; }
.Events .Footer { }
.Events .Footer .Left { }
.Events .Footer .Right { }


/*==============================Links Boxes====================
====================================================*/


.Links {width: 100%;
background: #fff;
margin-bottom: 10px;
clear: both;
float: left; }
.Links .Banner { width: 100%; background: #fff; clear: both; float: left; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Links .Banner .Left { }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Links .Banner .Right { }
/* <span> in the above style to show Control title/ page title */
.Links .Banner .Title {font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif;
padding: 3px 0 3px 10px;
float: left; background: #01285c;
color: #fff;
font-size: 1.2em;
letter-spacing: 0.9px;
width: 94%; }
.Links .Banner .Header {margin: 5px 4px 0px 4px;
padding: 6px;
float: left;
text-align: left;
display: block;
background: #FFF;
width: 100%; }
.Links .Body { font-size: 0.97em; font-family: Arial, Helvetica, sans-serif; text-align: center; float: left; font-weight: normal; width: 95%; }
/* Used to show left edge repeating background image */
.Links .Body .Left { }
.Links .Body .Right { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Links .Body .Content { margin: 0px 1px 1px 1px; padding: 10px; text-align: left; float: left; background: #FFF; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
.Links .Body .Content .Text { float: left; }
.Links .Body .Content a { text-align: right; color: #92ac48; text-decoration: underline; }
.Links .Body .Content dl { width: 250px; }
.Links .Body .Content dl dt { display: block; width: 90%; }
.Links .Body .Content dl dd { display: block; border-bottom: 1px solid #CCC; width: 100%; clear: left; margin-bottom: 3px; padding: 2px; }
.Links .Body .Content dl dt img { float: left; margin-right: 3px; }
.Links .Body .Content ul { margin: 0px; padding: 0; }
.Links .Body .Content ul li { list-style: none; }
.Links .Body .Content ul li a { float: left; display: inline; }
.Links .Body .Content .morelink { font-weight: bold; padding: 2px; }
.Links .Footer { }
.Links .Footer .Left { }
.Links .Footer .Right { }





/* Generic Box */
.Box-Generic { width: 100%; border: 1px solid #CCC; background: #dedede url(Images/quick_boxouts_background.gif) repeat-x; float: left; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-Generic .Banner { background: transparent url(Images/appbanner_bg.gif) repeat-x; height: 35px; padding: 0px; display: block; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-Generic .Banner .Left { text-align: left; float: left; width: 100%; }
/* <span> in the above style to show Control title/ page title */
.Box-Generic .Banner .Title { color: #FFFFFF; font: bold 12px Arial, Helvetica, sans-serif; text-align: left; display: block; background: #FFF url(Images/rss_boxtitle_background.gif) repeat-x; width: 95%; padding: 6px 4px 6px 4px; }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-Generic .Banner .Right { text-align: left; float: right; width: 2px; display: none; }
/* */
.Box-Generic .Banner .Header { margin: 5px 4px 0px 4px; padding: 6px; float: left; text-align: left; display: block; background: #FFF; width: 262px; }
/* End  */

/* User Control Footer areas */
.Box-Generic .Footer { background: transparent url(Images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; }
.Box-Generic .Footer .Left { background: transparent url(Images/appfooter_left.gif) no-repeat top left; text-align: left; float: left; width: 6px; height: 13px; }
.Box-Generic .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-Generic .Body { font-size: 0.9em; line-height: 1.4em; background: #FFF; }
/* Used to show left edge repeating background image */
.Box-Generic .Body .Left { background: transparent url(Images/appbody_left.gif) repeat-y; text-align: left; float: left; height: auto; }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-Generic .Body .Content { height: auto; margin: 0px 4px 0px 4px; float: left; text-align: left; display: inline; background: #FFF; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Content .Text { /*padding: 10px;*/ }
.Box-Generic .Body .Content a { text-align: right; color: #92ac48; text-decoration: underline; }
.Box-Generic .Body .Content dl { width: 100%; }
.Box-Generic .Body .Content dl dt { display: block; width: 90%; }
.Box-Generic .Body .Content dl dd { display: block; border-bottom: 1px solid #CCC; width: 100%; clear: left; margin-bottom: 3px; padding: 2px; }
.Box-Generic .Body .Content dl dt img { float: left; margin-right: 3px; }
.Box-Generic .Body .Content ul { margin: 0px; padding: 0; }
.Box-Generic .Body .Content ul li { list-style: none; }
.Box-Generic .Body .Content ul li a { float: left; display: inline; }
.Box-Generic .Body .Content .Text { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Content a { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Generic .Body .Right { background: transparent url(Images/appbody_right.gif) repeat-y top right; float: right; }
/* End  */
/* End  */

/* Email Broadcaster Box */
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-Email .Banner { background: transparent url(Images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-Email .Banner .Left { background: transparent url(Images/appbanner_chamleft.gif) no-repeat top left; height: 35px; text-align: left; float: left; width: auto; }
/* <span> in the above style to show Control title/ page title */
.Box-Email .Banner .Title { padding-left: 10px; font-weight: bold; line-height: 32px; float: left; }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-Email .Banner .Right { background: transparent url(Images/appbanner_chamright.gif) no-repeat top right; height: 35px; text-align: left; float: right; width: 6px; }
/* End  */

/* User Control Footer areas */
.Box-Email .Footer { background: transparent url(Images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; }
.Box-Email .Footer .Left { background: transparent url(Images/appfooter_left.gif) no-repeat top left; text-align: left; float: left; width: 6px; height: 13px; }
.Box-Email .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-Email .Body { font-size: 0.9em; line-height: 1.4em; }
/* Used to show left edge repeating background image */
.Box-Email .Body .Left { background: transparent url(Images/appbody_left.gif) repeat-y; text-align: left; float: left; height: auto; }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-Email .Body .Content { border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding: 10px; float: left; text-align: left; display: inline; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Email .Body .Content .Text { float: left; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Email .Body .Content a { float: left; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Email .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-Email .Body .Right { background: transparent url(Images/appbody_right.gif) repeat-y top right; float: right; }
/* End  */
/* End  */


/* QuickSection Box */
.Box-QuickSection { width: 200px; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-QuickSection .Banner { background: transparent url(Images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-QuickSection .Banner .Left { background: transparent url(Images/appbanner_chamleft.gif) no-repeat top left; height: 35px; text-align: left; float: left; width: auto; }
/* <span> in the above style to show Control title/ page title */
.Box-QuickSection .Banner .Title { padding-left: 10px; font-weight: bold; line-height: 32px; float: left; }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-QuickSection .Banner .Right { float: right; height: 35px; width: 36px; padding: 5px 0 0 5px; text-align: left; background: transparent url(Images/appbanner_chamright.gif) no-repeat top right; cursor: pointer; }
/* End  */

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

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-QuickSection .Body { font-size: 0.9em; line-height: 1.4em; }
/* Used to show left edge repeating background image */
.Box-QuickSection .Body .Left { background: transparent url(Images/appbody_left.gif) repeat-y; text-align: left; float: left; height: auto; }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-QuickSection .Body .Content { border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding: 10px; float: left; text-align: left; display: inline; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-QuickSection .Body .Content a { display: block; clear: left; text-align: right; }
.Box-QuickSection .Body .Content dl { margin: 0px; padding: 0; }
.Box-QuickSection .Body .Content dl dt { list-style: none; }
.Box-QuickSection .Body .Content dl dt a { float: left; display: inline; }
.Box-QuickSection .Body .Content dl dd { }
.Box-QuickSection .Body .Content .Text { float: left; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/

/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-QuickSection .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-QuickSection .Body .Right { background: transparent url(Images/appbody_right.gif) repeat-y top right; float: right; }
/* End  */
/* End  */

/* nav list*/

/*styling for bullet points on right nav*/
.SearchNavRight .Body .Content ul { clear: both; float: left; position: relative; right: 40px; margin-right: 30px; list-style-type: none; font-size: 1.1em; }




/*heading for the under-ordered list*/
.SearchNavRight .Body .Content ul li a { color: #555555; font-size: 1.3em; font-weight: bold; font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; }



/*====List Styles*/
.SearchNavRight .Body .Content ul li.Sub a { margin-left: 6px; font-size: 0.7em; text-decoration: underline; font-weight: normal; color: #658bc0; font-family: Arial, Georgia, "Times New Roman" , Times, serif; }


/* End  */
/* End  */
.weatherBox { width: 100%; background: #fff; margin-bottom: 20px; margin-right: -20px; clear: both; float: left; }
.weatherBox .Banner { width: 100%; background: #737373; clear: both; float: left; }
.weatherBox .Banner .Left { }
.weatherBox .Banner .Right { }
.weatherBox .Banner .Title { font-family: Georgia, "Times New Roman" , Times, serif; font-weight: bold; padding: 6px 0 7px 13px; float: left; color: #fff; font-size: 1.0em; letter-spacing: 0.9px; }
.weatherBox .Body { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; text-align: center; float: left; font-weight: normal; width: 99%; border-left: 1px solid #737373; border-right: 1px solid #737373; border-bottom: 1px solid #737373; }
.weatherBox .Body .Left { }
.weatherBox .Body .Left { }
.weatherBox .Body .Content { margin: 0px 1px 1px 1px; padding: 10px; text-align: left; float: left; background: #FFF; }
.weatherBox .Body .Content .Text { float: left; }
.weatherBox .Body .Content a { text-align: left; color: #92ac48; text-decoration: underline; }
.weatherBox .Body .Content img { width: 160px; height: 120px; padding-top: 10px; }
.weatherBox .Body .Content label { display: block; font-weight: bold; width: 100%; clear: both; }
.weatherBox .Body .Right { }
.weatherBox .Body .Right { }
.weatherBox .CommandBtn { }
.weatherBox .Footer { }
.weatherBox .Footer .Left { }
.weatherBox .Footer .Right { }
/* 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 0px 0px 5px; border: 1px solid #CCC; margin: 4px 0px 4px 0px; }
.Comment .Name { padding: 2px 0px 5px 0px; font-weight: bold; font-size: 90%; }
.Comment .Name .Date { font-size: 800%; font-weight: normal; }
.Comment .Details { padding: 0px 0px 5px 10px; }
.CommentForm { background: #FFF; color: #FFF; }
.CommentForm Label { }
.CommentRating { margin: 20px 20px 20px 0; }
/* Social Bookmarking */
.Socialbookmarks { clear: both; }
.Socialbookmarks a { }
/* Rating in Comment part */
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; 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  */