/* Start of CMSMS style sheet 'stmarys_inside' */
@charset "utf-8";
/* CSS Document */

body
{
	margin:0px;
}

.input_text
{
font-family:"Trebuchet MS", Verdana, Arial, "Arial Narrow";
text-align:left;
padding-left:10px;
color:#000000;
font-size:12px;
}

.top_section
{
	background-image:url(images/top_strip.jpg);
	background-repeat:repeat-x;
	height:143px;
}

.contrast_color
{
	background-image:url(images/contarst_strip.jpg);
	background-repeat:repeat-x;
	width:162px;
	height:45px;
}

input.forms
{
 color: #000000;
 height:17px;
 width:127px;
 font:11px "Trebuchet MS", serif, Verdana, Arial;
 background-color: #FFFFFF; 
 padding:2px; 
 border-right: 0px; 
 border-left: 0px; 
 border-top: 0px; 
 border-bottom: 1px solid #666666;
 }
 
 .global
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:11px;
	 text-align:right;
	 word-spacing:6px;
	 color:#FFF;
 }
 
 .global A:LINK
 {
	 TEXT-DECORATION:NONE;
	 COLOR:#FFF;
 }
  .global A:HOVER
 {
	 TEXT-DECORATION:NONE;
	 COLOR:#FFF;
 }
  .global A:ACTIVE
 {
	 TEXT-DECORATION:NONE;
	 COLOR:#FFF;
 }
  .global A:VISITED
 {
	 TEXT-DECORATION:NONE;
	 COLOR:#FFF;
 }
 
 .link_strip
 {
	 background-image:url(images/link_strip.jpg);
	 background-repeat:repeat-x;
	 height:35px;
 }
 /*****************top_links***********************/
 

    #tabs9 {
	 
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabs9 ul {
          margin:0;
          padding:0px 10px 0 10px;
          list-style:none;
      }
    #tabs9 li {
	  font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  letter-spacing:1px;
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs9 a {
      float:left;
      background:url("images/sep.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 1px;
      text-decoration:none;
      }
    #tabs9 a span {
      float:left;
      display:block;
      background:url(images/strip.jpg) repeat-x right top;
	  height:20px;
      padding:10px 15px 4px 15px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs9 a span {float:relative;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#000000;
      }
    #tabs9 a:hover {
	  background-color:#CCC;
      background-position:0% -42px;
      }
    #tabs9 a:hover span {
	  background-color:#CCC;
      background-position:100% -42px;
      } 

      #tabs9 .menuactive {
		     
	      background-color:#CCC;
              background-position:0% -42px;
             color:#000000;
      }
      
      #tabs9 .menuactiveib {
		     
	      background-color:#0082da;
              background-position:0% -42px;
             color:#000000;	 
      }
	  #tabs9 .menuactivejnr {
		     
	      background-color:#10d8f3;
              background-position:0% -42px;
             color:#000000;	 
      }
	  #tabs9 .menuactivesnr {
		     
	      background-color:#639ec8;
              background-position:0% -42px;
             color:#000000;	 
      }
       #tabs9 a:active span{
		     
		      background-color:#CCC;
              background-position:0% -42px;
      }

      #tabs9 #current a {
		     
		      background-color:#CCC;
              background-position:0% -42px;
      }
	  
	   #tabs9 #currentib a {
		     
		      background-color:#0082da;
              background-position:0% -42px;
      }
      #tabs9 #current a span {
		     background-color:#CCC;
              background-position:100% -42px;
      }
	  
	  /*********************bckground_images*************************/
	  
	 .junior
	 {
		 background-image:url(images/junior_header.jpg);
		 background-repeat:no-repeat;
		 width:286px;
		 height:158px;
		 
	 }
	 	 .senior
	 {
		 background-image:url(images/senior.jpg);
		 background-repeat:no-repeat;
		 width:288px;
		 height:158px;
		 
	 }
	 
	.ib
	 {
		 background-image:url(images/Ib_bg.jpg);
		 background-repeat:no-repeat;
		 width:288px;
		 height:158px;
		 
	 }
	 
	 .tab_headers
	 {
		 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		 font-size:15px;
		 color:#FFF;
		 text-align:left;
		 font-weight:bold;
		 vertical-align:bottom;
		 
	 }
	 
.tab_text
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}

.tab_text A:LINK
{
	TEXT-DECORATION:NONE;
	COLOR:#FFF;
}
.tab_text A:HOVER
{
	TEXT-DECORATION:NONE;
	COLOR:#000;
}

/*************************************************************/
.main_bg
{
	background-image:url(images/main_bg.jpg);
	height:165px;
	width:561px;
	background-repeat:repeat-x;
}
/*******************************Select_Area********************/
.select_bg
{
	background-image:url(images/select_bg.jpg);
	width:287px;
	height:59px;
	background-repeat:no-repeat;
}

.quick_bg
{
	background-image:url(images/quick_linksbg.jpg);
	height:114px;
	background-repeat:repeat-x;
	
}

.quick_txt
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	clour:#1e5270;
	font-variant:normal;
	font-weight:bold;
	padding-left:5px;
}

.black_heading
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:left;
}
.news_heading
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#04668e;
	text-align:left;
}

.main_txt
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#000;
}

.main_txt A:LINK
{
 TEXT-DECORATION:NONE;
 COLOR:#000;
 FONT-WEIGHT:BOLD;
}

.main_txt A:HOVER
{
 TEXT-DECORATION:NONE;
 COLOR:#000;
 FONT-WEIGHT:BOLD;
}
.main_txt A:VISITED
{
 TEXT-DECORATION:NONE;
 COLOR:#000;
 FONT-WEIGHT:BOLD;
}
.main_txt A:ACTIVE
{
 TEXT-DECORATION:NONE;
 COLOR:#000;
 FONT-WEIGHT:BOLD;
}

/***************************footer*************************************/
.footer_bg
{
	background-image:url(images/footer_bg.jpg);
	height:110px;
	background-repeat:repeat-x;
	
}

.footer_txt
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	font-size:11px;
	padding-top:10px;
	text-decoration:none;
	
}

.footer_txt A:LINK
{
	TEXT-DECORATION:NONE;
	COLOR:#033d99;
}

.footer_txt A:HOVER
{
	TEXT-DECORATION:NONE;
	COLOR:#033d99;
}

.footer_txt A:ACTIVE
{
	TEXT-DECORATION:NONE;
	COLOR:#033d99;
}

.footer_txt A:VISITED
{
	TEXT-DECORATION:NONE;
	COLOR:#033d99;
}


.blue_heading
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#033d99;
	font-weight:bold;
	text-align:left;
}

.inside_tabhead
{
	background-image:url(images/tab_strip.jpg);
	background-repeat:repeat-x;
	width:219px;
	height:33px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font:12px;
	color:#000;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	
}

.inside_linkssec
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#000;
	background-color:#def2fb;
	height:26px;
}

.inside_linkssec2
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#000;
	background-color:#def2fb;
	height:18px;
}

.inside_links
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#000;
	text-decoration:none;
	
}

.inside_links A:LINK
{
	TEXT-DECORATION:NONE;
	COLOR:#000;
}

.inside_links A:HOVER
{
	TEXT-DECORATION:NONE;
	COLOR:#01255c;
}

.inside_links A:ACTIVE
{
	TEXT-DECORATION:NONE;
	COLOR:#01255c;
}

/***************inside_tabs***********************/
.go_in
{
	background-image:url(images/goto_in.jpg);
	width:243px;
	height:70px;
	background-repeat:no-repeat;
}

.download
{
	background-image:url(images/download_sec.jpg);
	width:243px;
	height:70px;
	background-repeat:no-repeat;
}

.bread_bg
{
	background-image:url(images/bread_strip.jpg);
	background-repeat:repeat-x;
}

.inner_headings
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:15px;
	color:#2a6ebb;
	font-weight:bold;
}

/********************************Active_bread*****************/

.bread
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#2a6ebb;
}

.bread A:LINK
{
 TEXT-DECORATION:NONE;
 COLOR:#2a6ebb;
 
}

.bread A:HOVER
{
 TEXT-DECORATION:NONE;
 COLOR:#2a6ebb;

}
.bread A:VISITED
{
 TEXT-DECORATION:NONE;
 COLOR:#2a6ebb;

}
.bread A:ACTIVE
{
 TEXT-DECORATION:NONE;
 COLOR:#2a6ebb;

}

/*****************IB_page*****************/
.ibbg
{
	background-image:url(images/ib_stripbg.jpg);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#FFF;

}

.inside_ibssec
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#000;
	background-color:#afd3f2;
	
}

.ib_textbg
{
	background-image:url(images/ib_textbg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:249px;
}
/******************************Alumni_section*******************************/

.
    #tabs6 {
	 
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabs6 ul {
          margin:0;
          padding:0px 10px 0 100px;
          list-style:none;
      }
    #tabs6 li {
	  font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  letter-spacing:1px;
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url("images/sep.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 1px;
      text-decoration:none;
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url(images/strip.jpg) repeat-x right top;
	  height:20px;
      padding:10px 25px 4px 25px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:relative;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#000000;
      }
    #tabs6 a:hover {
	  background-color:#CCC;
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
	  background-color:#CCC;
      background-position:100% -42px;
      } 

      #tabs6 #current a {
		     
		      background-color:#CCC;
              background-position:0% -42px;
      }
	  
	   #tabs6 #currentib a {
		     
		      background-color:#0082da;
              background-position:0% -42px;
      }
      #tabs6 #current a span {
		     background-color:#CCC;
              background-position:100% -42px;
      }
	  	  


/***********************login_section*************************/
.login_bg
{
	background-image:url(images/login_bg.jpg);
	background-repeat:repeat-x;
	height:106px;
}

/************************************ALumni************************/
input.forms2
{
 color: #000000;
 height:13px;
 width:100px;
 font:11px "Trebuchet MS", serif, Verdana, Arial;
 background-color: #FFFFFF; 
 padding:2px; 
 border-right: 1px solid #666666; 
 border-left: 1px solid #666666; 
 border-top: 1px solid #666666; 
 border-bottom: 1px solid #666666;
 }
 
 .register
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 color:#000;
	 text-align:left;
	 font-size:11px;
	 font-weight:normal;
	 padding-left:5px;
 }
 
 .register_head
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 color:#FFF;
	 text-align:left;
	 font-weight:bold;
	 font-size:13px;
 }
 
 /********************Alumni_section*********************************/
 .alumni_newsbg
 {
	 background-image:url(images/alunews_bg.jpg);
	 background-repeat:repeat-x;
	 width:;
	 height:79px;
 }
 .alumni_content
 {
	 background-image:url(images/alumni_bg.jpg);
	 height:258px;
	 background-repeat:repeat-x;
 }
 
 .alumni_heading
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 text-align:left;
	 font-size:14px;
	 font-weight:bold;
	 color:#005c96;
 }
 
 .alumni_bread
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:11px;
	 text-align:left;
	 color:#005c96;
 }
 
 .alumni_subheading
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 text-align:left;
	 font-size:12px;
	 color:#005c96;
	 font-weight:bold;
	 
 }
 
 
 
 
 
 
 
 /* make all links red */
.calendar tr td a
{
  color: white;
  background-color: red;
  font-size: 1.3em;
  font-weight: bold;
}
.calendar tr td a:hover
{
  color: red;
  background-color: white;
  font-size: 1.3em;
  font-weight: bold;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 130%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 120%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 0px;
}

/* nice squares for the #big table */
#big th
{
  border: 0px;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 0px;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: #ffffff;
}

#big .calendar-day
{
  background-color: #ffffff;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #6699cc;
}


.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  display: none;
}

/* CALENDAR HEADINGS */

div#calendar {
   text-align: left;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-size: 1.1em;
   line-height: 1.2em;

}
div#calendar h1 {
   font-size: 2em; /* font size for h1 */
   color: #ffffff;
   background-color: #003366;
   padding-left: 0.5em;
   line-height: 1em;
   margin: 0;
}
div#calendar h2 {
   color: #ffffff;
   background-color: #336699;
   font-size: 1.5em;
   text-align: left;
/* some air around the text */
   padding-left: 0.5em;
   padding-bottom: 1px;
/* set borders around header */
   border-bottom: 0px;
   border-left: 0px;
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}
div#calendar h3 {
   color: #003366;
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#calendar h4 {
   color: #003366;
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#calendar h5 {
   color: #003366;
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #003366;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}












/* set the width and height to match your images */

#slideshow {
    position:relative;
    height:197px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*tooltip*/
a.tooltiplink span 
{
 display:none; 
 
 }
a.tooltiplink:hover span 
{
width:inherit;
 display:inline;
 position:absolute;
 padding:3px; 
 margin-left:15px;
 /*margin-bottom:120px;*/
 color:#51626f; 
 background-color:#f9f8f7; 
 border:1px solid #a5acaf; 
 text-decoration:none;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 }

/************************tooltip and thumbnail scroll css****************/

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	background-repeat:repeat-x;
	/*height: 145px;*/
	width: 270px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 90px;
	/* max width here, for users without javascript */	
	width: 500px;	
	padding: 10px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}


/* Here are styles for the back button, don't look at them */
#back {
	display: block;
	width: 243px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}


/* End of 'stmarys_inside' */