.css{} /* Horizontal (main) Navigation styles */ .Nav-x {list-style:none; padding:0; text-align:center; font-size:12px; font-weight:bold; width:979px; background: url(images/nav_bg.gif) no-repeat right top; float:left} .Nav-x H2 {display:none; } .Nav-x .Links {list-style: none; padding: 0 0 0 5px; margin: 0; display:block;} .Nav-x .Links .Separator {display:none; } .Nav-x .Links .Link {background:transparent url(images/appbtn_bg2.gif) no-repeat top left; float: left; width: 121px; display: block;} .Nav-x .Links .Link .Left {padding:0 0 6px 0; background: transparent url(images/appbtn_right.gif) no-repeat top right; float: right; width: 121px; display: block;} .Nav-x .Links .Link a { padding:6px 0; background: transparent; width: 121px; display: block ;color:#1f2e60; text-decoration:none;} .Nav-x .Links .Link a:active, .Nav-x .Links .Link a:hover {float: left; width: 121px; display: block; text-decoration:underline;} .Nav-x .Links .LinkSelected {background: transparent url(images/appbtn_bg4.gif) no-repeat top left; float: left; width: 121px; display: block; color:#b31b34;} .Nav-x .Links .LinkSelected .Left {padding:0 0 6px 0; float: left; width: 121px; display: block; } .Nav-x .Links .LinkSelected .Left a {padding:6px 0; width: 121px; display: block; text-decoration: none; color:#b31b34;} .Nav-x .Links .LinkSelected .Left a:hover, .Nav-x .Links .LinkSelected .Left a:active {text-decoration: underline;} /* End */ /* Vertical (secondary) Navigation styles */ /* header */ .Nav-y .Header {background:url(images/appbanner_bg.gif) repeat-x; width:100%; height: 8px; } .Nav-y .Header .Left {background:url(images/appbanner_chamleft.gif) no-repeat top left; height:8px; text-align:left; float:left; width:5px; } .Nav-y .Header .Title {padding-left: 0px; float:left; } .Nav-y .Header .Right {background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:8px;text-align:left; float:right; width:6px; } /* body */ .Nav-y .Body .Left {background: url(images/appbody_left.gif) top left repeat-y; text-align:left; float:left; } .Nav-y .Body .Right {background:url(images/appbody_right.gif) repeat-y top right; float:right; } .Nav-y .Body .Content { margin: 0; padding:0; float:left; text-align:left; width:176px; border-left:1px solid #ccc ; border-right:1px solid #ccc ; } /* first group */ .Nav-y .Body ul {margin: 0; padding: 0; list-style: none; width:100%;} .Nav-y .Body li {color: #FFF; margin: 0; padding: 0; } .Nav-y .Body ul li {background:#b31b34 url(images/bullet_1.gif) 10px 7px no-repeat; padding:5px 5px 5px 28px;border-top:1px solid #ccc; } .Nav-y .Body ul li a {color: #fff; padding: 0;text-decoration: none; } .Nav-y .Body ul li a:hover {color: #fff; text-decoration: underline; } .Nav-y .Body ul li.Selected {background:#fff url(images/bullet_on1.gif) 10px 7px no-repeat; padding:5px 0 0 0; border-bottom:1px solid #ccc; } .Nav-y .Body ul li.Selected a {color:#003066; margin: 0;padding: 0 0 5px 28px ; display:block; } .Nav-y .Body ul li.Selected a:hover {color:#003066; margin: 0;padding: 0 0 5px 28px;display:block; text-decoration:underline; } /* second group */ .Nav-y .Body ul ul {background: #FFF ; margin: 0;padding: 0;} .Nav-y .Body ul ul li {color: #395978;margin: 0; padding: 0;} .Nav-y .Body ul ul li.Selected {background:url(images/nav_y_tile.gif) repeat-y; border-top:1px solid #ccc; background: url(images/bullet_on2.gif) 19px 8px no-repeat; color:#fff; margin:0;} .Nav-y .Body ul ul li.Selected a {color:#b31b34; margin: 0;padding: 0 5px 5px 38px ; display:block;} .Nav-y .Body ul ul li.Selected a:hover {color:#b31b34; margin: 0;padding: 0 5px 5px 38px;display:block; text-decoration:underline; } .Nav-y .Body ul ul li.Sub {border-top:none; color:#FFF; margin:0; padding:0; background: #e5e5e5 url(images/bullet_on3.gif) 19px 5px no-repeat;} .Nav-y .Body ul ul li.Sub a {color: #003066; padding: 4px 0 4px 38px; display:block; text-decoration:none; } .Nav-y .Body ul ul li.Sub a:hover {color: #003066; padding: 4px 0 4px 38px; display:block; text-decoration:underline; } /* third group */ .Nav-y .Body ul ul ul {margin: 0; padding: 0;background:#e5e5e5; border-top:1px solid #ccc;} .Nav-y .Body ul ul ul li {color: #fff;margin: 0;padding: 5px 0 0 0;} .Nav-y .Body ul ul ul li.Sub {color: #fff;margin: 0; padding: 0px 5px 5px 38px;} .Nav-y .Body ul ul ul li.Sub a {color: #003066; margin: 0; padding: 0; border: none; text-decoration: underline; } .Nav-y .Body ul ul ul li.Sub a:hover {color: #003066; margin: 0; padding: 0; } .Nav-y .Body ul ul ul li.Selected {border-top:none; color:#FFF; margin:0; padding:0; background: url(images/bullet_on3.gif) 19px 7px no-repeat; } .Nav-y .Body ul ul ul li.Selected a {color: #b31b34; padding: 4px 0 4px 32px; margin-left:5px; display:block; text-decoration:none;} .Nav-y .Body ul ul ul li.Selected a:hover {color: #b31b34; padding: 4px 0 4px 32px; margin-left:5px; display:block; text-decoration:underline; } /* footer */ .Nav-y .Footer {background:transparent url(images/appfooter_bg_tile.gif) repeat-x; float:left; height: 94px; width:100%; border-top:1px solid #ccc; } .Nav-y .Footer .Left {background:transparent url(images/appfooter_left_nav.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 94px;} .Nav-y .Footer .Right {background:transparent url(images/appfooter_right_nav.gif) no-repeat top right; height:94px;text-align:left; float:right; width:6px;} /* End */ /* Search */ .Search {width: 200px;padding:10px 5px 5px 5px; font-size:11px; font-family:Tahoma, Arial, Sans-Serif;} .Left {} .Right {} .Body {} .Form {float:left;} .Form input.Text {width: 140px;min-height:15px;padding-top: 0px;font-size:11px;font-family:Tahoma, Arial, Sans-Serif;} .Form .Button {font-size:11px;font-family:Tahoma, Arial, Sans-Serif;} .Form .Option {clear:both;display:block;float:left;} .Form .Option input {clear:both;display:block;float:left;width:13px;height:13px;margin-right:10px;} /* End */ /* FocusOn Box */ .Box-FocusOn {padding:0; clear:both; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-FocusOn .Banner{color:#fff;width:100%; } /* Used for rounded corners and to hold a with the title in it. */ .Box-FocusOn .Banner .Left{ background: url(images/appbanner_chamright.gif) no-repeat top right; text-align:left; float:left; width:100%; display:block; } /* in the above style to show Control title/ page title */ .Box-FocusOn .Banner .Title{padding:6px 0 10px 28px; font-weight:bold; float:left; background:url(images/appbanner_chamleft.gif) no-repeat top left; } /* 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 {float:left; width:100%; border-top:1px solid #b2b2b2; background:#e5e5e5 url(images/appfooter_bg.gif) bottom repeat-x; margin:0 0 10px 0;} .Box-FocusOn .Footer .Left{float:left; padding:0 5px 0 0; text-align:left;color:#013066; background: url(images/appfooter_right.gif) no-repeat bottom right; } .Box-FocusOn .Footer .Right{/*float:right; width:6px; text-align:left;*/ display:none; } .Box-FocusOn .Footer .Left a {display:block; width:165px; color:#172e60; background:transparent url(images/appfooter_left.gif) no-repeat left bottom; padding:3px 0 5px 7px; font-weight:bold; text-decoration:underline;} .Box-FocusOn .Footer .Left a:hover, .Box-FocusOn .Footer .Left a:active {text-decoration:none;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-FocusOn .Body{ } /* Used to show left edge repeating background image */ .Box-FocusOn .Body .Left{text-align:left; height:auto; background: url(images/appbody_left.gif) top left repeat-y; float:left;} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-FocusOn .Body .Content{height: auto; margin-left: 0 !important; padding-left:0 !important; text-align:center; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content .Text{ color:#000; padding:0 0 0 5px; text-align:left;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content a {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content img{} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; padding:0 2px 5px 1px;} .Box-FocusOn .Body .expandx { width:169px; display:block; } .Box-FocusOn .Body .expandx img {padding:5px 2px 2px 3px;} /* End */ /* End */ /* CrossPromo Box */ .Box-CrossPromo {padding:3px 0 0 0; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-CrossPromo .Banner{background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; color:#fff; } /* Used for rounded corners and to hold a with the title in it. */ .Box-CrossPromo .Banner .Left{background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:15px; } /* in the above style to show Control title/ page title */ .Box-CrossPromo .Banner .Title{padding: 1px 0 0 30px; font-weight:bold; line-height:32px; float:left; background:url(images/bullet.gif) 5px 7px no-repeat;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-CrossPromo .Banner .Right{background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:100%; } /* End */ /* User Control Footer areas */ .Box-CrossPromo .Footer {float:left; width:100%; border-top:1px solid #b2b2b2; background:#e5e5e5 url(images/appfooter_bg.gif) bottom repeat-x;} .Box-CrossPromo .Footer .Left{float:left; padding:0 5px 0 0; text-align:left;color:#013066; background:url(images/appfooter_left.gif) bottom left no-repeat; width:7px; } .Box-CrossPromo .Footer .Right{float:right; width:6px; text-align:left;background: url(images/appfooter_right.gif) no-repeat bottom right; } /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-CrossPromo .Body{line-height:1.4em; } /* Used to show left edge repeating background image */ .Box-CrossPromo .Body .Left{text-align:left; background: transparent url(images/appbody_left.gif) top left repeat-y; float:left;padding-left:2px;} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-CrossPromo .Body .Content{height: auto; margin-left: 0 !important; padding-left:0 !important; text-align:left; width:100%; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content .Text{ color:#000; padding:0 0 0 5px; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content a {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content img{} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; padding:0 2px 0 0px; width:99%; } .Box-CrossPromo .Body .expandx { display:block; } .Box-CrossPromo .Body .expandx img {padding:5px 2px 2px 3px;} /* End */ /* End */ /* News Box */ .Box-News {width:181px; padding:3px 0 0 0;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-News .Banner{background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; color:#FFF; } /* Used for rounded corners and to hold a with the title in it. */ .Box-News .Banner .Left{background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; } /* in the above style to show Control title/ page title */ .Box-News .Banner .Title{padding: 1px 0 0 30px; font-weight:bold; line-height:32px; float:left; background:url(images/bullet.gif) 5px 7px no-repeat;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-News .Banner .Right{float:right;height:30px; 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-News .Footer {float:left; height:29px; width:100%; background:transparent url(images/appfooter_bg.gif) repeat-x; border-top:1px solid #b2b2b2; } .Box-News .Footer .Left{float:left; height: 29px; padding:0 5px 0 10px; background:transparent url(images/appfooter_left.gif) no-repeat bottom left; text-align:left;color:#013066; } .Box-News .Footer .Right{float:right;height:29px;width:6px; background:transparent url(images/appfooter_right.gif) no-repeat bottom right;text-align:left;} .Box-News .Footer .Left a {display:block; color:#172e60; padding:3px 0 0 0; font-weight:bold; text-decoration:underline;} .Box-News .Footer .Left a:hover, .Box-News .Footer .Left a:active {text-decoration:none;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-News .Body{ line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-News .Body .Left{background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto; margin:0 !important; padding:0 !important; } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-News .Body .Content{ height: auto; margin-left: 0 !important; padding-left:0 !important; text-align:left; } .Box-News .Body .Content .Text{ color:#000; padding:3px 0 0 5px; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-News .Body .Content a {color:#013066; text-decoration:underline; } .Box-News .Body .Content a:hover, .Box-News .Body .Content a:active{text-decoration:none;} .Box-News .Body .Content dl {margin:0; padding: 0; } .Box-News .Body .Content dl dt {list-style: none; } .Box-News .Body .Content dl dt a{ } .Box-News .Body .Content dl dd { color:#000; margin:0 !important;} /* 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:transparent url(images/appbody_right.gif) repeat-y top right; float:right; padding:0 2px 5px 1px; width:177px; display:block;} /* End */ /* End */ /* Events Box */ .Box-Events {width:181px; color:#FFF; padding:0;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Events .Banner{background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; } /* Used for rounded corners and to hold a with the title in it. */ .Box-Events .Banner .Left{background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; } /* in the above style to show Control title/ page title */ .Box-Events .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-Events .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-Events .Footer { background:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Box-Events .Footer .Left{background:#000 url(images/appfooter_left.gif) no-repeat bottom left; text-align:left; float:left; width:6px; height: 30px;} .Box-Events .Footer .Right{background:transparent url(images/appfooter_right.gif) no-repeat bottom right; height:30px;text-align:left; float:right; width:6px;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Events .Body{font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-Events .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-Events .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-Events .Body .Content .Text{float:left; } .Box-Events .Body .Content a {display:block;clear:left;text-align:right;} .Box-Events .Body .Content ul {margin: 0px;padding: 0;} .Box-Events .Body .Content ul li {list-style: none;} .Box-Events .Body .Content ul li a{float:left; display:inline;} .Box-Events .Body .Content .Text{float:left; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .Body .Content a {float:left;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .Body .Content img{} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .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 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; } /* 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 */ /* End */ /* News Box */ .Box-QuickSection{width:181px; padding:3px 0 0 0;} /* 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; color:#FFF; } /* Used for rounded corners and to hold a 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; } /* in the above style to show Control title/ page title */ .Box-QuickSection .Banner .Title{padding: 1px 0 0 30px; font-weight:bold; line-height:32px; float:left; background:url(images/bullet.gif) 5px 7px no-repeat;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-QuickSection .Banner .Right{float:right;height:30px; 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:29px; width:100%; background:transparent url(images/appfooter_bg.gif) repeat-x; border-top:1px solid #b2b2b2; } .Box-QuickSection .Footer .Left{float:left; height: 29px; padding:0 5px 0 10px; background:transparent url(images/appfooter_left.gif) no-repeat bottom left; text-align:left;color:#013066; } .Box-QuickSection .Footer .Right{float:right;height:29px;width:6px; background:transparent url(images/appfooter_right.gif) no-repeat bottom right;text-align:left;} .Box-QuickSection .Footer .Left a {display:block; color:#172e60; padding:3px 0 0 0; font-weight:bold; text-decoration:underline;} .Box-QuickSection .Footer .Left a:hover, .Box-News .Footer .Left a:active {text-decoration:none;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-QuickSection .Body{ line-height:1.4em;} /* Used to show left edge repeating background image */ .BBox-QuickSection .Body .Left{background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto; margin:0 !important; padding:0 !important; } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-QuickSection .Body .Content{ height: auto; margin-left: 0 !important; padding-left:0 !important; text-align:left; } .Box-QuickSection .Body .Content .Text{ color:#000; padding:3px 0 0 5px; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-QuickSection .Body .Content a {color:#013066; text-decoration:underline; } .Box-QuickSection .Body .Content a:hover, .Box-News .Body .Content a:active{text-decoration:none;} .Box-QuickSection .Body .Content dl {margin:0; padding: 0; } .Box-QuickSection .Body .Content dl dt {list-style: none; } .Box-QuickSection .Body .Content dl dt a{ } .Box-QuickSection .Body .Content dl dd { color:#000; margin:0 !important;} /* 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; padding:0 2px 5px 1px; width:177px; display:block;} /* End */ /* End */