.box_subject{
	position:relative; 
	height:100%;
	width:100%;
}
.box_subject img{
	width:100%;
	height:100%;
	position:absolute; 
	z-index:1; 
	left:0px;
	border:none;
}
.box_subject div{
	position:absolute;
	z-index:2; 
	left:0px;
	height:100%;
	width:100%;	
	padding-right:10px;
	padding-right:expression('0px');
}

.box_subject div table{
	border:3px;
	height:100%;
	width:100%;
}

.box_subject div table tr td a{
	font-size:1em; 
	font-weight:bold; 
	font-weight:bold;
	font-size:0.95em;
	color:#333333;
	width:98%;	
}


.box3{
	position:relative; 
	margin:0px;
	height:31px;
	overflow:hidden;
}
.box3 img{
	width:100%;
	height:31px;
	position:absolute; 
	z-index:1; 
}
.box3 div{
	position:absolute;
	z-index:2; 
	padding:8px;
	font-size:0.8em; 
	font-weight:bold; 
	color:white; 	
	text-transform:uppercase;
}



.box2{
	position:relative; 
	height:31px;
	width:100%;
}
.box2 img{
	width:100%;
	position:absolute; 
	z-index:1; 
	left:0px;
	border:none;
}
.box2 div{
	position:absolute;
	z-index:2; 
	left:0px;
	padding:8px;
}

.box2 div a{
	font-size:0.8em; 
	color:white; 
	font-weight:bold; 
	text-transform:uppercase;
}

.profile_menu{

	margin:-5px 0px 5px 5px; 
	width:100%; 
}

.profile_menu tr td{
	border-right:1px silver dotted;
	text-align:center;
	text-align:center;
}


.container {
	/*margin:0 auto;*/
	
	margin-left:auto;
	margin-right:auto;
	
	width:820px;
	
	position:relative; /* puts container in front of distance . Necesarry for FF*/
	text-align:left;
	/*height:100%; /* for some reason this adds extra space*/ 
	height:auto;

}

.logo{
	background:#385C80;
	text-align:left;
}

.logo img{
	margin-top:30px;
}

.logo a {
	text-decoration:none;
	color:white;
}

.logo a:hover {
	text-decoration:underline;
}

.leftCol{
	background:;
	display:inline;
	width:600px;
	float:left;
}

.rightCol{
	width:210px;
	text-align:right;

	background:;		
	float:right; 

	/*position:expression('absolute'); /* used to fix some prolems in IE, but causes other problems in IE, such as right column overlapping footer on some pages*/
}



.TableRight table{
	width:100%;
	height:274px;
	text-align:right;	
	font-family:Helvetica;
	padding:0px;
	border-collapse: collapse;
	
	float:right;
}

.TableRight th{
	padding:3px;
	background-image:url(../_img/site/side/header.gif);
	font-size:1em;
	color:white;
	height:40px;
	border:none;
}

.TableRight tr td{
	border:none;
	/*background: transparent url(../_img/site/side/subjects_menu.gif);*/
	padding:0px;
}

.TableRight tr td:hover{
	/*background: transparent url(../_img/site/side/subjects_menu_hover.gif);*/
	cursor: hand;
	cursor: pointer;
}

.TableRight table tr td a{
	width:100%;
	float:left;
	padding-top:5px;
	padding-right:4px;
	padding-bottom:5px;
	font-weight:bold;
	font-size:0.95em;
	color:#333333;
}

.third{
	text-align:centered;
	float:left;
	
	width:32.25%;
	width:expression('33%');

	padding-right:5px;
}

.SmallTable table{
	margin: 5px auto;
	
	width:100%;
	font-family:Helvetica;
	
	border-collapse: collapse;	
}

.SmallTable th{
	border-bottom-color: black; 
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	
	padding:2px;
	padding-left:5px;
	
	background:#0A73B9;
	font-size:0.90em;
	color:white;
	height:30px;
	
	text-align:left;	
	text-transform: uppercase
	
}

.SmallTable tr td{
	padding-left:3px;
	
	height:25px;

	font-size:0.75em;
	background:#EDEFF0;
}

.SmallTable tr td:hover{
	background: #D9E3EC;
	cursor: hand;
	cursor: pointer;
}

.SmallTable tr td a{
	width:100%;
	float:right;
	
	padding-top:3px;
	padding-bottom:3px;
	
}


.school{
	margin-right:10px;
	width:590px;
	
	float:left;
}

.school p{
	color:#23408F;
	
	font-type:Helvetica;
	font-size:2em;
	font-weight:bold;
	margin:5px;
}

.school_menu .TableRight table tr th{
	border:none;
	border-bottom-color: black; 
	border-bottom-style: solid; 
	border-bottom-width: 1px;
}
.school_menu .TableRight table tr td{
	border-bottom-color: black; 
	border-bottom-style: solid; 
	border-bottom-width: 1px;
}
.school_menu .TableRight table tr td{
	font-weight:bold;
    padding-right: 3px;
}

.school_menu .TableRight table tr #business{
	 background-image:url(../_img/site/side/ft.gif);
	 color:white;,
}
.school_menu .TableRight table tr a{
    font-size: 10pt;
	 color:white;
}
.school_menu .TableRight table tr  #business:hover{
	background-image:url(../_img/site/side/school_hover.gif) no-repeat;
}
.school_menu .TableRight table tr #part-time{
	background-image: url(../_img/site/side/pts.gif)
}
.school_menu .TableRight table tr  #part-time:hover{
	background-image:url(../_img/site/side/school_hover.gif) no-repeat;;
}
.school_menu .TableRight table tr #elc{
	background-image:url(../_img/site/side/elc.gif)
}
.school_menu .TableRight table tr  #elc:hover{
	background-image:url(../_img/site/side/school_hover.gif) no-repeat;;
}
.school_menu .TableRight table tr #ce{
	background-image:url(../_img/site/side/ce.gif)
}
.school_menu .TableRight table tr  #ce:hover{
	background-image:url(../_img/site/side/school_hover.gif) no-repeat;;
}

.course_menu .third {
	width:100%; 
	padding:0px;
	
	margin-bottom:20px;
	
}

.course_menu .third .SmallTable table tr th {
	font-weight:normal; 
	text-transform:none;	
	
	height:30px;
}

.box{
	padding:5px;
	padding-left:5px;
	
	color:white; 
	font-weight:bold;
	text-align:left;
	border-bottom-color: black; 
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	margin-top:10px;
	margin-bottom:3px;
	
}

.course_direct span{
	border:1px solid gray;  
	font-size:0.70em; 
	padding-right:6px; 
	padding-left:6px; 	
	margin-right:5px;
	
	color:#E8E9E9;
}

.course_direct span a{
	font-weight:bold;
	color:#E8E9E9;
}

.container .footer {
	width:100%;
	
	background:#EDEFF0; 
	text-align:left;
	font-family:Helvetica;
	font-size:0.6em;
	color:black; /*gray;*/
}

.container .footer  a{
	border-left-color: black; 
	border-left-style: solid; 
	border-left-width: 1px;
	
	padding-right:25px;
	padding-left:25px;
}

.container .footer  hr{
	margin-bottom:10px;
	margin-bottom:expression('5px');
	border-left:none;
}