/* colour swatches 
#300000 - dark burgandy
#23333f - dark blue
#511616 - burgandy
#213b4c - blue
#fffdc1 - light yellow
#cccac0 - grey
#535645 - green
*/

/* CSS Document */
body {
	font: 11px Tahoma, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
}
a, a:link { 


	font-weight: normal;


}
.title 
{
	color: #213B4C; 
	font-weight: bold;
	font-size: 13px;

	}
	
.subtitle 
{
	color: #213B4C; 
	font-weight: bold;
	font-size: 11px;

	}

select {
   font: 12px Verdana, Tahoma, Helvetica, sans-serif; 
    }




#topnav ul
{
margin: 0;
padding: 0;

}

#topnav li
{
display: inline;
list-style-type: none;
}

/* header area ends */


#container {
	width: 955px;
	margin: 0 auto;
	}

#home_left {
	float: left; /* since this element is floated, a width must be given */
	width: 430px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 10px;
}
#home_right {
	margin: 0 0 0 445px; 
	padding: 15px 20px;
	background: #ffffff;
}

#home_center .contain #home_chooseReport ul li, 
#home_center .containMap #home_chooseReport ul li {
    line-height: 200%;
    font-size: 12px;
}
#home_right .headerbar, #home_center .headerbar {
	height: 18px;
	font-size: 13px;
	color:#ffffff;
	font-weight: bold;
	padding-left: 24px;
	padding-right: 34px;
	padding-top: 15px;
	line-height: 18px;
}

#home_right .copy {
	height: 210px;
	width: 460px;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 2px;
	padding-right: 20px;
	font-weight: normal;
	color:#000;
	background-color: #fff;
	line-height: 18px;
}

#home_center .copy {
	/* height: 210px; */
	/* width: 460px; */
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 2px;
	padding-right: 20px;
	font-weight: normal;
	color:#000;
	background-color: #fff;
	line-height: 18px;
}

#home_center {
	margin: 0px auto; 
	padding: 15px 20px;
	background: #ffffff;
}


#home_center .headerbar h1 {
	font-size:17px; 
	font-weight:bold; 
	text-align:left; 
	line-height:100%; 
	margin:0px; 
	padding:0px;
}

#navlist
{
margin-left: 10px;
padding-left: 0;
list-style: none;
}

#navlist ul { list-style: none; }

#navlist li
{
	
padding-left: 10px;
background-image: url(/images/arrow_list.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#home_right .disclaimer {

	margin-left: 25px;
    font-weight: normal;
	font-size: 11px;
	color:#23333f;
	background-color: #fff;
	line-height: 12px;
}

#home_right li
{
margin: 0;


}


#home_left .img {
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
}
#home_left .imgB {
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
}
#home_left .contain {
	border: 1px solid #cccac0;
	font-size: 11px;
	width: 430px;
	color:#000000;
	font-weight: bold;
	background: #ffffff;
	line-height: 12px;
}

#home_left .contain2 {
	font-size: 11px;
	width: 430px;
	color:#fff;
	background: #511616;
	line-height: 12px;
	margin-top: 15px;
	padding-bottom: 10px;
}

#home_left .contain2 li {

	padding-bottom: 5px;
}

#home_left .contain2 a {

	font-weight: normal;
	text-decoration:underline;
	color: #ffffff;
}


#home_left .headerbar {
	height: 20px;
	font-size: 15px;
	color:#213b4c;
	background-color: #cccac0;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	line-height: 18px;
}

#home_left .headerbar2 {
	height: 20px;
	font-size: 13px;
	color:#fff;
	font-weight: bold;
	padding: 8px 0 5px 0;
	margin: 10px;
	border-bottom: 1px solid #cccac0;
	line-height: 18px;
}

#home_left .copy 
{
	float: left;
	font-size: 11px;
	color:#23333f;
	background-color: #ffffff;
	padding: 5px 0 5px 8px;
	line-height: 18px;
}

#home_left .copy a 
{
	font-weight: bold;
	text-decoration:underline;
}

#home_left .map 
{
	text-align: right;
	font-size: 12px;
	color:#23333f;
	background-color: #ffffff;
	line-height: 18px;
}









#internal_left {
	float: left; /* since this element is floated, a width must be given */
	width: 278px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
}
#internal_right {
	/*margin: 0 0 0 280px; */
	padding: 0 20px;
}




/* home page layout ends */


/* home page text */

.team_text {
	font-size: 10px;
	color:#000000;
	font-weight: bold;
}
.team_text_Small {
	font-size: 8px;
}
.standing_text {
	font-size: 10px;
	color:#000000;
	font-weight: bold;
	padding-left:10px;
	line-height: 12px;
}
.standing_text_Grey {
	color:#999999;
}
/* home page text ends */



/* school name layout */



.school_leftmenu 
{
	border: 1px solid #000000;
	padding: 10px;
	margin-right: 10px;
	width: 160px;
	
	}



	
/* school name layout */
/* table layout */
	
table.dropdown 
{	
 	margin-right: 10px;

	}
table.rating {

	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 11px;
}


table.name {

	font-size: 11px;
}



table.borderline {
	border: 1px solid #000000;
	font-size: 11px;
}




.tdcell {
	background-color: #ffffff;
	height: 20px;
	text-align: center;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
}


.tdcell_no {
	background-color: #ffffff;
	height: 20px;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding: 5px;
}

.tdselect 
{	border-top: 1px solid #000000;
 	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	}
	
.tdselecttable 
{	
	padding: 5px;
	}


.reportcard_container
{ margin-left: 10px;
  margin-bottom:20px;
  border: 1px solid #cccac0;
}

.reportcard_container_printable
{ margin-left: 10px;
  border: 1px solid #cccac0;
  float:left;
  display: block;
  overflow: none;
  width: 480px;
}	
 
 .reportcard_header  
{
  padding: 5px 10px;
  background-color: #cccac0;
  color: #404040;
  height: 23px;
  font-size: 14px;
  font-weight: bold;
  }
   
.reportcard_disclaimer
{ 
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  color: #333333;
  
  
  }	
  
.headerCell
{
	background-color: #23333f;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	

	
	}
	
.tdreportcard
{
	border: 0px solid #FFF;
	padding-left: 0px;
	
	}
	



.tdreportcard_header
{
	background-color: #dddddd;
	height: 20px;
	
	}
	
.tdreportcard_header2
{

	background-color: #eeeeee;
	height: 20px;
	
	}
	
.tdreportcard_header3
{

	background-color: #eeeeee;
	height: 20px;
	
	}

.tdreportcard_header3 a
{

	font-weight:bold;
	
	}
	
.tdreportcard_result
{
	background-color: #dddddd;
	height: 20px;
	font-weight: bold;
	
	
	}
	
.tdreportcard_result2
{
	background-color: #eeeeee;
	height: 20px;
	font-weight: bold;
	
	
	}
	
.tdreportcard_info 
{
	
	font-weight: bold;
	
	}
	
.tdreportcard_sub
{ background-color: #eeeeee;
  margin-left: 5px;
  margin-bottom: 10px;
	
	}
	

/* table layout ends */

/* school list */

.hightlight {
	border: 1px solid #213B4C;
	padding: 5px;
	margin: 0px;
	text-align: center;
}

.hightlight a {
	color: #213B4C;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

.hightlight_links {
	
	font-size: 11px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #fffdc1;
}

.hightlight_links a{
	color: #213B4C;
	text-decoration: underline;
	font-weight: bold;
}


/* school list ends */

/* internal page layout */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#internal_middle {
	margin: 0 165px 0 0;
}
#internal_right {
	float: right;
	width: 160px;
	background: #ffffff;
}
#internal_middle .headerbar {
	background:url(/images/title_bar_long.gif) no-repeat;
	height: 17px;
	font-size: 10px;
	color:#ffffff;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 3px;
	line-height: 18px;
	background-color:#CC0000
}
#internal_middle .subheaderbar {
	background:url(/images/title_bar_short.gif) no-repeat;
	height: 17px;
	font-size: 10px;
	color:#ffffff;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 3px;
	line-height: 18px;
	background-color:#ffffff
}
#internal_middle .sponsors {
	text-align:center;
}
#internal_middle .sublink {
	float: right;
	font-size: 11px;
	padding-top: 5px;
	margin-right: 8px;
}
#internal_middle .sublink a {
	color:#cc0000;
	font-weight: normal;
	text-decoration:none;
}
#internal_middle .sublink a:hover {
	text-decoration:underline;
}
#internal_right .headerbar {
	background:url(/images/header_bar_short.gif) no-repeat;
	height: 18px;
	font-size: 10px;
	color:#ffffff;
	font-weight: bold;
	margin-top: 3px;
	padding-left: 20px;
	line-height: 18px;
}
#internal_right .img {
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
}
#internal_right .imgT {
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-top: 1px solid #ffffff;
}
#internal_right .imgB {
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
}
#internal_right .contain {
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	font-size: 10px;
	color:#000000;
	font-weight: bold;
	padding: 5px;
	line-height: 12px;
}
/* internal page layout ends */




/* text */

.textRed {
	color: #CC0000;
}
.textRed_Large {
	font-size: 14px;
	color: #CC0000;
}
.content {
	width: 580px;
	font-size: 11px;
	color:#000000;
	font-weight: normal;
	padding: 10px 30px 10px 20px;
	margin-bottom: 10px;
	line-height: 14px;
}
/* text */




/* hr */

div.hr {
	height: 15px;
	background: #fff url(/images/hr_red.gif) repeat-x scroll center;
}
div.hr hr {
	display: none;
}
/* hr ends */



/* list */

#bulletlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#bulletlist li {
	padding-left: 20px;
	padding-bottom: 10px;
	background-image: url(/images/flag.gif);
	background-repeat: no-repeat;
}
#bulletlist ul {
	list-style: none;
}
/* list ends */





/* announcement */

.announce {
	text-align:center;
	width: 420px;
	background-color: #CC0000;
	padding: 10px;
	margin-left: 80px;
	color: #FFFFFF;
}
.announce a {
	color:#ffffff;
	font-weight: normal;
	text-decoration:underline;
}
/* announcement ends */





/* form */

label {
	position: absolute;
	text-align:left;
	font-weight: bold;

}
.box {

	border: 1px solid #213B4C;
	height: 20px;

	
}


/* form ends */


/* school details legend ends */

table.schoolDetailsLengend {
    border-collapse:collapse;
    border:1px solid #848284;
    background-color:#fff;
}

table.schoolDetailsLengend td {
    padding:3px;
}

table.schoolDetailsLengend td.legendHeading {
    background-color:#848284;
    background-color:#848284;
    color:#fff;
    text-align:left;
    padding-left:5px;
}

table.schoolDetailsLengend td.legendTitleRed {
    background-color:#FF0000;
    color:#000;
    font-weight:bold;
    text-align:center;
}

table.schoolDetailsLengend td.legendTitleYellow {
    background-color:#FFF300;
    color:gray;
    font-weight:bold;
    text-align:center;
}

table.schoolDetailsLengend td.legendTitleGreen {
    background-color:#39B64A;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

table.schoolDetailsLengend td.legendTitleOrange {
    background-color:#F76521;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

table.schoolDetailsLengend td.legendPins {
    background-color:#EFEFEF;
    height:24px; 
    text-align:center; 
    font-size:10px;
}

table.schoolDetailsLengend td.legendPinsDark {
    background-color:#DEDFDE;
    height:24px; 
    text-align:center; 
    font-size:10px;
}


table .schoolDetailsLengend td.legendRowHeading {
    font-weight:bold;
    color:#000;
    padding-left:5px;
}

table .schoolDetailsLengend td.legendTabDark {
    background-color:#DEDFDE;   
    color:#000;
    text-align:center;
}

table .schoolDetailsLengend td.legendTabLight {
    background-color:#EFEFEF;   
    color:#000;
    text-align:center;
}

/* school details legend ends */
#index_left {
	margin: 0px; 
	padding: 0px;
	background: #ffffff;
	text-align: center;
}

#index_left #container_left { 
	background: url('/images/container_left_bg.jpg') top left repeat-y #FFFFFF;
	float:left; 
	margin:0px; 
	padding: 34px 8px 0px 42px; 
	width:182px; 
	min-height:400px;
}
#index_left #container_left a:hover.index_left_nav_links {
	text-decoration: underline;
}

#index_left #container_middle {
	float:left; 
	margin:42px 20px 10px 30px; 
	width:275px; 
	min-height:300px;
}
#index_left #container_right {
	float:left; 
	margin: 42px 0px 0px 35px; 
	padding: 0px; 
	width:330px; 
	min-height:300px; 
}

#index_left #container_right #flag_can {
  background-image: url('/images/flag_can.jpg'); 
	background-repeat: no-repeat; 
	float: left; 
	margin: 0px 15px 0px 0px; 
	padding: 115px 0px 0px 0px; 
	width: 141px; 
}

#index_left #container_right #flag_usa {
  background-image: url('/images/flag_usa.jpg'); 
	background-repeat: no-repeat; 
	float: left; 
	margin: 0px 15px 0px 0px; 
	padding: 115px 0px 0px 0px; 
	width: 141px; 
}

#index_left #container_right #flag_can ul, 
#index_left #container_right #flag_usa ul {
	list-style:none;
	line-height: 150%;
}
#index_left #container_right a:hover {
	text-decoration: none;
}
.school_left_title 
{
	color: #213B4C; 
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;

	}
.tabletitle 
{
	color: #213B4C; 
	font-weight: bold;
	font-size: 14px;

	}

.toprow 	
{
	background-color: #213B4C;
	color: #ffffff;
	height: 30px;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #000000;
	padding: 5px;
	}
	
.toprow_no	
{
	background-color: #213B4C;
	color: #ffffff;
	height: 30px;
	text-align: center;
	font-weight: bold;
	padding: 5px;

	}
.dropdown br {margin-top: 5px; margin-bottom: 5px;}

#header_index {
	height: 142px;
	width: 955px;
	margin: 0 auto;
	background:url(/images/images_BC/header_index.jpg) no-repeat;
	
}








