/* Horizontal (main) Navigation styles */

.Nav-x { clear: both; background-color: Transparent; }
* html .Nav-x { margin-left: 4px; }
.Nav-x ul { margin: 0; padding: 1px 0px 0 0px; list-style: none; width: 756px; height: 33px; display: block; float: left; }
.Nav-x li { float: left; display: block; overflow: hidden; height: 33px; }
.Nav-x li a { text-indent: -9999px; float: left; display: block; text-decoration: none; height: 33px; }
.Nav-x a:hover { color: #000; border-bottom: none; }
.Nav-x li.on { font-weight: bold; }
.Nav-x li.on a { color: #fd9401; font-weight: bold; border-bottom: none; }

.Nav-x li.tab0, .Nav-x li.tab0Selected { width: 71px; margin: 0 1px 0 7px; }
.Nav-x li.tab1, .Nav-x li.tab1Selected { width: 75px; margin: 0 1px 0 2px; }
.Nav-x li.tab2, .Nav-x li.tab2Selected { width: 108px; margin: 0 1px 0 2px; }
.Nav-x li.tab3, .Nav-x li.tab3Selected { width: 106px; margin: 0 1px 0 2px; }
.Nav-x li.tab4, .Nav-x li.tab4Selected { width: 82px; margin: 0 1px 0 2px; }
.Nav-x li.tab5, .Nav-x li.tab5Selected { width: 102px; margin: 0 1px 0 2px; }
.Nav-x li.tab6, .Nav-x li.tab6Selected { width: 82px; margin: 0 1px 0 2px; }
.Nav-x li.tab7, .Nav-x li.tab7Selected { width: 96px; margin: 0 1px 0 2px; }
* html .Nav-x li.tab0 { width: 70px; margin: 0 1px 0 5px; }
* html .Nav-x li.tab1 { width: 73px; margin: 0 1px 0 2px; }
* html .Nav-x li.tab2 { width: 107px; margin: 0 1px 0 2px; }
* html .Nav-x li.tab3 { width: 105px; margin: 0 1px 0 2px; }
* html .Nav-x li.tab4 { width: 81px; margin: 0 1px 0 2px; }
* html .Nav-x li.tab5 { width: 101px; margin: 0 1px 0 2px; }
* html .Nav-x li.tab6 { width: 81px; margin: 0 1px 0 2px; }
* html .Nav-x li.tab7 { width: 96px; margin: 0 1px 0 2px; }
.Nav-x li.tab0 a { width: 71px; background: transparent url(images/template/home.gif) no-repeat left top; }
.Nav-x li.tab1 a { width: 75px; background: transparent url(images/template/pricing.gif) no-repeat left top; }
.Nav-x li.tab2 a { width: 108px; background: transparent url(images/template/demo.gif) no-repeat left top; }
.Nav-x li.tab3 a { width: 106px; background: transparent url(images/template/designs.gif) no-repeat left top; }
.Nav-x li.tab4 a { width: 82px; background: transparent url(images/template/features.gif) no-repeat left top; }
.Nav-x li.tab5 a { width: 102px; background: transparent url(images/template/step-by-step.gif) no-repeat left top; }
.Nav-x li.tab6 a { width: 82px; background: transparent url(images/template/about-us.gif) no-repeat left top; }
.Nav-x li.tab7 a { width: 96px; background: transparent url(images/template/order-now.gif) no-repeat left top; }
.Nav-x li.tab0Selected a { width: 71px; background: transparent url(images/template/home.gif) no-repeat 0px -33px; }
.Nav-x li.tab1Selected a { width: 75px; background: transparent url(images/template/pricing.gif) no-repeat 0px -33px; }
.Nav-x li.tab2Selected a { width: 108px; background: transparent url(images/template/demo.gif) no-repeat 0px -33px; }
.Nav-x li.tab3Selected a { width: 106px; background: transparent url(images/template/designs.gif) no-repeat 0px -33px; }
.Nav-x li.tab4Selected a { width: 82px; background: transparent url(images/template/features.gif) no-repeat 0px -33px; }
.Nav-x li.tab5Selected a { width: 102px; background: transparent url(images/template/step-by-step.gif) no-repeat 0px -33px; }
.Nav-x li.tab6Selected a { width: 82px; background: transparent url(images/template/about-us.gif) no-repeat 0px -33px; }
.Nav-x li.tab7Selected a { width: 96px; background: transparent url(images/template/order-now.gif) no-repeat 0px -33px; }
.Nav-x li.tab0 a:hover { background-position: 0px -66px; }
.Nav-x li.tab1 a:hover { background-position: 0px -66px; }
.Nav-x li.tab2 a:hover { background-position: 0px -66px; }
.Nav-x li.tab3 a:hover { background-position: 0px -66px; }
.Nav-x li.tab4 a:hover { background-position: 0px -66px; }
.Nav-x li.tab5 a:hover { background-position: 0px -66px; }
.Nav-x li.tab6 a:hover { background-position: 0px -66px; }
.Nav-x li.tab7 a:hover { background-position: 0px -66px; }
.Nav-x li.tab0Selected a:hover { width: 71px; background-position: 0px -33px; }
.Nav-x li.tab1Selected a:hover { width: 75px; background-position: 0px -33px; }
.Nav-x li.tab2Selected a:hover { width: 108px; background-position: 0px -33px; }
.Nav-x li.tab3Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab4Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab5Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab6Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab7Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab0Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab1Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab2Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab3Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab4Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab5Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab6Selected a:hover { background-position: 0px -33px; }
.Nav-x li.tab7Selected a:hover { background-position: 0px -33px; }




/* Search box */
.Search { float: right; padding: 0px; font-family: Arial, Helvetica, sans-serif; height: 29px; width: 210px; }
.Left { }
.Right { }
.Body { }
.Form { border: 0px solid #fff; padding: 0px; margin: 0px; text-align: right; }
.Form label { display: none; }
.Form input.Text { margin-top: 3px; width: 120px; font-size: 11px; font-family: Tahoma , Arial, Sans-Serif; float: left; color: #666; background: url(images/template/searchboxBG.gif); height: 18px; width: 130px; border-style: none; padding: 5px 0 0 6px; color: #333333; float: left; display: block; overflow: hidden; }
.Form .btnsearch { display: block; float: left; cursor: pointer; width: 72px; height: 29px; background: transparent url(images/template/btnsearch.gif) no-repeat top left; border-bottom: none !important;text-decoration:none !important }
.Form .btnsearch, .Form .btnsearch:link, .Form .btnsearch:active, .Form .btnsearch:hover { display: block; float: left; cursor: pointer; width: 72px; height: 29px; background: transparent url(images/template/btnsearch.gif) no-repeat top left; border-bottom: none; }
.Form .Option { display: none; }
.Form .Option input { clear: both; display: block; float: left; width: 13px; height: 13px; margin-right: 4px; }
/* End  */





/*== Boxes in right column ==*/


.Box-CrossPromo { width: 147px; clear: both; float: left; margin-bottom: 10px; }
.Box-CrossPromo .Banner { width: 152px; background: url(images/greytop.png) no-repeat; clear: both; float: left; margin-left: 1px; }
.Box-CrossPromo .Banner .Title { font-family: Arial, Helvetica, sans-serif; padding: 5px 0 5px 0px; float: left; color: #fff; font-size: 1em; font-weight: bold; letter-spacing: 0.9px; padding-left: 8px; }
/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-CrossPromo .Body { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; line-height: 1.1em; color: #666; font-weight: bold; float: left; width: 147px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.Box-CrossPromo .Body .Left { }
.Box-CrossPromo .Body .Right { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-CrossPromo .Body .Content { margin: 0px 1px 1px 1px; padding: 5px; text-align: left; float: left; background: #FFF; }
.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: right; padding-top: 5px; padding-right: 5px; }
.Box-CrossPromo .Footer { width: 147px; padding: 10px; }
/* ==========================================================================
=========================================Box-FocusOn============================ */
.Box-FocusOn { width: 150px; margin-bottom:15px;}
.Box-FocusOn .Banner { background: transparent url(images/webparts/FocusHeaderBG.jpg) no-repeat top left; line-height: 2.5em; font-size: 1em; font-weight: bold; color: #FFF; padding: 0px 11px 0 11px; }
.Box-FocusOn .Body { background: transparent url(images/webparts/FocusbodyBG.gif) repeat-y top left; padding: 0 1px; }
.Box-FocusOn .Body .Content .Text { padding: 4px 12px 0 12px; font-size: 0.95em; }
.Box-FocusOn .Body .Content a { border: none; }
.Box-FocusOn .Body .Content a img { border: none; }
.Box-FocusOn .Footer { background: transparent url(images/webparts/focusfooterBG.gif) no-repeat bottom left; text-align: right; padding: 8px 11px 3px 11px; }
.Box-FocusOn .Footer .Left { text-align: right !important;padding-bottom:5px; }
.Box-FocusOn .Footer .Left a {text-decoration:none;font-weight: bold}
.Box-FocusOn .Footer .Left a:hover {border: none;text-decoration: none;font-weight: bold; }
/*========================================================================
    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; }
/* Social Bookmarking */
.Socialbookmarks { clear: left; padding: 400px; }
.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  */