/******************************************/
/* HWCDSB Board Website CSS               */
/******************************************/

/* GLOBAL OVERRIDES ********************************/

html{ top:0; height: 100%; text-align: center; margin:0 auto; padding:0; overflow:scroll; }

a:link{ color: #0072c6; text-decoration: none; }
a:visited{ color: #0072c6; text-decoration: none; }
a:hover, a:focus{ color: #f2a615;	text-decoration:none; }
td { text-align: justify; font-size: 11px; line-height: 1.5; }
img { border: 0px; }
table {	padding: 0px; border-collapse: collapse; empty-cells: show; }
ul, li { padding: 0; }
body { top:0; height: 100%; margin: 0 auto; padding:0; text-align: center; font-family: Verdana, Helvetica, sans-serif; background: #a0a0a0; }


/* LAYOUT *******************************************/

#contentwrapper { text-align: left; width: 975px; margin: 0 auto; }

/* Submenu */
.submenuleft { background: #f5f5f5; }
.submenuholder { background: url(../images/global/layout/layout_submenu_bg.jpg); }
.submenuholderwide { background: url(../images/global/layout/layout_submenu_bg_wide.jpg); }
.submenutitle {	padding: 10px 0px 0px 0px; color: #0072c6; text-align: center; font-weight: bold; font-size: 14px; }
.submenusubtitle { padding: 0px 0px 10px 0px; color: #0072c6; text-align: center; font-weight: bold; font-size: 12px; }
.submenulinktd { text-align: right; padding: 5px 16px 5px 0px; }
a.submenulinks { color: #333333; }
a.submenulinks:HOVER { color: #f2a615; }
a.submenulinks:VISITED { color: #333333; }
a.stcharles { color: #333883; }
a.stcharles:HOVER { color: #333883; }
a.stcharles:VISITED { color: #333883; }

a.iconsubmenu { color: #7e7e7e; }
a.iconsubmenu:VISITED { color: #7e7e7e; }

td.sidearea { background-color: #e5f1f9; border: 1px solid #99bee8; padding: 30px; }
div.sidebar_divider { background: #eeeeee; }
td.buttonblueside { background-image: url(../images/global/buttons/button_blueside.jpg); width: 1px; height: 34px;  }
td.buttonbluebg { background-image: url(../images/global/buttons/button_bluebg.jpg); height: 34px; color: #ffffff; font-size: 15px; font-weight: bold; text-align: center; padding: 0px 10px 0px 10px;  }
td.pageheader { border-bottom: 1px solid #cccccc; color: #444444; padding: 6px 0px 2px 0px; font-weight: bold; font-size: 13px; }
td.darkheaderrow { background-color: #4c4c4c; color: #ffffff; text-align: center; }
td.blueheaderrow { background-image: url(../images/global/layout/nav_gradient_darkblue_bg_small.jpg); background-repeat: repeat-x; background-color: #f2f2f2; color: #ffffff; height: 20px; vertical-align: top; padding: 2px 0px 0px 3px; }
td.blueheaderrow_large { background-image: url(../images/global/layout/nav_gradient_darkblue_bg_large.jpg); background-repeat: repeat-x; background-color: #f2f2f2; color: #ffffff; height: 40px; vertical-align: top; padding: 2px 0px 0px 3px; }

.linkboxsmall { background-image: url(../images/global/frames/linkbox-bg-small.jpg); background-repeat: repeat-x; border: 1px solid #eaeaea; }
.linkboxmedium { background-image: url(../images/global/frames/linkbox-bg-medium.jpg); background-repeat: repeat-x; border: 1px solid #eaeaea; }
.linkboxlarge { background-image: url(../images/global/frames/linkbox-bg-large.jpg); background-repeat: repeat-x; border: 1px solid #eaeaea; }
.linkboxheader { color: #777777; font-size: 11px; }

/* Area Boxes */
.maincontent { width: 886px; }
.whiteareabox { border: 1px solid #dadada; background: #ffffff; }
.whiteareaboxheader { color: #777777; font-size: 11px; }

.whtcontent { padding: 20px; }
.whtcontentslim { padding: 6px 10px 6px 10px; }
.whtcontentmedium { padding: 10px 14px 10px 14px; }
.whtrnd  { background: #ffffff; padding: 0px; }
.whtrnd_inner {  border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
/* LT IE7 Kludge for Pseudo Elements 
.whtrnd:before {  display: block;  background: transparent url(../images/global/frames/top-right.jpg) scroll no-repeat top right;  text-align: left;  content: url(../images/global/top-left.jpg);  height: 5px;  margin: 0;  padding: 0; }
.whtrnd:after {  display: block;  background: transparent url(../images/global/frames/bottom-right.jpg) scroll no-repeat bottom right;  text-align: left;  content:  url(../images/global/bottom-left.jpg);  height: 5px;  margin: 0;  padding: 0; }
*/
.whtrndbefore { text-align: left; background: transparent url(../images/global/frames/top-right.jpg) scroll no-repeat top right; height: 5px;  margin: 0;  padding: 0; }
.whtrndafter { text-align: left; background: transparent url(../images/global/frames/bottom-right.jpg) scroll no-repeat bottom right;  height: 5px;  margin: 0;  padding: 0; }
.whtrndheader { font-weight: bold; padding-bottom: 8px; }

.pf_wg_tl { width: 13px; height: 11px; background: url(../images/global/frames/photoframe_whtgry_topleft.jpg); }
.pf_wg_ts { height: 11px; background: url(../images/global/frames/photoframe_whtgry_topside.jpg); background-repeat: repeat-x; }
.pf_wg_tr { width: 13px; height: 11px; background: url(../images/global/frames/photoframe_whtgry_topright.jpg); }
.pf_wg_rs { width: 13px; background: url(../images/global/frames/photoframe_whtgry_rightside.jpg); }
.pf_wg_ls { width: 13px; background: url(../images/global/frames/photoframe_whtgry_leftside.jpg); }
.pf_wg_bl { width: 13px; height: 13px; background: url(../images/global/frames/photoframe_whtgry_bottomleft.jpg); }
.pf_wg_bs { height: 13px; background: url(../images/global/frames/photoframe_whtgry_bottomside.jpg); background-repeat: repeat-x; }
.pf_wg_br { width: 13px; height: 13px; background: url(../images/global/frames/photoframe_whtgry_bottomright.jpg); }

.rc_trans_tl { width: 5px; height: 5px; background: url(../images/global/frames/roundedcornertransparent/top-left.png); }
.rc_trans_ts { height: 5px; background: url(../images/global/frames/roundedcornertransparent/top-bg.png); background-repeat: repeat-x; }
.rc_trans_tr { width: 5px; height: 5px; background: url(../images/global/frames/roundedcornertransparent/top-right.png); }
.rc_trans_rs { width: 5px; background: url(../images/global/frames/roundedcornertransparent/right-bg.png); }
.rc_trans_ls { width: 5px; background: url(../images/global/frames/roundedcornertransparent/left-bg.png); }
.rc_trans_bl { width: 5px; height: 5px; background: url(../images/global/frames/roundedcornertransparent/bottom-left.png); }
.rc_trans_bs { height: 5px; background: url(../images/global/frames/roundedcornertransparent/bottom-bg.png); background-repeat: repeat-x; }
.rc_trans_br { width: 5px; height: 5px; background: url(../images/global/frames/roundedcornertransparent/bottom-right.png); }


/* Quotation Blocks */
.quotes_dark { background: #666666; color: #FFFFFF; padding: 0px; }
.quotes_inner { padding: 0px 15px 0px 15px; }
/* LT IE7 Kludge for Pseudo Elements 
.wht_quotes:before { background: transparent url(../images/global/frames/quotes_wht_top-right.png) scroll no-repeat top right; margin-bottom: -20px; height: 30px; display: block; border: none; content: url(../images/global/frames/quotes_wht_top-left.png); padding: 0; line-height: 0.1; font-size: 1px; }
.wht_quotes:after { display: block; line-height: 0.1; font-size: 1px; content:  url(../images/global/frames/quotes_wht_bottom-left.png); margin: 0 0 -1px 0; height: 30px; background: white; background: transparent url(../images/global/frames/quotes_wht_bottom-right.png) scroll no-repeat bottom right ; padding: 0; }
*/
.wht_quotes_before { background: transparent url(../images/global/frames/quotes_wht_top-right.png) scroll no-repeat top right; padding: 0; }
.wht_quotes_after { background: transparent url(../images/global/frames/quotes_wht_bottom-right.png) scroll no-repeat bottom right ; padding: 0; }

TABLE.iconsubnav { width: 886px; }
td.iconsubnav_left { padding: 0px; width: 7px; height: 104px; background: url(../images/global/iconsubnav/iconsubnav_left.jpg); }
td.iconsubnav_right { padding: 0px; width: 7px; height: 104px; background: url(../images/global/iconsubnav/iconsubnav_right.jpg); }
td.iconsubnav_content { padding: 0px; height: 104px; width: 872px; background: url(../images/global/iconsubnav/iconsubnav_bg.jpg); background-repeat: repeat-x;  }


.footer { font-size: 10px; color: #888888; text-align: center; vertical-align: bottom; }

.newsSwap {	background-image: url('../images/global/layout/newsswap.jpg'); color: #828282; vertical-align: top; }
.newsSwapOff { color: #828282; vertical-align: top;	}
.newsSwapHover { color: #0072c6; font-weight: bold; vertical-align: top; }
.newsLink {	padding: 2px; }
.jslink { color: #0072c6; cursor: hand;	cursor: pointer; }
.jslink:HOVER {	color: #f2a615;	}


/* FONTS, COLOUR AND BORDERS **************/

/* Text */
.darktext { color: #333333; }
.darkmidtext { color: #444444; }
.midtext { color: #666666; }
.lighttext { color: #9e9e9e; }
.bluetext { color: #0072c6; }
.orangetext { color: #f2a615; }
.greentext { color: #486e45; }
.bolded { font-weight: bold; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.twelvepoint { font-size: 12px; }
.thirteenpoint { font-size: 13px; }
.fourteenpoint { font-size: 14px; }
.tenpoint { font-size: 10px; }
.ninepoint { font-size: 9px; }
.elevenpoint { font-size: 11px; }
.headerlarge { font-size: 14px; color: #0072c6; font-weight: bold; }
.redasterisk { font-weight: bold; color: #BD0000; font-size: 14px; }
div.pageheader { color: #0072c6; font-weight: bold; font-size: 13px; padding: 10px 0px 12px 20px; }
.paraheader { color: #333333;  font-weight: bold; font-size: 12px; }
.hr1 { background-color: #cccccc; border: 0px solid; height: 1px; }

/* Images */
.mainBorder { border: 1px solid #7f7f7f; }

/* Links */
a.whiteorange { color: #ffffff; }
a.whiteorange:HOVER { color: #f2a615; }
a.whiteorange:VISITED { color: #ffffff; }
a.whiteorange:VISITED:HOVER { color: #f2a615; }
a.blueorangeund { color: #0072c6; text-decoration: underline; }
a.blueorangeund:HOVER { color: #f2a615; text-decoration: underline; }
a.blueorangeund:VISITED { color: #0072c6; text-decoration: underline; }
a.graybluebold { color: #828282; }
a.graybluebold:HOVER { color: #0072c6; font-weight: bold; }
a.greenbrown { color: #486e45; }
a.greenbrown:HOVER { color: #957e72; }
a.orangewhite { color: #f2a615; }
a.orangewhite:HOVER { color: #ffffff; }
a.orangeblue { color: #f2a615; }
a.orangeblue:HOVER { color: #0072c6; }
a.darkgreylink { color: #333333; font-weight: 500; text-decoration: none; }
a.darkgreylink:HOVER { color: #0072c6;  /* Dynamic */  font-weight: 500;  text-decoration: none; }
a.darkgreylink:VISITED { color: #333333;  /* Dynamic */  font-weight: 500;  text-decoration: none; }
a.darkgreylink:VISITED:HOVER { color: #0072c6;  /* Dynamic */  font-weight: 500;  text-decoration: none; }
a.footerlink { color: #888888; text-decoration: none; }
a.footerlink:HOVER { color: #0072c6; text-decoration: none; }
a.footerlink:VISITED { color: #888888; text-decoration: none; }
a.footerlink:VISITED:HOVER { color: #0072c6; text-decoration: none; }
a.errorLink { color: #BD0000; font-weight: bold; text-decoration: underline; }
a.errorLink:HOVER { color: #f2a615; font-weight: bold; text-decoration: underline; }

/* STRUCTURES ******************************/

/* Launch Buttons */
.lb_left_top { background: url(../images/global/frames/launchbuttons_left_top.jpg); }
.lb_left_middle { background: url(../images/global/frames/launchbuttons_left_middle.jpg); background-repeat: no-repeat; }
.lb_left_bottom { background: url(../images/global/frames/launchbuttons_left_bottom.jpg); }
.lb_centre_top { background: url(../images/global/frames/launchbuttons_centre_top.jpg); background-repeat: repeat-x; }
.lb_centre_bg {	background: url(../images/global/frames/launchbuttons_centre_bg.jpg); background-repeat: repeat-x; text-align:center; white-space: nowrap; }
.lb_centre_bottom { background: url(../images/global/frames/launchbuttons_centre_bottom.jpg); background-repeat: repeat-x; }
.lb_right_top {	background: url(../images/global/frames/launchbuttons_right_top.jpg); }
.lb_right_middle { background: url(../images/global/frames/launchbuttons_right_middle.jpg); background-repeat: no-repeat; }
.lb_right_bottom { background: url(../images/global/frames/launchbuttons_right_bottom.jpg); }
.lb_image { border: 1px solid #dedede; }
.lb_divider { background: #dedede; }

/* Buttons */
input.greenbutton { background: url(../images/global/buttons/button_green.png); background-repeat: no-repeat; padding-right: 20px; height: 44px; width: 151px; border: 0px; color: #ffffff; font-weight: bold; cursor: pointer; }
div.greenbutton { background: url(../images/global/buttons/button_green.png); background-repeat: no-repeat; padding-top: 10px; height: 44px; width: 151px; }
a.greenbutton {  color: #FFFFFF; font-size: 14px; font-weight: bold; }
a.greenbutton:HOVER { color: #0072c6; }
a.greenbutton:VISITED { color: #FFFFFF; }

/* Info Box */
.infobox_table { border-collapse: collapse; border-spacing: 0px; padding: 0px; }
.infobox_titlebg { background: url(../images/athletics/infoboxes/infobox_title_bg.jpg); background-repeat: repeat-x; height: 57px; padding: 0px; }
.infobox_titleedge { background: url(../images/athletics/infoboxes/infobox_title_edge.jpg); background-repeat: repeat-x; height: 57px; width: 1px; padding: 0px; }
.infobox_contentarea { background-color: #f6f6f6; padding: 6px; }
.infobox_contentedge { background: #cccccc; padding: 0px; }

/* Searching */
.searchbox { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-right: 0px; border-left: 0px; height: 19px; }

/* Fader JS */
.pointer { cursor: pointer; }
.faderTarget { position: absolute; }

/* Main Banner & Image Wrapper */
.bannerwrapper { border: 1px solid #7f7f7f;	}
.mainbanner { border: 1px solid #d9d9d9; }

/* Table Rows */
.headerrow { background-color: #0072c6; color: #FFFFFF; font-weight: bold; padding: 4px 5px 4px 5px; text-align: center; }
.prirow { color: #333333; background-color: #f0f1f1; padding: 4px 5px 4px 5px; }
.altrow { color: #333333; background-color: #fafafa; padding: 4px 5px 4px 5px; }
.prirowsel { background-color: #e9e9e9; color: #333333; padding: 4px 5px 4px 5px; }
.altrowsel { background-color: #f3f3f3; color: #333333; padding: 4px 5px 4px 5px; }

/* Image Gallery */
.imagegalleryTD { padding: 3px; }

/* Forms */
.readonlyTextbox { border: 0px; background-color: transparent; }
.errorMessageTxt { color: #BD0000; font-weight: bold; }
form input, form select {   border-color: #ACACAC #E1E1E1 #E1E1E1 #ACACAC; border-style: solid; border-width: 1px; float: left; font: normal 12px Arial, sans-serif; margin-right: 5px; }
input[type="radio"] { border: 0px; }
input[type="checkbox"] { border: 0px; }
ul { padding: 0px 0px 0px 15px; list-style-type: disc; }
form textarea { border: 1px solid #cccccc; }
.errorMessage { color: #BD0000; border: 1px solid #BD0000; background-color: #ffe6e6; padding: 10px; }
.msgMessage { color: #007cc3; border: 1px solid #99bee8; background-color: #e5f1f9; padding: 10px; }
.msgMessageLight { color: #007cc3; border: 1px solid #bed8f5; background-color: #ebf4fa; }
.errorMessageTxt { color: #BD0000; font-weight: bold; }
td.errorouterpadding { padding: 8px 8px 10px 4px; }
.subButtons { border: 1px solid #007cc3; background-color: #eeeeee; }

/* Translator */
#custom_transwrap { text-align: left; width: 980px; margin: 0 auto; height: 1px; }
#custom_transwrapinner { position: absolute; width: 980px; height: 1px; z-index: -1; }
#custom_translator .transparency { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; background-color: #ffffff; width: 210px; height: 100%; position: absolute; top: 0px; left: 0px; z-index:-2; }
#custom_translator { position: relative; width: 210px; height: 66px; top: 0px; left: 768px; display: none; }
#btntranslate { cursor: pointer; }
#btnclosetranslate { cursor: pointer; }
#closetranslate { text-align: right; vertical-align: top; padding-top: 4px; }
#google_translate_element { width: 166px; height: 66px; margin: 8px 0px 0px 20px; }
#old_translate_element { position: relative; width: 166px; height: 65px; margin: 6px 0px 0px 20px; text-align: left; color: #555555; }
.goog-te-gadget { }
.goog-te-gadget div { height: 30px; }
.goog-te-gadget span {  }


/* HELPER CLASSES *********************************************/
.vCentre { vertical-align: middle; }
.hCentre { text-align: center; }
.hRight { text-align: right; }
.hLeft { text-align: left; }
.vTop { vertical-align: top; }
.vBottom { vertical-align: bottom; }
.taLeft { text-align: left; }
.ulHyphen{ list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:0; padding-left:1em; text-indent:-1em; }
.nowrap { white-space: nowrap; }
.nooverflow { overflow: hidden; }

.border1000 { border-top: 1px solid #777777;  border-right: 0px solid #777777;  border-bottom: 0px solid #777777;  border-left: 0px solid #777777;  }
.border0100 { border-top: 0px solid #777777;  border-right: 1px solid #777777;  border-bottom: 0px solid #777777;  border-left: 0px solid #777777;  }
.border0010 { border-top: 0px solid #777777;  border-right: 0px solid #777777;  border-bottom: 1px solid #777777;  border-left: 0px solid #777777;  }
.border0001 { border-top: 0px solid #777777;  border-right: 0px solid #777777;  border-bottom: 0px solid #777777;  border-left: 1px solid #777777;  }
.border1100 { border-top: 1px solid #777777;  border-right: 1px solid #777777;  border-bottom: 0px solid #777777;  border-left: 0px solid #777777;  }
.border0110 { border-top: 0px solid #777777;  border-right: 1px solid #777777;  border-bottom: 1px solid #777777;  border-left: 0px solid #777777;  }
.border0011 { border-top: 0px solid #777777;  border-right: 0px solid #777777;  border-bottom: 1px solid #777777;  border-left: 1px solid #777777;  }
.border1010 { border-top: 1px solid #777777;  border-right: 0px solid #777777;  border-bottom: 1px solid #777777;  border-left: 0px solid #777777;  }
.border0101 { border-top: 0px solid #777777;  border-right: 1px solid #777777;  border-bottom: 0px solid #777777;  border-left: 1px solid #777777;  }
.border1001 { border-top: 1px solid #777777;  border-right: 0px solid #777777;  border-bottom: 0px solid #777777;  border-left: 1px solid #777777;  }
.border1110 { border-top: 1px solid #777777;  border-right: 1px solid #777777;  border-bottom: 1px solid #777777;  border-left: 0px solid #777777;  }
.border0111 { border-top: 0px solid #777777;  border-right: 1px solid #777777;  border-bottom: 1px solid #777777;  border-left: 1px solid #777777;  }
.border1101 { border-top: 1px solid #777777;  border-right: 1px solid #777777;  border-bottom: 0px solid #777777;  border-left: 1px solid #777777;  }
.border1011 { border-top: 1px solid #777777;  border-right: 0px solid #777777;  border-bottom: 1px solid #777777;  border-left: 1px solid #777777;  }
.border1111 { border-top: 1px solid #777777;  border-right: 1px solid #777777;  border-bottom: 1px solid #777777;  border-left: 1px solid #777777;  }
.border0000 { border-top: 0px solid #777777;  border-right: 0px solid #777777;  border-bottom: 0px solid #777777;  border-left: 0px solid #777777;  }

.lightborder { border: 1px solid #dadada; }

.margin0 { margin: 0; }
.margin0auto { margin: 0 auto; }

.paddedcontent { padding: 3px; }
.padded0 { padding: 0px; }
.padded0606 { padding: 0px 6px 0px 6px; }
.padded2000 { padding: 2px 0px 0px 0px; }
.padded4000 { padding: 4px 0px 0px 0px; }
.padded6000 { padding: 6px 0px 0px 0px; }
.padded0060 { padding: 0px 0px 6px 0px; }
.padded6060 { padding: 6px 0px 6px 0px; }
.padded3838 { padding: 3px 8px 3px 8px; }
.padded3030 { padding: 3px 0px 3px 0px; }
.padded6030 { padding: 6px 0px 3px 0px; }
.padded4400 { padding: 4px 4px 0px 0px; }
.padded0004 { padding: 0px 0px 0px 4px; }
.padded1212x10 { padding: 10px 20px 10px 20px; }
.padded1 { padding: 1px; }
.padded2 { padding: 2px; }
.padded3 { padding: 3px; }
.padded4 { padding: 4px; }
.padded5 { padding: 5px; }
.padded6 { padding: 6px; }
.padded10 { padding: 10px; }
.padded15 { padding: 15px; }
.padded20 { padding: 20px; }

.line10 { line-height: 1.0; }
.line11 { line-height: 1.1; }
.line12 { line-height: 1.2; }
.line13 { line-height: 1.3; }
.line14 { line-height: 1.4; }
.line15 { line-height: 1.5; }
.line16 { line-height: 1.6; }
.line17 { line-height: 1.7; }
.line18 { line-height: 1.8; }
.line19 { line-height: 1.9; }
.line20 { line-height: 2; }

.color_br { color: #00680c; }
.color_bt { color: #510011; }
.color_chs { color: #2558cb; }
.color_cn { color: #a90000; }
.color_sjb { color: #9a0002; }
.color_stma { color: #00006a; }
.color_stm { color: #ac8d32; }

a.color_br { color: #00680c; }
a.color_bt { color: #510011; }
a.color_chs { color: #2558cb; }
a.color_cn { color: #a90000; }
a.color_sjb { color: #9a0002; }
a.color_stma { color: #00006a; }
a.color_stm { color: #ac8d32; }


.height0 { height: 0px; }
.width0 { width: 0px; }