/* CSS Document */

/* -- General ------------------------------ */

html, body {
	margin: 0px; padding: 0px;
	background: #ffffff url(../images/background.gif) repeat;
}

html, body { height:100%; } 

html, body { margin:0;padding:0; }

.textIndent{ margin-left:20px;}

/* -- Position ---------------------------- */

#container		  { min-height:100%; height:auto;}
* html #container { height:100%; }

#container {
	width: 778px; 
	margin: 0 auto -23px auto;
	padding: 0;
	background: #ffffff url(../images/mainBack.gif) repeat-y;
}
#collegeBanner {
	margin: 0 auto;
	height: 39px; width: 778px;
	background-color: #000000 ;
	text-align: right;
}
#header {
	margin: 0 auto;
	height: 90px; width: 778px;
	background-color: #000000;
	text-align: right;
}
#headerPrint { display:none;
}

#menutop {
	margin: 0; padding:0;
	float: right;
	height: 26px; width: 777px;
	background:#ffffff url(../images/topNav.gif) no-repeat bottom left; 
	border-right: 1px solid #000000;
}

#colL { height: auto; width: 171px; float: left; }
		
#colL table { height: auto; margin-bottom: 0px;}


#colR { height: auto; width: 590px; float: left; padding:5px; background-color:#ffffff;}

#content { height: auto; width: 100%; float: left; background-color:#ffffff;}


#space 			  { clear:both; height:53px; } /*needed to make room for footer*/
* > html #space  { float:left; width:100%;  } /* ie mac styles */

#liftText {   
   position: absolute; text-align: right; width: 580px; top:-200px; border:0px; margin:0px; padding:0px;
}
   
#liftText a{
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: 500; text-decoration: none;
   border: 0px; margin: 0px; padding: 0px;
}

#liftText a:hover{
   text-decoration: underline; color: #ffffff; font-weight: 500;
}

#footer {
	display: block; margin: 0 auto; 
	width:778px;
	height:42px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: normal;
	color:#000000; text-align: center;
	padding: 5px 0 5px 0; 
	border-top:1px solid  #336600;
	background:#ffffff url(../images/footerBack.gif) repeat;


}

/* -- TopNav ---------------------------- */
#topmenu-nav    { position: relative; list-style: none; display: block; width: 774;}

#topmenu-nav    { border: 0;  margin-top: 2px; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; float:right;}

#topmenu-nav td { border-left: 1px solid  #999999;  padding: 0px 5px 0px 5px;}

#topmenu-nav a{  text-align: center; color:  #ffffff; text-decoration: none;}
#topmenu-nav a:hover  { color:  #CCCCCC; text-decoration: none; }
#topmenu-nav a:active  { color:  #ffffff; text-decoration: none; }


.borderTable{ margin-top:1px; border-bottom: 1px solid #666666;
}

.mainMenu{ margin:0; margin-top: 1px; border: 0; float: right;
}

select {
	margin: 0; border: 1px solid #000000; font-weight: 500; color: #000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; padding:0; }

/* ---- Side menu layout ------------------- */

#sidemenu, .mainlevel { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:171px; 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

#sidemenu .OnState {
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;
	font-size:10px;
	height: auto;
	padding: 5px 5px 5px 10px;
	color: #993300;
	text-decoration: none;
	background: url(../images/btnLeftOn.gif) no-repeat;
}

#sidemenu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	height: auto;
	padding: 5px 5px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/btnLeft.gif) no-repeat;
}

#sidemenu a:hover { background: url(../images/btnLeftOn.gif) no-repeat;  color: #993300; text-decoration: none; }
#sidemenu a:active { background: url(../images/btnLeftOn.gif) no-repeat;  color: #993300; text-decoration: none; }

#sidemenu    { border: 0;  }
#sidemenu li { list-style-type: none;  }
#sidemenu a  { display: block; width: 99.99%; }


.mainlevel {
	position: relative; z-index:100; margin:0px ; 
}

/* ---- Sub-menu layout ------------------- */

#submenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:500; font-size:11px; margin: 0; padding: 0; width:171px; border: 0; }

#submenu .titleMenu{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 99.99%;
	margin: 0; 
	font-weight:bold; 
	font-size:10px;
	height: 23px;
	padding: 0px 0px 0px 10px;
	color: #993300;
	text-decoration: none;
	background: url(../images/areaTitle.gif) no-repeat;
}

#submenu .OnStateSub {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:500; 
	font-size:10px;
	display:block;
	height: 16px; width: 99.99%;	
	padding: 2px 0 3px 20px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/subbtnLefton.gif) no-repeat;
}

#submenu a {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:500; 
	font-size:10px;
	display:block;
	height: 16px; width: 99.99%;	
	padding: 2px 0 3px 20px;
	color: #000000;
	text-decoration: none;
	background: url(../images/subbtnLeft.gif) no-repeat;
}

#submenu a:hover { background: url(../images/subbtnLefton.gif) no-repeat;  color: #ffffff; text-decoration: none; }

#submenu    { border: 0;  }
#submenu li { list-style-type: none;  }

/* ---- left menu table layout ------------------- */

#Leftmenutable { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:500;  color:#FFFFFF; margin: 0; padding:0;  width:171px; border: 0; background:url(../images/leftMenuBgTable.gif)}

#Leftmenutable .contentTable{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:500; font-size:9px; 
	padding: 2px 15px 2px 2px;
	color: #ffffff; text-decoration: none; text-align:right; 
	
}

#Leftmenutable a {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:500; font-size:9px; text-decoration: underline; font-weight:normal; 
	color: #ffffff;
	
}

#Leftmenutable a:hover { color: #000000; font-weight:normal;  }

#Leftmenutable a:active   { color: #000000; font-weight:normal; }

#Leftmenutable    { border: 0;  }

/* ---- left menu table layout ------------------- */

a.bus {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	font-weight: normal; color: #355675;
	text-decoration: none;
}
a.bus:visited {color:#000000; }
a.bus:active { color: #666666; text-decoration: underline; }
a.bus:hover { color: #355675; text-decoration: underline;}

.titleBus {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	font-weight: bold; color: #042E56;
	padding: 1px 1px 1px 4px;
	border: 0;
}
.titleBusProgramListin {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	font-weight: bold; color: #042E56;
	padding: 1px 1px 1px 2px;
	border-bottom: 1px solid #5C5E60;
	background-color:#E5E5E5 ;
}

.titleLanguage{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	color: #006699;
	padding: 1px 1px 1px 4px; border: 0;
}
.titleMediaProgramListin {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	padding: 1px 1px 1px 2px;
	border-bottom: 1px solid #5C5E60;
	background-color: #F4F4F4 ;
}

.titleBox {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	font-weight: bold; color: #003366;
	padding: 1px 1px 1px 2px;
	border-bottom: 1px solid #CCCCCC;
	background:url(../images/box_bg.gif);
}


/* -- Gray Border Table----------------------------- */
.GrayBorderTables { border: 1px solid #999999;}

/* -- Rollovers Layers----------------------------- */

.rolloverLayer {
	height: 30px;
	width: 575px;
	top: 165px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #ffffff; 	text-align: left;
	padding: 2px;
	background-color: #CC6600; 	
	background-position: top 170px; 
	border: 1px solid #CC6600;
	overflow: hidden;
	z-index: auto;
	visibility: hidden;
}
.rolloverLayerOn {
	top: 165px; height: 30px; width: 575px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; text-align: left; color: #999999;
	padding: 2px;
	position: relative;
	border-bottom: 1px solid #CC6600;	
	overflow: visible;
}

.textLayers {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
}

/* -- Forms ---------------------------- */

.formtable { border: 0;  margin: 0; padding: 2px 3px 3px 3px; color:#FFFFFF;  }

input.inputbox, textarea.inputbox {
	margin-top:0px; border: 1px solid #000000;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000; font-size:11px;
}

.button {
	height: 15px; width: 25px;
	color: #000000; font-weight:600; font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}

/* -- Small Link ------------------------------ */
a.small {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	font-weight: normal; color: #000000;
	text-decoration: none;
}
a.small:visited {color:#000000; }
a.small:active { color: #666666; text-decoration: underline; }
a.small:hover { color: #000000; text-decoration: underline;}

.redtext {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #ff0000;
}

/*---- provincial notice style ----*/


#provincialNoticeStyle table{
	width:100%;
	height:auto;
	}
#provincialNoticeStyle td{
	padding:0px;
	margin:0px;
	}
#provincialNoticeStyle table tr td img{
	padding:auto 0 auto 0;
	margin:auto 0 auto 0;
	}