* { margin:0; padding:0; }
a, a:visited { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
a:active, a:focus { outline:0; }

body { font-family:Verdana; font-size:10px; color:#000; position:relative; }
#pagewrap { width:1000px; position:relative; }
#top { height:162px; border-bottom:7px solid #0274cb;}
#top #banner { height:109px; background:url('images/banner.jpg') no-repeat; position:relative; }
#top #banner #logolink { position:relative; display:block; left:18px; width:320px; height:85px; border:none; }
#top #banner #supportedby { position:relative; left:20px; top:0px; color:#919191; }
#top #banner #supportedby a img { border:none; vertical-align:middle; }

#mid { border-top:3px solid #ff3c04; border-bottom:5px solid #0274cb;margin-top:1px; position:relative; }
#mid #col_l { width:200px; float:left; padding-top:15px; }
#mid #col_r { width:210px; float:right; padding-top:15px; }
#mid #col_c { width:590px; margin-left:200px; /*padding-right:210px;*/ padding-top:11px; position:relative; }

.widget_cal { width:185px; /*height:185px;*/ border:1px solid #868686; margin:0 auto 17px auto;}
.widget_cal_text { width:185px; margin:0 auto 12px auto; }
.widget_cal_upcoming { width:195px; margin:0 auto 12px auto; }
.widget_othernews { width:208px; margin:0 auto 7px auto; }
.widget_mainnews { width:584px; margin-bottom:14px; position:relative; }
.widget_subnavi { width:195px; margin:0 auto 12px auto; }
.widget_enews_sub { width:208px; margin:0 auto 7px auto; }
#col_l .widget_enews_sub { width:195px; margin:0 auto 12px auto; }
.page_contents { width:584px; margin-bottom:14px; position:relative; font-size:11px; line-height:160%; /*text-align:justify; */}

/*flexible box shadows with not dimension constraint*/
.box_left { background:url('images/shadow_l.gif') left repeat-y; }
.box_right { background:url('images/shadow_r.gif') right repeat-y; }
.box_top { background:url('images/shadow_t.gif') top repeat-x; }
.box_top_left { background:url('images/shadow_tl.gif') top left no-repeat; }
.box_top_right { background:url('images/shadow_tr.gif') top right no-repeat; }
.box_bot { background:url('images/shadow_b.gif') bottom repeat-x; }
.box_bot_left { background:url('images/shadow_bl.gif') bottom left no-repeat; }
.box_bot_right { background:url('images/shadow_br.gif') bottom right no-repeat; }
.box_contents { padding:4px; overflow: hidden; /*for stretching box to fit floating elements within it*/ }
/*end flexible box shadows*/

.box_contents h1 { font-family:"Trebuchet MS", Arial; font-weight:bold; font-size:12px; color:#fff; background:#0274cb; height:24px; line-height:24px; padding-left:8px; }
.widget_mainnews .box_contents h1 { background:#ff3c04; }
.box_contents p, .box_contents div { padding:9px 8px; }
.widget_othernews div.article { padding:0 0 0 12px; display:none;}
.widget_othernews div.article.on { display:block; }
.widget_othernews div.link, .widget_mainnews div.link { text-align:right; padding:10px 0 0 0; }
.widget_mainnews div.topics { width:270px; float:left; } 
.widget_mainnews div.topics a { border-bottom:1px dotted #979797; font-family:"Trebuchet MS", Arial; font-size:12px; font-weight:bold; color:#ff3c04; display:block; padding:4px 0; }
.widget_mainnews div.topics a.on, .widget_mainnews div.topics a:hover { color:#0274cb; text-decoration:none; }
.widget_mainnews div.topics a:active, .widget_mainnews div.topics a:focus { outline:0; }
.widget_mainnews div.topics a.rsslink { border-bottom:none; font-family:Verdana; font-size:10px; font-weight:normal; color:#919191; display:inline; }
.widget_mainnews div.topics a.rsslink:hover { color:#000; text-decoration:underline; }
.widget_mainnews div.article { width:270px; float:right; text-align:justify; display:none; height:272px; overflow:auto; }
.widget_mainnews div.article.on { display:block; }
.widget_subnavi .box_contents h1 { background:#ff3c04; }
.widget_subnavi .box_contents div { padding-bottom:27px; }
.widget_subnavi .box_contents div a { border-bottom:1px dotted #979797; font-family:"Trebuchet MS", Arial; font-size:12px; font-weight:bold; color:#ff3c04; display:block; padding:2px 0; }
.widget_subnavi div a.on, .widget_subnavi div a:hover { color:#0274cb; text-decoration:none; }
.widget_subnavi div a:active, .widget_subnavi div a:focus { outline:0; }
.page_contents h1.top { background:none; font-size:16px; background:url('images/history.jpg') no-repeat; height:25px; padding-top:75px; font-variant:small-caps; text-transform:capitalize; letter-spacing:0; }
.page_contents ul { margin:0; padding:0; }
.page_contents ul li { margin:10px 20px; list-style:none; background:url('images/dot.gif') 0 6px no-repeat; padding-left:14px;  }
.page_contents .box_contents p, .page_contents .box_contents div { padding:9px 0px; }
.page_contents .box_contents div.top { padding:21px 8px 9px 8px; }

.page_contents ol { margin:0; padding:0 20px; }
.page_contents ol li { margin:0 20px; padding-left:14px; }
.page_contents a, .page_contents a:visited { font-weight:bold; color:#0274cb; }

#bot { height:16px; background:url('images/bot_bg.gif') repeat-x; margin-top:1px; line-height:14px; font-size:9px; color:#010101; text-align:right; padding:0 6px; position:relative; }
#bot .links { float:left; }
.clr { clear:both; height:1px; }

.u, a.u, a.u:visited { text-decoration:underline; }
.widget_othernews div.link a, .widget_mainnews div.link a { color:#ff3c04; }
.widget_mainnews div.link a { font-weight:bold; }
#bot .links a, #bot .links a:visited { color:#010101;}
.blue, a.blue { color:#0274cb; }
.red { color:#ff0000; }
.orange { color:#ff3c04; }
.grey { color:#919191; }
.smaller { font-size:90%; }
.larger { font-size:110%; }
.larger2 { font-size:140%; }
/* fix adverts width constraints */
#mid #col_r a.advert { margin:0 auto 7px auto; display:block; width:200px; overflow:hidden; }
#mid #col_r a.advert img { border:1px solid #8a8a8a; width:198px; }
#mid #col_c a.advert { margin:0 auto 7px 4px; display:block; width:576px; overflow:hidden; }
#mid #col_c a.advert img { border:1px solid #8a8a8a; width:574px; }
#mid #col_l a.advert { margin:0 auto 7px auto; display:block; width:189px; overflow:hidden; }
#mid #col_l a.advert img { border:1px solid #8a8a8a; width:187px; }
/* for swf adverts */
#mid #col_r div.advert { margin:0 auto 7px 4px; display:block; width:198px; overflow:hidden; border:1px solid #8a8a8a; }
#mid #col_c div.advert { margin:0 auto 7px 4px; display:block; width:574px; overflow:hidden; border:1px solid #8a8a8a; }
#mid #col_l div.advert { margin:0 auto 7px 4px; display:block; width:187px; overflow:hidden; border:1px solid #8a8a8a; }

/*dev purpose*/
#mid #col_l {  }
#mid #col_r {  }
#mid #col_c {  }
.widget_cal_text {  }

/******* BEGIN NAVI *********/
#divNav { font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; margin: 0; padding: 0; height:53px; width:1000px; }
#nav { position:relative; background:#fff url('images/navi_bg.gif') top repeat-x; height: 53px; padding-left:10px; }
#nav a { font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; text-decoration: none; }
#nav li { float: left; display: block; padding-right: 15px; height:53px; /*float the main list items; note descendant li ul li inherits this as well*/ }
#nav li ul li { margin:0; padding:0; height:28px; /*counter previous inherit*/ }
#nav li ul { display: none; }
#nav li.off ul, #nav li.on ul { position:absolute; padding:0; top:25px; left:0; background: #fff; height:28px; padding-left:22px; width:978px; /*use 'left:0;' if want to align to left; add 'padding-left:22px' as well; otherwise use no left, */}
/*problem with above is that the latter sections may not have enuf screen space to show the submenu*/
#nav li.on ul { /*background: #fff;*/ }
#nav li.on:hover ul, #nav li.over ul { /*for ie*/	/*background: #fff;*/ }
/*rounded corners*/
#nav li a .wrap_outer { background:none; padding:0; padding-left:10px; height:25px; }
#nav li a .wrap_inner { background:none; padding:0; padding-right:10px; height:20px; padding-top:5px; }
#nav li.on a .wrap_outer { background:url('images/navi_hover_l.gif') left no-repeat; padding:0; padding-left:10px; height:25px; cursor:pointer;/*ie cursor*/ }
#nav li.on a .wrap_inner { background:url('images/navi_hover_r.gif') right no-repeat; padding:0; padding-right:10px; height:20px; padding-top:5px; }
#nav li.off:hover a .wrap_outer, #navi li.over a .wrap_outer { background:url('images/navi_hover_l.gif') left no-repeat; cursor:pointer;/*ie cursor*/ }
#nav li.off:hover a .wrap_inner , #navi li.over a .wrap_inner { background:url('images/navi_hover_r.gif') right no-repeat; }

/*end rounded corners*/
#nav li a { /*this will propagate to li ul li as well*/	color: #fff; font-weight: bold; display: block; padding:0; height:25px; 
	/* for rounded corners, add as sub of this a */
}
#nav li.on a { color: #0274cb; background:url('images/navi_hover.gif') top repeat-x; }
#nav li.on ul a, #nav li.off ul a { border: 0; float: left; /*ie doesn't inherit the float*/ color: #ff3c04; width: auto; margin:0; padding:5px 0; margin-right: 15px; height:18px; /*counter*/ }
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/ /*background:#fff;*/ }
#nav li.on ul { display: block; }
#nav li.off:hover ul, #nav li.over ul { display: block; z-index: 6000; }

#nav li.off:hover a, #nav li.over a { color:#0274cb; background:url('images/navi_hover.gif') top repeat-x; /*this ensures when mouse is over submenu, the top menu bg remains*/ }
#nav li.off:hover ul a, #nav li.over ul a { color:#ff3c04; background:none; /*counter previous*/ }
#nav li.off:hover ul a:hover, #nav li.over ul a:hover { color:#0274cb; /*counter previous*/ } 
#nav li.off a:hover, #nav li.on a:hover { color:#0274cb; background:url('images/navi_hover.gif') top repeat-x; /*propagates*/ }
/*subnav formatting*/
#nav li.on ul a { background: #fff; /*to counter #nav li.on a 's navi_hover*/ }
#nav li.off ul a, #nav li.on ul a { display: block; color: #ff3c04; font-family: "Trebuchet MS"; font-weight:bold; font-size: 12px; padding-right:24px; }
#nav li.off ul a:hover, #nav li.on ul a:hover { background: #fff; /*counter #nav li.off a:hover */ }
/******* END NAVI *********/

/******* CALENDAR *********/
.calendar { width:185px; background:url('images/calendar_bg.gif'); border:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; text-align:center; /*border-collapse:collapse;*/ }
.calendar tr.header th { font-weight: bold; height: 24px; color: #000; padding:0; }
.calendar tr.weeklabels th { font-size:10px; background:url('images/calendar_bg2.gif'); border-top:1px solid #868686; border-bottom:1px solid #868686; height:20px; width:26px; }
.calendar .footer { background:url('images/calendar_bg2.gif'); font-weight: bold; font-size:0.8em; color: #FFFFFF; border-top:1px solid #868686; padding:0; width:auto; }
.calendar td { width: 22px; height: 20px; text-align: center; font-size:0.9em; padding: 2px; }
.calendar .weekends { color:#d15656; }
.calendar .today { width: 16px; height: 14px; background-color: #FAD2DA; padding: 2px; border: 1px solid #000000; }
.calendar .eventday { color:#0274cb; font-weight:bold; }
.calendar .link { width: 16px; height: 14px; background-color: #3d64c0; color:#fff; padding: 2px; border: 1px solid #868686; }

.calendar a, .calendar a:link, .calendar a:hover { font-weight: bold; text-decoration: underline; color: #fff; }
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav { color: #000; font-size:10px; }
.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav { background:url('images/calendar_bg2.gif'); color: #000; }
.calendar .eventday a, .calendar .eventday a:link, .calendar .eventday a:hover { color:#0274cb; }
/******* END CALENDAR *********/

/* DUMB IE6 */
#mid #col_c { _width:584px; } /* ie6 adds extra margin from floated elements before*/
#nav li { _width:50px; } /* ie6 takes width of floated elements as 100% instead of content size */
#nav li#ie2 { _width:80px; }
#nav li#ie3 { _width:100px; }
#nav li#ie4 { _width:110px; }
#nav li#ie6 { _width:70px; }
#nav li#ie7 { _width:110px; }
#nav li#ie9 { _width:80px; }
#nav ul li { _width:auto; }
#ie6_pagecontents .box_left, #ie6_pagecontents .box_right, #ie6_pagecontents .box_top, #ie6_pagecontents .box_top_left, #ie6_pagecontents .box_top_right, #ie6_pagecontents .box_bot, #ie6_pagecontents .box_bot_left, #ie6_pagecontents .box_bot_right, #ie6_pagecontents .box_contents { _position:relative;} /* without which ie6 doesn't display the centre box's bg fully */
#nav li.off a:hover .wrap_outer, #nav li.over a .wrap_outer { _background:url('images/navi_hover_l.gif') left no-repeat; _cursor:pointer; } /* for hover over menu */
#nav li.off a:hover .wrap_inner, #nav li.over a .wrap_inner { _background:url('images/navi_hover_r.gif') right no-repeat; } /* for hover over menu */
/* to trickle above ie6 hacks for homepage widgets xxx */