#message_center {
	position: relative;
	width: 888px;
	min-height: 240px;
	height: auto !Important; /* For IE6 */
	height: 240px;
	margin: 0 8px;
	padding: 8px 0 0 0;
	background: #000000 url(../../assets/images/message_center_top.png) no-repeat top left;
	z-index: 0;
	visibility: visible;
}

#message_center_btm {
	margin: 0 0 0 8px;
	width: 888px;
	height: 8px;
	background: transparent url(../../assets/images/message_center_bottom.png) no-repeat;
}

ul#tabs {
	position: absolute;
	right: 0;
	top: 1px;
	width: 235px;
	margin: 0;
	padding: 0;
}

ul#tabs li {
	margin: 0;
	padding: 0 0 2px 0;
	background: transparent url(../../assets/images/tab_btm_bdr.png) no-repeat bottom left;
}

ul#tabs li a {
	display: block;
	width: 205px;
	min-height: 26px;
	height: auto !important;
	height: 46px;
	margin: 0;
	padding: 12px 10px 12px 20px;
	color: #4e3112;
	text-decoration: none;
	line-height: 16px;
}

ul#tabs li a:hover, ul#tabs li a.active {
	background: transparent url(../../assets/images/tab_active_bg.png) repeat-y top left;
}

ul#tabs li a span {
	color: #4e3112;
	font-size: 13.5px;
	line-height: 16px;
	font-weight: bold;
}

ul#tabs li a span.tabtile {
	display: block;
	margin: 0;
	color: #3e5f63;
}

a#btn_whois_cs {
	display: block;
	position: absolute;
	text-indent: -9999px;
	width: 595px;
	height: 133px;
	left: 23px;
	bottom: -2px;
}

a#btn_directions {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 83px;
    height: 17px;
    left: 314px;
    top: 106px;
}

a#btn_zone_one {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 54px;
    height: 13px;
    left: 283px;
    top: 166px;
}

a#btn_zone_two {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 54px;
    height: 13px;
    left: 275px;
    bottom: 70px;
}

a#btn_zone_three {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 54px;
    height: 13px;
    left: 280px;
    bottom: 47px;
}
a#btn_zone_four {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 54px;
    height: 13px;
    left: 280px;
    bottom: 47px;
}

a#btn_services {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 114px;
    height: 45px;
    left: 45px;
    bottom: 15px;
}
        

/* ---- Message Center Tabs ----- */

#tabone, #tabtwo, #tabthree, #tabfour {
	margin: 0px 235px 0 8px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
}

#tabone {
	background: transparent url(../../assets/images/spotlight/myanmar.jpg) no-repeat;
}

#tabtwo {
	background: transparent url(../../assets/images/spotlight/update_HS.jpg) no-repeat;
	position: relative;
	text-indent: -9999px;
}

#tabthree {
	background: transparent url(../../assets/images/spotlight/eqao.jpg) no-repeat;
	position: relative;
	text-indent: -9999px;
}
#tabfour {
	background: transparent url(../../assets/images/spotlight/BioTalent.jpg) no-repeat;
	position: relative;
	text-indent: -9999px;
}

/* -------- Homepage Modules ------- */

#modules {
	margin: 3px 17px 0 17px;
	background: transparent url(../../assets/images/modules_bg.png) repeat-y top right;
	line-height: 1.3em;
}

#module_left {
	margin: 0 437px 0 0;
}

#module_middle {
	float: right;
	width: 206px;
	color: #666666;
	background-position: center top;
}

#module_right {
	float: right;
	width: 223px;
	margin: 0 0 0 4px;
	color: #666666;
	background-position: center top;
	background-repeat: no-repeat;
}

#news, #subscribe, #news_mediadesk, #events, #message, #message2, #message3, #message4, #message5, #touch {
	background: transparent url(../../assets/images/module_header.png) repeat-x top left;
}

#hear {
	border-top: 1px solid #fff;
	padding: 10px;
    border-bottom: 1px solid #eae1c0;
}

#give {       
    border-top: 1px solid #fff;
	padding: 10px; 
}

#hear h4 {
	margin: -5px 0 0 0;
}

#hear a.arrow, #give a.arrow {
	float: right;
	margin: 3px 0;
	display: block;
	width: 17px;
	height: 16px;
	background: transparent url(../../assets/images/btn/btn_arrow.gif) no-repeat;
	text-indent: -9999px;
}

#news {
	position: relative;
	border-top: 3px solid #c44d58;
	background-image: url(../../assets/images/school_bg.jpg);
	background-repeat: no-repeat;
	background-position: 120px 50px;
	}
#news h3.news {
	padding: 4px 0 0 10px;
	height: 15px;
}

#subscribe {
	position: relative;
	border-top: 3px solid #FF6600;
	}
#subscribe h3.subscribe {
	padding: 4px 0 0 0;
	height: 15px;
}

	
#news_mediadesk {
	position: relative;
	border-top: 3px dashed #11939E;
	margin: 15px 17px 25px 17px;
}

#news_mediadesk h3.news_mediadesk {
	padding: 7px 0 0 10px;
	height: 20px;
}



#events {
    position: relative;
	border-top: 3px solid #4ecdc4;
}

#events h3.events {
	padding: 5px 0 0 20px;
	height: 15px;
	font-weight: bold;
}

#message {
	border-top: 3px solid #b55d00;
	padding: 0 0 10px 0;
}
#message h3.message {
	padding: 4px 0 0 10px;
	height: 53px;
}

#message2 {
	border-top: 3px solid #ff6b6b;
	padding: 0 0 10px 0;
}
#message2 h3.message2 {
	padding: 7px 0 0 10px;
	height: 53px;
}

#message3 {
	padding: 0 0 10px 0;
}

#message3 h3.message3 {
	padding: 4px 0 0 10px;
	height: 53px;
}

#message4 {
	border-top: 3px solid #09b55e;
	padding: 0 0 10px 0;
}


#message4 h3.message4 {
	padding: 4px 0 0 10px;
	height: 53px;
}

#message5 {
	border-top: 3px solid #00BEF7;
	padding: 0 0 10px 0;
}
#message5 h3.message5 {
	padding: 4px 0 0 10px;
	height: 53px;
}

.message_pad {
	float: left;
	margin: -22px 0 10px 10px;
	width: 180px;
	display: inline;
}

a.other_podcast {
	display: block;
	width: 136px;
	height: 21px;
	background: transparent url(../../assets/images/btn/btn_other_podcast.gif) no-repeat;
	text-indent: -9999px;
}

a.listen_podcast {
	display: block;
	width: 136px;
	height: 21px;
	background: transparent url(../../assets/images/btn/btn_listen_podcast.gif) no-repeat;
	text-indent: -9999px;
    margin: 10px 0 5px 0;
}

#touch {
	border-top: 3px solid #556270;
}

#touch h3.mail {
	padding: 4px 0 0 10px;
}

#touch label {
	display: block;
	font-weight: bold;
	margin: 5px 0 0 0;
}

#touch input {
	display: block;
	margin: 5px 0;
}

#location {
	background: transparent url(../../assets/images/building_bg.png) no-repeat bottom right;
	border-top: 1px solid #fff;
	font-size: 11px;
	min-height: 141px;
	height: auto !important;
	height: 141px;
}

a.directions {
	display: block;
	background: transparent url(../../assets/images/btn/btn_get_directions.gif) no-repeat;
	width: 131px;
	height: 21px;
	margin: 10px 0 0 0;
	text-indent: -9999px;
}

#modules p {
	margin: 0;
	padding: 0;
}

.mod_pad {
	padding: 3px;
}
.mod_pad2 {
	padding: 10px;
}
.modulebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
.modulebody a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #11939E;
	text-decoration:none;
}

.modulebody: hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b76c30;
	text-decoration:none;
}

.modulebody a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #db4f4b;
	text-decoration:underline;
}


span.purple {
	color: #673b6a;
	display: block;
	font-weight: bold;
}

#hear img {
	border: 5px solid #e8daaf;
	margin: 0 0 5px 0;
}

input#contact_name, input#contact_email {
       width: 170px;
}
/* Login Panel */
#top {
  	background: url(../../thickbox/panel/images/login_top.jpg) repeat-x 0 0;
	height: 38px;
	position: relative;
}

#top ul.login {
	display: block;
	position: relative;
	float: right;
	clear: right;
	height: 38px;
	width: auto;
	font-weight: bold;
	line-height: 38px;
	margin: 0 5px 0 0;
	right: 0px;
	color: white;
	font-size: 80%;
	text-align: center;
	background: url(../../thickbox/panel/images/login_r.jpg) no-repeat right 0;
	padding-right: 45px;
}

#top ul.login li.left {
	background: url(../../thickbox/panel/images/login_l.jpg) no-repeat left 0;
	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

#top ul.login li {
	text-align: left;
	padding: 0;
	display: block;
	float: left;
	height: 38px;
	background: url(../../thickbox/panel/images/login_m.jpg) repeat-x 0 0;
	text-decoration: none;
}

#top ul.login li a {
	color: #FFFF00;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#top ul.login li a:hover {
	color: white;
}

/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	background: #1E1E1E;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#login a {
	text-decoration: none;
	color: #33CCCC;
}

#login a:hover {
	color: white;
}

#login .loginContent {
	width: 550px;
	height: 10px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}

#login .loginContent input:focus.field {
	background: #545454;
}

#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(http://www.ycdsb.ca/thickbox/panel/images/button_login.jpg) no-repeat 0 0;
}

#login .loginClose {
	display: block;
	position: absolute;
	right: 18px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(http://www.ycdsb.ca/thickbox/panel/images/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}

#login .loginClose a:hover {
	background: url(http://www.ycdsb.ca/thickbox/panel/images/button_close.jpg) no-repeat right -20px;
}