/******************************************/
/* 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; }


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

/* Submenu */
.submenuleft { background: #f5f5f5; }
.submenuholder { background: url(../images/layout/layout_submenu_bg.jpg); }
.submenuholderwide { background: url(../images/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; }

td.sidearea { background-color: #e5f1f9; border: 1px solid #99bee8; padding: 30px; }
td.buttonblueside { background-image: url(../images/global/button_blueside.jpg); width: 1px; height: 34px;  }
td.buttonbluebg { background-image: url(../images/global/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; }

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

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

.newsSwap {	background-image: url('../images/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; }
.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; }
.title1 { color: #0072c6; 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.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: #b4b4b4; text-decoration: none; }
a.footerlink:HOVER { color: #0072c6; text-decoration: none; }
a.footerlink:VISITED { color: #b4b4b4; text-decoration: none; }
a.footerlink:VISITED:HOVER { color: #0072c6; text-decoration: none; }

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

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

/* Info Box */
.infobox_table { border-collapse: collapse; border-spacing: 0px; padding: 0px; }
.infobox_titlebg { background: url(../images/global/infobox_title_bg.jpg); background-repeat: repeat-x; height: 57px; padding: 0px; }
.infobox_titleedge { background: url(../images/global/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: 1px solid #eaeaea; height: 19px; }

/* 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; }
.errorMessage { 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; list-style-type: disc; }
form textarea { border: 1px solid #cccccc; }
td.errorMessage { color: #BD0000; border: 1px solid #BD0000; background-color: #ffe6e6; padding: 10px; }
td.errorouterpadding { padding: 8px 8px 10px 4px; }
.subButtons { border: 1px solid #007cc3; background-color: #eeeeee; }

/* Translator */
#transwrap { text-align: left; width: 886px; margin: 0 auto; height: 1px; }
#transwrapinner { position: absolute; width: 886px; height: 1px; z-index: -1; }
#translator { position: relative; width: 210px; height: 65px; top: 0px; left: 674px; display: none; }
#btntranslate { cursor: pointer; }
#btnclosetranslate { cursor: pointer; }
#closetranslate { text-align: right; vertical-align: top; padding-top: 4px; }
#google_translate_element { width: 166px; height: 65px; 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: 28px; }
.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; }
.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; }

.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;  }

.paddedcontent { padding: 3px; }
.padded0 { padding: 0px; }
.padded0606 { padding: 0px 6px 0px 6px; }
.padded2000 { padding: 2px 0px 0px 0px; }
.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; }