/* CSS Document */



body{

	font-family: arial;

	font-size: 11px;

	margin-top: 0;

	margin-bottom: 0;

	line-height: 18px; 

	background: #333 url(../image/bg.jpg) top center no-repeat;

}



#container{

	margin: 0px auto 0px auto;

	width: 698px;

}



#bodyContainer{

	/*border-left: 1px solid #c3d1df;

	border-right: 1px solid #c3d1df;*/

}



#header{

}



.navi{

	height: 40px; 

	background-color: #333;

	line-height:40px;

}



.login{

	color: #ddd;

	text-align: right;

	padding: 2px;

	padding-left: 5px;

}



.banner{

	background-image: url("http://www.sfubiz.ca/misa/banner.jpg/rotator.php");

	background-repeat: no-repeat;

	height: 221px;

}



#contentContainer{

	background-color: #fff;

	padding: 30px 20px;

	font-size: 12px;

	font-family: arial, sans-serif;

	color: #333;

}



html>body #contentContainer{

	padding: 15px 40px;

}



h3{

	font-size: 16px;

}



#contentContainer .left{

	width: 180px;

	float: left;

}



#contentContainer .right{

	width: 410px;

	float: right;

}



#contentContainer .oneColumn{

	

}



.oneColumn h3{

	clear: both;

	font-size: 16px;

	padding-top: 20px;

}



.img{

	border: none;

}



.imgLeft{

	padding: 0 10px 5px 0;

	float: left;

}

/*highslide*/
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}

.highslide-html {
	background: none;
}
.highslide-header ul a {
	background-image: url(graphics/controlbar-text-buttons.png);
	padding-left: 16px;
	display: inline-block;
	height: 16px;
}
.highslide-header ul li span {
	display: none;
}
.highslide-header .highslide-move {
	display: none;
}
.highslide-header .highslide-close a {
	background-position: 0 -221px;
}
/*highslide*/

.imgRight{

	padding: 0 0 10px 10px;

	float: right;

}



#contentContainer .end{

	clear: both;

	padding: 0;

	margin: 0;

}



#contentContainer .left p.text{

	margin-left: 10px; 

}



.register{

	padding-top: 15px;

	text-align: right;

	color: #039;

}



.login a:link, .register a:visited{

	color: #ddd;

	text-decoration: none;

}

	

.login a:hover{

	color: #fff;

}





.register a:link, .register a:visited{

	text-decoration: none;

}

	

.register a:hover{

	text-decoration: underline;

	color: #06C;

}



a:link, a:active, a:visited{

	text-decoration: none;

	color: #06C;

}



ol a:hover{

	text-decoration: underline;

}



.top{

	text-align: right;

	font-size: 9px;

}



.top a:link, .top a:visited, .top a:active{

	text-decoration: none;

	color: #000;

}



.top a:hover{

	text-decoration: underline;

}



#footer{

	clear: both;

	/*padding: 5px 5px 40px 5px;

	color: #666;*/

}



html>body #footer{

	clear: both;

	padding: 0px 5px 60px 5px;

	margin-top: -5px;

	margin-bottom: 0px;

}



#footer img{

	border: none;

	margin-top: 3px;

}



#footer a:link, #footer a:visited{

	color: #666;

	text-decoration: none;

}



#footer a:hover{

	color: #666;

	text-decoration: underline;

}



#footer .left{

	float: left;

}



#footer .right{

	float: right;

	text-align: right;

}



h2{

}



.title{

	font-weight: bold; 

}



ol .first{

	margin-top: 20px;

}



label {

	width: 75px;

	text-align: left;

	float: left;

	padding: 5px;

}



form br {

	clear: both;

}



.fullForm label{

	width: 125px;

	text-align: right;

	float: left;

	padding: 5px 15px 5px 5px;

}



.submit {

	width: 100px;

}



.error_msg {

	font-weight: bold;

	color: #F00;

}



.alert {

	background-color: #FF0000; 

	font-weight: bold;

	padding: 10px;

	margin-bottom: 10px;

}

.date {
	color: #0099FF;
	font-weight: bold;
}


/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/dd_valid.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

.menu {margin: 0 0 0 35px;}

html>body .menu {color: #fff; margin: 0 0 0 8px; position: relative; z-index: 100;}

.menu ul li a, .menu ul li a:visited {display: block; text-decoration: none; padding: 0 15px 0 15px; color: #fff; overflow: hidden;}

.menu ul {padding:0; margin:0; list-style: none;}

.menu ul li {float:left; position: relative; }

.menu ul li ul {display: none;}

.menu ul li:hover a {background: #444;}

.menu ul li:hover ul {display: block; position: absolute; bottom: 40px; left: 0;}

.menu ul li:hover ul li a.hide {background:#666; color: #fff;}

.menu ul li:hover ul li:hover a.hide {background: #6fc; color:#000;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {padding: 5px 5px 5px 15px; height: 15px; line-height: normal; width: 150px; display:block; background:#333; opacity: 0.90; filter: alpha(opacity=90); color:#fff; text-align: left;}

.menu ul li:hover ul li a:hover {background: #666; color: #fff;} /*sub hover*/

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}

.menu ul li:hover ul li:hover ul.left {left:-105px;}

/* END MENU */