/* www.prolo.ca layout  */


	/* Helpers and base rules */



img	{
	border: 0px none;
	}





	/* Primary layout divisions */



body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0px none;
	color: #606E91;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	font-size: large;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}





a:link, a:visited {
	font-weight : bold; 
	text-decoration : underline;
	color: #785;
	background: transparent; 
	}



a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #530;
	background: transparent; 
	}



a:active {
	font-weight : bold; 
	text-decoration : underline;
	color: #785;
	background: transparent;  
	}

	

.whiteLink:link, .whiteLink:visited {
	font-weight : bold; 
	text-decoration : underline;
	color: #FFF;
	background: transparent; 
	}



.whiteLink:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #530;
	background: transparent; 
	}



.whiteLink:active {
	font-weight : bold; 
	text-decoration : none;
	color: #785;
	background: transparent;  
	}





	/* Typography 	*/

	

h1	{
	margin: 15px 10px 15px 10px;
	}

	

h2, h3, h4	{
	font-weight: bold;
	font-size: 140%;
	color: #606E91;
	line-height: 1.1em;
	margin: 5px 10px 0px 10px;
	}



p	{
	margin: 10px 10px 10px 10px;
	line-height: 140%;
	}



blockquote	{
	border-left:0px none; border-top:0px none; border-bottom:0px none; padding-left: 2px;
	margin-left: 2px;
	padding-right: 2px;
	margin-right: 2px;
	border-right: 1px dotted #785; padding-top:0; padding-bottom:0
	font size; 50%;
	}

	





hr {
	color : #785;
	padding-left: 3px;
	margin-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
}



	/* button */

	

form#buttski	{
	text-align: center;
	padding: 0;
	margin: 10px auto;
	}



.butt {
	color: #441; 
	background: #eed; 
	padding: 2px;
	}

	



	

.leftColumn {
 	background-color:#FFFFFF ;
 }



.whiteFooter {
	line-height: 110%;
	font-size: 0.8em;
	font: normal normal normal small serif;
	color : #FFFFFF;
	margin: 10px 10px 10px 10px;
}





form {
	margin : 0;
	padding : 0;
	border : 0px none;
}



.padData {
	padding-right : 6px;
	padding-left : 10px;
	padding-bottom : 6px;
	padding-top : 6px;
	line-height : 18px;
}



.thinTable { 
	border-collapse : collapse;
	/* border-top: 0px solid #DDDDBB; */

}





	/* images */

.centerImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.leftBg {
	background-image: url('images/bg_left.gif');
}



.rightBg {
	background-image: url('images/bg_right.gif');
}



.dottedBg {
	background-image: url('bg_dotted.gif');
}



.topBg {
	background-image: url('top_bg.gif');
	background-image: url('bg_left.gif');
}



td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}



#FWTableContainer170173063 {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:800px;
	/*height:214px;*/
	text-align:left;
}



#MMMenuContainer0211190723_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0211190723_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:293px;
	top:207px;
	visibility:hidden;
	z-index:300;
}



#MMMenu0211190723_0 {
/* This class defines things about menu MMMenu0211190723_0's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:transparent;
	width:91px;
	height:144px;
}



.MMMIFVStyleMMMenu0211190723_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0211190723_0 */
	border-top:0px solid #ffffff;
	border-left:0px solid #ffffff;
	border-bottom:0px solid #555555;
	border-right:0px solid #555555;
	width:91px;
	height:24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:85px;
	height:18px;
}


.MMMIVStyleMMMenu0211190723_0 {

/* This class determines the general characteristics of the menu items in menu MMMenu0211190723_0 */

	border-top:0px;
	border-left:0px solid #ffffff;
	border-bottom:0px solid #555555;
	border-right:0px solid #555555;
	width:91px;
	height:24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:85px;
	height:18px;
}



#MMMenu0211190723_0_Item_0 {

/* Unique ID for item 0 of menu MMMenu0211190723_0 so we can set its position */
	left:0px;
	top:0px;
}



#MMMenu0211190723_0_Item_1 {

/* Unique ID for item 1 of menu MMMenu0211190723_0 so we can set its position */
	left:0px;
	top:24px;
}



#MMMenu0211190723_0_Item_2 {

/* Unique ID for item 2 of menu MMMenu0211190723_0 so we can set its position */

	left:0px;
	top:48px;

}



#MMMenu0211190723_0_Item_3 {

/* Unique ID for item 3 of menu MMMenu0211190723_0 so we can set its position */

	left:0px;
	top:72px;

}



#MMMenu0211190723_0_Item_4 {

/* Unique ID for item 4 of menu MMMenu0211190723_0 so we can set its position */

	left:0px;
	top:96px;

}



#MMMenu0211190723_0_Item_5 {

/* Unique ID for item 5 of menu MMMenu0211190723_0 so we can set its position */

	left:0px;
	top:120px;

}



#MMMenuContainer0211190723_0 img {

/* needed for Mozilla/Camino/Netscape */
	border:0px;
}



#MMMenuContainer0211190723_0 a {

/* Controls the general apperance for menu MMMenuContainer0211190723_0's items, including color and font */

	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:3px;
	background-color:#99cc99;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;

}



#MMMenuContainer0211190723_0 a:hover {

/* Controls the mouse over effects for menu MMMenuContainer0211190723_0 */

	color:#666666;
	background-color:#99cc99;

}

#menu {
	background: #99CC99;
	color: #FFF;
	height: 45px;
	padding-left: 18px;
	border-radius: 10px;
}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none
}
#menu ul {
	width: 100%;
}
#menu li {
	float: left;
	display: inline;
	position: relative;
}
#menu a {
	display: block;
	line-height: 45px;
	padding: 0 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 25px;
}
#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu li a:hover {
	color: #99cc99;
	background: #F2F2F2;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 45px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 35px
}
#menu label:before {
	font-size: 1.6em;
	content: "\2261"; 
	margin-left: 20px;
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: 170px;
	background: #99CC99;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.sub-menus li {
	display: block;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 16px;
}
#menu li:hover ul.sub-menus {
	display: block
}
#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #99CC99;
}
@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:white}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
}