a img{border:none;}
a:hover{cursor:hand;}
 a:link,  a:visited,  a:active{font:normal normal normal 11px/19px Arial;}
 a:hover{text-decoration:underline;}
body { background-image:url(../images/bodybg.gif); margin:0px; padding:0px;}
*{margin:0px; padding:0px;}

#container{margin:0px auto; position:relative; width:917px;  }
#header{display:block; height:155px; position:absolute; top:0px; left:0px; width:917px;}
#content{display:block; position:absolute; top:184px; left:0px; width:917px;}
#leftLogo{display:block; height:89px; left:110px; position:absolute; top:28px; width:85px; background-image:url(../images/leftlogo.png);}
#rightLogo{display:block; height:81px; left:728px; position:absolute; top:41px; width:91px; background-image:url(../images/hslogo.png);}
#hscdsb{display:block; height:29px; left:231px; position:absolute; top:38px; width:471px; background-image:url(../images/Huron-Superior-Catholic-District-School-Board.png);}
#alert{background-color:#ffffff; color:#5d8fc5; display:block; font:normal normal normal 14px/14px Arial; height:20px; left:231px; padding:8px 0px 0px 0px;position:absolute; top:87px; width:470px; overflow:hidden; }
#alert a:link, #alert a:visited, #alert a:active{font-size:14px;} 
/*menu*/
#menu{width:917px; height:23px; display:block; position:absolute; top:155px; left:0px; padding-bottom:10px;}
#menu ul{margin:0px; padding:0px; list-style:none;}
#menu ul li{display: inline; height:16px; padding:4px 2px 0px 2px; border-left:solid 1px #4177af; border-right:solid 1px #9fbddd;}
#menu ul li.first{border-left:none; }
#menu ul li.last{border-right:none;}
#menu ul li a{padding:0px 18px 3px 18px; letter-spacing: 0.5px;  text-decoration:none; color:White; font:normal normal normal 13px/13px Arial;}
#menu a:hover{border-bottom:solid 3px #3c75ae;}
#menu a.active{border-bottom:solid 3px #3c75ae;}


.ctl00_Menu1_1{display:none; visibility:hidden;}

/*content*/
#content-inner{width:917px; }
#whitepaper{width:899px; padding: 9px 6px 9px 9px; background-color:White;}
#whitepaper_inner{width:899px; background-image:url(../images/whitepaper_inner_bg.gif); background-repeat:repeat-y;}
#leftMenu{width:198px; float:left; padding-left:6px; display:block;}
#middle{width:482px; padding: 0 5px 0 4px; float:left;}
#middle-2col{width:677px; padding: 0 5px 0 4px; float:left;}
#news {width:198px; padding-right: 6px; float:left; }
.clear{clear:both;}
.readmore{width:113px; height:19px; background-image:url(../images/readmore.png); display:block;}
#divRecentNewsandEvents{ width:188px; padding: 0px 4px 0 6px; }
#divRecentNewsandEvents h2{padding: 13px 0 9px 9px; font:normal normal normal 18px/18px Arial; color:White; /*border-bottom:solid 1px #3471ae;*/ }
#divRecentNewsandEvents h3{font:normal normal normal 13px/13px Arial; font-weight: bold; color:White; margin-bottom:10px; }
div.newsbox { background: #5a8dc0; border-top:solid 1px #89b1d9; border-bottom:solid 1px #3471ae; }
#divRecentNewsandEvents a{color:White; display:block; text-decoration:none; background: #5a8dc0; border-top:solid 1px #89b1d9; border-bottom:solid 1px #3471ae; padding:12px 9px 12px 9px; font:normal normal normal 12px/12px Arial;}
#divRecentNewsandEvents a:hover{background-image:url(../images/menuOverBG.gif);}
#divRecentNewsandEvents a.archive{width:74px; height:19px; background: url(../images/archive.png) no-repeat; display:block; padding:0px; border:none; }
#divSearchBox { width: 180px; height: 28px; background: url(../images/searchbg.png) no-repeat; }
#divRecentNewsandEvents input[type=text]{float:left;width:99px; padding:6px 10px 0px 10px; margin-right: 6px; height:22px; display:block; border:none; background-color:transparent; font:normal normal normal 15px/15px Arial; color:#618db8;}
#top{width:426px; padding:24px 28px; }
#bc{float:left;}
.breadcrumb{font: normal normal normal 11px/11px Arial; color:#515151;}
#bc a.breadcrumb{font: normal normal normal 11px/11px Arial; color:#515151; text-decoration:none;}
#contentOptions{width:123px; height:27px; float:right;}
div.interior{width:426px; padding:0px 28px;}
div.interior h1{font:normal normal normal 31px/31px Times New Roman; color:#4f80b6; margin-bottom:24px;}
div.interior h2{font:normal normal normal 20px/20px Times New Roman; color:#4f80b6; margin-bottom:24px;}
div.interior h3{font:normal normal normal 15px/15px Arial;margin-bottom:24px;}
div.interior h4{font:normal normal normal 12px/12px Arial;margin-bottom:24px;}
div.interior p{font:normal normal normal 11px/19px Arial; color:#707070; margin-bottom:20px;}
div.interior table{font:normal normal normal 11px/19px Arial; color:#707070;}
div.schoolinterior{width:452px; padding:0px 15px;}
div.schoolinterior p{font:normal normal normal 11px/19px Arial; color:#707070; margin-bottom:20px; margin-right:10px;}
#rightSide>h1{font:normal normal normal 31px/31px Times New Roman; color:#4f80b6; margin-bottom:24px; margin-top:20px; margin-left:15px;}
td#videoMenu { width: 110px; padding-right: 20px; vertical-align: top; }
div.videoItem { padding-bottom: 10px; }
td#videoPlayer{ width:504px; vertical-align: top; }
#videoPlayer h2{}
#videoPlayer p{}

#leftMenu>table{ width:188px;}
#leftMenu table td{height:26px;}
#leftMenu>table a{padding:9px 0px 0px 26px; width:160px; border-top:solid 1px #89b1d9; border-bottom:solid 1px #3471ae; height:17px; font:normal normal normal 12px/12px Arial; color:White; display:block;}
#leftMenu>table a:hover{background-image:url(../images/menuOverBG.gif);}
div.adjustedZIndex {z-index: 1;}
div.adjustedZIndex table{border:solid 1px white;}
div.adjustedZIndex td{height:26px; width:184px;}
div.adjustedZIndex a{border-top:solid 1px #dfdfdf; width:178px; height:16px; display:block; padding:8px 0px 0px 6px; font:normal normal normal 12px/12px Arial; color:#5a5a5a;}
div.adjustedZIndex a:hover{background-color:#2a6aa9; color:White;}


#footer{width:917px; text-align:center; display:block; clear:both; padding:17px 0px 30px 0px; color:White; font:normal normal normal 11px/12px Arial;}
#footer a:link, #footer a:visited, #footer a:active{text-decoration:none; border-left:solid 1px white; padding:0px 7px; color:White; }
#footer a:hover{text-decoration:underline;}
#footer a.first{border-left:none;}

#footer h4{padding:20px 0px 5px 0px;}
#footerAddress p{padding:0px 0px 0px 5px;}

#schools {width:453px; color:#707070; font-family:Arial; margin-left:15px;}
div.Schooltype{ width:453px; padding:14px 0px 14px 14px; font:normal normal bold 12px/12px Arial; }
#schools a { text-decoration:none;font:normal normal normal 12px/12px Arial;color:#707070;}
#schools a:hover{text-decoration:underline;}
#schools table{width:453px; margin-bottom:20px;}
#schools table td{padding:8px 14px;font:normal normal normal 12px/12px Arial;}
#schools table td.alternating{ background-color:#f3f3f3;}

div.schoolTitle{width:444px; background-color:#4a7ab2; padding:17px; color:White;}
div.schoolTitle h1{ font:normal normal normal 23px/23px Times New Roman;}

div.newsArchive{width:439px; padding:17px 17px 0px 30px;}
div.newsArchive ul{list-style-type:disc; list-style-position:inside; margin:0px; padding:0px;}
div.newsArchive li{margin:0px;padding:0px;}

#divVideoAudio { height:184px; }
#divVideoAudioOptions { width:175px; height:264px; border:solid 2px white; overflow:auto;display:none; background: #FFFFFF; }
div.VAOption{width:219px; height:56px; display:block; overflow:hidden; background-image:none; background-color:White; color:#5a5a5a; font:normal normal normal 12px/14px Arial;}
div.VAOptionOver{width:219px; height:56px; display:block; overflow:hidden; background-image:url(/images/vaoptionbg.jpg); color:#5a5a5a;}
.VAOption a { background: #FFFFFF; }
.VAOption a:link{color:#00c6ff; font:normal normal normal 11px/11px Arial;}

#newsArchive table{font:normal normal bold 12px/12px Arial; color:#494949;}
#newsArchive th{padding-bottom:18px;}
#newsArchive td{background-color:#f3f3f3; padding:10px 15px; vertical-align:top; color:#000;}
#newsArchive td a{color:#000;font:normal normal bold 12px/12px Arial; margin-bottom:12px; text-decoration:none;}
#newsArchive td p{width:255px; color:#494949;}
#newsArchive td.alternating{background-color:#fff;}
#newsArchivePaging{height:20px;}
#newsArchivePaging span{display:none;}

  h1.black{font:normal normal normal 31px/31px Times New Roman; color:#000000; margin-bottom:24px;}
 h2.black{font:normal normal normal 20px/20px Times New Roman; color:#000000; margin-bottom:24px;}
 h3.black{font:normal normal normal 15px/15px Arial;margin-bottom:24px;color:#000000;}
 h4.black{font:normal normal normal 12px/12px Arial;margin-bottom:24px;color:#000000;}
 p.black{font:normal normal normal 11px/19px Arial; color:#000000; margin-bottom:20px;}
 
 
 h1.blue{font:normal normal normal 31px/31px Times New Roman; color:#4f80b6; margin-bottom:24px;}
 h2.blue{font:normal normal normal 20px/20px Times New Roman; color:#4f80b6; margin-bottom:24px;}
 h3.blue{font:normal normal normal 15px/15px Arial;margin-bottom:24px;color:#4f80b6;}
 h4.blue{font:normal normal normal 12px/12px Arial;margin-bottom:24px;color:#4f80b6;}
 p.blue{font:normal normal normal 11px/19px Arial; color:#4f80b6; margin-bottom:20px;}
 
 /* events */ 
table.calendar { background: #fff; width: 100%; font-family: Arial, Sans-Serif; font-size: 12px; }
table.calendar-tt td { background: #5a8dc0; color: #fff; font-weight: bold; padding: 12px; }
table.calendar th { padding: 6px; text-align: center; background: #fff; }
td.calendar-day, td.calendar-selected-day, td.calendar-other-day { padding: 6px; text-align: left; height: 90px; vertical-align: top; }
td.calendar-selected-day { border: 1px solid #5a8dc0; }
td.calendar-other-day { background: #f3f3f3; }
table.calendar a { font-size: 11px; color: #5a8dc0; }
table.calendar td div { position: relative; }
table.calendar a:hover { text-decoration: underline; }
table.calendar ul { margin-left: 10px; }

/* calendar popup */
div#doc-popup { position: absolute; top: 0; left: 0; border: 1px solid #cdcccc; background: #fff; z-index: 100; padding: 14px; width: 300px; display: none; font-family: Arial, Sans-Serif; font-size: 12px; }
img#doc-popup-close { float: right; cursor: pointer; margin: -8px -8px 0 0; }
img#doc-popup-callout { position: absolute; top: 8px; left: -12px; }
div#doc-popup h2 { color: #5a8dc0; margin: 0; padding-bottom: 3px; font-size: 16px; border-bottom: 1px solid #636363; }
div#doc-popup p { margin-top: 10px; }
div#scroll { max-height: 300px; padding: 0 10px 5px 0; margin-top: 10px; overflow: auto; }