A /* Horizontal (main) Navigation styles */ /* Horizontal (main) Navigation styles */ 
.Nav-x {width: 100%; display: block; float: left;  }
.Nav-x H2 { display: none; }
.Nav-x ul { clear:both; margin-top: 1px; padding:0px; width: 100%; margin-left:-4px }

.Nav-x ul li { float: left; display: block; text-align: center; height: 30px;background: transparent url(images/navseparator.gif) no-repeat top right; }
.Nav-x ul li a { font-size: 14px;  font-family: Arial,Helvetica,Sans-serif; display: block; font-weight: bold; padding: 5px 22px 8px; text-decoration: none; text-transform: uppercase; text-align: center; color: #FFF; }
.Nav-x ul li a:active,.Nav-x ul li a:visited  { text-decoration: none; text-align: center; color: #fff; }
.Nav-x ul li a:hover { background: #FFF; color: #FC0702; text-decoration: underline;  }
.Nav-x ul li.LinkSelected {  background:#fff none;color: #FC0702; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center;   }
.Nav-x ul li:hover {}
.Nav-x ul li:first-child  {background: transparent url(images/navseparator.gif) no-repeat top right;}
.Nav-x ul li.LinkSelected a { background: #FFF; float: left; display: block; color: #444;font-weight: bold; text-decoration: none; text-align: center; }



/*-------------------NAV Y START---------------------------*/
/* Vertical (secondary) Navigation styles */

.Nav-y { width:190px; float:left; background:#F4E8DC; min-height:500px}
/* header */
.Nav-y .Header {background: transparent url(images/navyheader.gif) no-repeat ;width:190px; height:4px; overflow:hidden}
.Nav-y .Header .Left { }
.Nav-y .Header .Title { display:none;}
.Nav-y .Header .Right { }
/* body */
.Nav-y .Body .Left { }
.Nav-y .Body .Right { }
.Nav-y .Body .Content { }
/* first group */
.Nav-y .Body ul { margin: 0; padding: 0; list-style: none;  width: 190px; }
.Nav-y .Body ul li { background: #CB3301; margin: 0; padding: 0; width: 190px;vertical-align:top; }
.Nav-y .Body ul li a { color: #FFF; text-decoration: underline; background: #CB3301; font-size: 1em; line-height: 2em; font-weight: bold; padding: 0 0 4px 10px; text-decoration: none; display: block; border-bottom: 1px solid #fff;vertical-align:top; }
.Nav-y .Body ul li a:hover { color: #CB3301; text-decoration: underline; background: #FFF ; padding-left: 10px; }


/* first group*/
.Nav-y .Body ul li.Selected {background-color:#fff;}
.Nav-y .Body ul li.Selected a { background: #FFF; color: #9C2583; display: block;font-weight:bold; }
.Nav-y .Body ul li.Selected a:hover { color: #9C2583; text-decoration: underline;font-weight:bold; }
/*.Nav-y .Body ul li.Selected ul li a { background: #FFF; color: #9C2583; display: block;font-weight:normal; }*/
.Nav-y .Body ul li.ParentSelected a { background: #e8e7e5 url(images/navyParentSelected.gif) no-repeat 95% 50%; color: #23729c; display: block;font-weight:bold; }
.Nav-y .Body ul li.ParentSelected a:hover {text-decoration: underline; }
/*..Nav-y .Body ul li.ParentSelected ul li a { background: #FFF; color: #9C2583; display: block;font-weight:normal; }*/

/* second group */
.Nav-y .Body ul li.Selected a 
{color:#000}
.Nav-y .Body ul li.Selected ul 
{margin: 0; padding: 0;}
.Nav-y .Body ul li.Selected ul li a
{background: #EFEFEF url(images/navybullet_grey.gif) no-repeat 10px 50%; padding-left:23px;font-weight:normal; line-height:1.3em;padding-top:7px; padding-bottom:7px}
.Nav-y .Body ul li.Selected ul li a:hover
{}
.Nav-y .Body ul li.Selected ul li.Selected a
{background-color:#fff}
.Nav-y .Body ul li.Selected ul li.ParentSelected a
{font-weight:bold}
.Nav-y .Body ul li.Selected ul li.ParentSelected a:hover 
{}
.Nav-y .Body ul li.Selected ul li.ParentSelected 
{background: #fff; width:100%}
.Nav-y .Body ul li.ParentSelected ul 
{margin: 0; padding: 0;}
.Nav-y .Body ul li.ParentSelected ul li a
{background: #EFEFEF url(images/navybullet_grey.gif) no-repeat 10px 50%; padding-left:23px;font-weight:normal; line-height:1.3em;padding-top:7px; padding-bottom:7px}
.Nav-y .Body ul li.ParentSelected ul li a:hover
{color:#23729c;}
.Nav-y .Body ul li.ParentSelected ul li.ParentSelected a, 
.Nav-y .Body ul li.ParentSelected ul li.ParentSelected a:hover
{font-weight:bold; color: #23729c}
.Nav-y .Body ul li.ParentSelected ul li.Selected a,
.Nav-y .Body ul li.ParentSelected ul li.Selected a:hover
{}

.Nav-y .Body ul li.ParentSelected ul li.ParentSelected {background: #fff; width:100%}

/* third group */
.Nav-y .Body ul li.ParentSelected ul li.ParentSelected ul li a,.Nav-y .Body ul li.ParentSelected ul li.ParentSelected ul li a:hover{ font-weight:normal; color:#000; background: #fff url(images/NavYBullet_black.gif) no-repeat 10px 50%; padding-left:23px;}
.Nav-y .Body ul li.ParentSelected ul li.ParentSelected ul li.Selected a,.Nav-y .Body ul li.ParentSelected ul li.ParentSelected ul li.Selected a:hover {font-weight:bold; color:#000; background-color: #FFF}
.Nav-y .Body ul li.ParentSelected ul li.Selected ul li a,
.Nav-y .Body ul li.ParentSelected ul li.Selected ul li a:hover{ font-weight:normal;  background: #EFEFEF url(images/navybullet_grey.gif) no-repeat 23px 50%; padding-left:37px;}


/* footer */
.Nav-y .Footer { background: transparent url(images/navYFooter.gif) repeat-x; height: 16px !important; }

/*-------------------NAV Y END---------------------------*/








/* Search */
.Search { float: right; width: 235px; padding: 10px 5px 5px 10px; font-size: 0.9em; font-family: Tahoma, Arial, Sans-Serif; }
.Left {}
.Right {}
.Body {}
.Form { padding: 0; color: #000000; }
.Form label { float: left; padding: 3px 15px 1px 10px; font-weight: bold; color: #666666; }
.Form input.Text { width: 120px; font-size: 11px; font-family: Tahoma, Arial, Sans-Serif; float: left; color: #666; }
.Form .Button { 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: 4px; }
/* End  */




/*============================================================================================================
====================Right hand box styles=========================*/


.Box-CrossPromo { width: 100%; background: #fff; margin-bottom: 24px; clear: both; float: left; }
.Box-CrossPromo .Banner {width: 180px; background: #fff url(images/thinbox_top.gif) no-repeat; clear: both;}
.Box-CrossPromo .Banner .Left { }
.Box-CrossPromo .Banner .Left { }
/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-CrossPromo .Body {background: #fff url(images/thinbox_mid.gif) repeat-y; clear: both;padding: 0px 10px 3px 10px; }
.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 {color:#555}
.Box-CrossPromo .Body .Content .Text {}
.Box-CrossPromo .Body .Content a {  }
.Box-CrossPromo .Body .Content ul {margin:0px; padding:0px }
.Box-CrossPromo .Body .Content ul li {list-style: none;}
.Box-CrossPromo .Body .Content ul li a {margin-bottom:15px }
.Box-CrossPromo .Body .Content a {}
.Box-CrossPromo .Footer {width: 180px; height:7px; background: url(images/thinbox_bot.gif) no-repeat bottom left; clear: both; margin:0px; padding:5px 0 0 0 ;}
* html .Box-CrossPromo .Footer {width: 180px; height:7px; background: url(images/thinbox_bot.gif) no-repeat bottom left; clear: both; margin-left:-10px; margin-top:-2px; padding:5px 0 0 0 ;}
/* ==========================================================================
=========================================FocusOn Box============================ */
.Box-FocusOn { margin-bottom: 20px; clear: both; }
.Box-FocusOn .Banner { width: 180px; background: #fff url(images/thinbox_top.gif) no-repeat; clear: both; }
.Box-FocusOn .Banner .Left { }
.Box-FocusOn .Banner .Right { }
.Box-FocusOn .Banner .Title { }
span.Title {font-weight:bold; font-size: 115%;  font-family: Arial,Helvetica,Sans-serif; color: #cd3300; padding: 10px 10px 0 10px; text-transform: uppercase; display: block; }

.Box-FocusOn .Body {width: 180px; background: #fff url(images/thinbox_mid.gif) repeat-y; clear: both;}
.Box-FocusOn .Body a { }
.Box-FocusOn .Body .Left {padding: 0 10px 10px 10px }
.Box-FocusOn .Body .Left { }
.Box-FocusOn .Body .Content {color:#555}
.Box-FocusOn .Body .Content .Text { padding-top: 10px; }
.Box-FocusOn .Body .Content a { }
.Box-FocusOn .Body .Content img {  padding-top: 10px; }
.Box-FocusOn .Body .Content label { }
.Box-FocusOn .Body .Right { }
.Box-FocusOn .Body .Right { }
.Box-FocusOn .CommandBtn { }
.Box-FocusOn .Footer { width: 180px; height:7px; background: url(images/thinbox_bot.gif) no-repeat bottom left; clear: both;}
.Box-FocusOn .Footer .Left { }
.Box-FocusOn .Footer .Right { }
/*========================================================================
=======================================================================*/

/* Events Box */
.Events {margin-bottom:24px}
.Events .Banner {width: 180px; background: #fff url(images/thinbox_top.gif) no-repeat; clear: both; }
/* 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 {  }
.Events .Banner .Header { margin: 5px 4px 0px 4px; padding: 6px; float: left; text-align: left; display: block; background: #FFF; width: 262px; }
.Events .Body { font-size: 0.97em; font-family: Arial, Helvetica, sans-serif; text-align: center; float: left; font-weight: normal; }
/* 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 {padding: 10px; background: #fff url(images/thinbox_mid.gif) repeat-y; text-align: left; 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 { width: 180px; height:7px; background: url(images/thinbox_bot.gif) no-repeat bottom left; clear: both}
.Events .Footer .Left {}
.Events .Footer .Right {}
/*==============================Links Boxes====================
====================================================*/

.Links { width: 100%; background: #fff; margin-bottom: 20px; clear: both; float: left; }
.Links .Banner { width: 100%; background: #fff; clear: both; float: left; }
.Links .Banner .Title { font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; padding: 6px 0 7px 10px; float: left; background: #fff; color: #000; font-size: 1.3em; letter-spacing: 0.9px; }
.Links .Banner .Left { }
.Links .Banner .Left { }
.Links .Body { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; text-align: center; float: left; color: #666; font-weight: normal; }
.Links .Body .Left { }
.Links .Body .Right { }
.Links .Body .Content { margin: 0px 1px 1px 1px; padding: 10px; text-align: left; float: left; background: #FFF; }
.Links .Body .Content .Text { float: left; }
.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 .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  */

/* News Box */
.Box-News {clear:both; width:756px; margin-bottom:20px;background: url(images/BoxBorders/bordernews_slice.png) repeat-y;}

/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-News .Banner {height: 8px; background: url(images/BoxBorders/bordernews_top.png) no-repeat;}
/* 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 {float: left; display: block;  width: 93%; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#cd3300; text-transform:capitalize; margin: 5px 0 0 8px; padding: 0 0 0 0 }

* html .Box-News .Banner .Title {float: left; display: block;  width: 93%; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#cd3300; text-transform:capitalize; margin: 5px 0 0 5px; padding: 0 0 0 0 }

.Box-News .Banner .Content { }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-News .Banner .Right {display:none}
/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-News .Body {clear: both; }
/* 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 { width:100%; margin-top:30px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
* html .Box-News .Body .Content { width:100%; margin-top:10px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; }

/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Content a {font-weight:bold; margin:0 0 0 18px;}
.Box-News .Body .Content dl { }
.Box-News .Body .Content dl dt { display: block; width: 95%; }
.Box-News .Body .Content dl dt a {}
.Box-News .Body .Content dl dd {}
.Box-News .Body .Content dl dd  a{ font-weight:normal;text-align: right; text-decoration:none; color:#22739e;  border-bottom:1px solid;}
.Box-News .Body .Content .Text { /*float:left;*/ }
.Box-News .Body .Content .morelink { font-weight: bold; margin: 5px 0 0 8px; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/

/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-News .Body .Right { background: #fff; float: right; }

/* User Control Footer areas */
.Box-News .Footer { height: 6px; width: 756px; background: #fff url(images/BoxBorders/bordernews_bottom.png) no-repeat; clear: both; padding: 10px 10px 3px 10px; }
.Box-News .Footer .Left {}
.Box-News .Footer .Right {}

/* End  */



.Box-NewsSearch .Banner .Left { color: #555555; font-size: 1.4em; font-weight: bold; font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; margin-bottom: 7px; }

/*Seach button style!*/
.Box-NewsSearch .Body .Content #nkSearch { clear: both; float: left; background: #d9992e url(images/btn_search.jpg) no-repeat;height: 19px; width: 47px; padding-top: 2px; margin-top: 10px; margin-bottom: 20px; }

/*Seach box style!*/
.Box-NewsSearch .Body .Content #divSearch .field #txtSearch { clear: both; float: left; background: #ffffff; border-style: solid; border-width: 1px; border-color: #606060; margin-top: 7px; height: 21px; width: 130px; }

/* 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; margin: 10px; border: 1px solid #CCC;  }
.Comment .Name { padding: 2px 0px 5px 0px; font-weight: bold; font-size: 90%; }
.Comment .Name .Date {  font-weight: normal; }
.Comment .Details { padding: 0px 0px 5px 10px; }
.CommentForm { background: #FFF; color: #333; }

.CommentRating { margin: 10px; }
/* Social Bookmarking */
.Socialbookmarks { clear: left; margin: 10px; }
.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  */


/* PlacestoVisit Box */

.Box-PlacesToVisit {margin-bottom:24px }
/* User Control Banner areas (usually says 'focus on' in there in regular CMS */
.Box-PlacesToVisit .Banner { width: 180px; background: #fff url(images/thinbox_top.gif) no-repeat; clear: both; }
/* 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{}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-PlacesToVisit .Banner .Right{}
  
    /* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-PlacesToVisit .Body{background: #fff url(images/thinbox_mid.gif) repeat-y; clear: both; padding: 0px 10px 3px 10px;}
        /* Used to show left edge repeating background image */
.Box-PlacesToVisit .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-PlacesToVisit .Body .Content {}
 .Box-PlacesToVisit .Body .Content .Text{}
		 .Box-PlacesToVisit .Body .Content .Text .Title{padding:0px; margin:0px}		
        .Box-PlacesToVisit .Body ul 
            {}
        .Box-PlacesToVisit .Body ul li
            {}
        /* Nested inside the left div- for expandable widths (ie sliding doors)*/
        .Box-PlacesToVisit .Body .Right
            {}
			
			     .Box-PlacesToVisit .Footer { width: 180px; height:7px; background: url(images/thinbox_bot.gif) no-repeat bottom left; clear: both;}
     .Box-PlacesToVisit .Footer .Left { }
     .Box-PlacesToVisit .Footer .Right { }
       /* End  */