html,body
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #565656;
	font-size: 80%;
	font-family: Verdana;
	background-color: #fff;
}


/*************************	front main container	*************************/

.main-container
{
	width: 990px;
	left: 50%;
	margin-left: -495px;
	position: absolute;
/*	border: 1px solid #000;*/
/*	height: 1000px;*/
}

/*************************	front page logo		*************************/

.national-congress-italian-canadians-quebec-en
{
	background-image: url("/images/ital-logo-en.jpg");
	width: 439px;
	height: 80px;
	position: absolute;
}

.national-congress-italian-canadians-quebec-fr
{
	background-image: url("/images/ital-logo-fr.jpg");
	width: 439px;
	height: 80px;
	position: absolute;
}

.national-congress-italian-canadians-quebec-it
{
	background-image: url("/images/ital-logo-it.jpg");
	width: 439px;
	height: 80px;
	position: absolute;
}

.language-menu
{
	position: absolute;
	margin-top: 60px;
	margin-left: 230px;
}

.language-menu a
{
	text-decoration: none;
	color: #565656;
}

.language-menu a:hover
{
	text-decoration: underline;
}

/*************************	front page nav buttons	*************************/

.button-home-en
{
	background-image: url("/images/button-home-en.gif");
	width: 48px;
	height: 10px;
	position: absolute;
	margin-left: 450px;
	margin-top: 30px;
	cursor: pointer;
}

.button-home-en img
{
	width: 48px;
	height: 10px;
	border: 0px;
	cursor: pointer;
}

.button-about-en
{
	background-image: url("/images/button-about-en.gif");
	width: 46px;
	height: 9px;
	position: absolute;
	margin-left: 510px;
	margin-top: 31px;
	cursor: pointer;
}

.button-about-en img
{
	width: 46px;
	height: 9px;
	border: 0px;
	cursor: pointer;
}

/*.button-site-map-en*/
/*{*/
/*	background-image: url("/images/button-site-map-en.gif");*/
/*	width: 59px;*/
/*	height: 11px;*/
/*	position: absolute;*/
/*	margin-left: 567px;*/
/*	margin-top: 30px;*/
/*	cursor: pointer;*/
/*}*/

/*.button-site-map-en img*/
/*{*/
/*	width: 59px;*/
/*	height: 11px;*/
/*	border: 0px;*/
/*	cursor: pointer;*/
/*}*/

.button-contact-en
{
	background-image: url("/images/button-contact-en.gif");
	width: 70px;
	height: 9px;
	position: absolute;
/*	margin-left: 643px;*/
	margin-left: 567px;
	margin-top: 32px;
	cursor: pointer;
}

.button-contact-en img
{
	width: 70px;
	height: 9px;
	border: 0px;
	cursor: pointer;
}

.button-home-fr
{
	background-image: url("/images/button-home-fr.gif");
	width: 55px;
	height: 10px;
	position: absolute;
	margin-left: 450px;
	margin-top: 30px;
	cursor: pointer;
}

.button-home-fr img
{
	width: 55px;
	height: 10px;
	border: 0px;
	cursor: pointer;
}

.button-about-fr
{
	background-image: url("/images/button-about-fr.gif");
	width: 56px;
	height: 9px;
	position: absolute;
	margin-left: 520px;
	margin-top: 31px;
	cursor: pointer;
}

.button-about-fr img
{
	width: 56px;
	height: 9px;
	border: 0px;
	cursor: pointer;
}

.button-contact-fr
{
	background-image: url("/images/button-contact-fr.gif");
	width: 92px;
	height: 9px;
	position: absolute;
	margin-left: 590px;
	margin-top: 32px;
	cursor: pointer;
}

.button-contact-fr img
{
	width: 92px;
	height: 9px;
	border: 0px;
	cursor: pointer;
}

.button-home-it
{
	background-image: url("/images/button-home-it.gif");
	width: 78px;
	height: 10px;
	position: absolute;
	margin-left: 450px;
	margin-top: 30px;
	cursor: pointer;
}

.button-home-it img
{
	width: 78px;
	height: 10px;
	border: 0px;
	cursor: pointer;
}

.button-about-it
{
	background-image: url("/images/button-about-it.gif");
	width: 65px;
	height: 9px;
	position: absolute;
	margin-left: 540px;
	margin-top: 31px;
	cursor: pointer;
}

.button-about-it img
{
	width: 65px;
	height: 9px;
	border: 0px;
	cursor: pointer;
}

.button-contact-it
{
	background-image: url("/images/button-contact-it.gif");
	width: 66px;
	height: 9px;
	position: absolute;
	margin-left: 620px;
	margin-top: 32px;
	cursor: pointer;
}

.button-contact-it img
{
	width: 66px;
	height: 9px;
	border: 0px;
	cursor: pointer;
}
















/*************************	front page search box	*************************/

.main-search
{
	margin-top: 25px;
	margin-left: 730px;
	position: absolute;
	width: 250px;
}

.main-search-text
{
	border: 1px solid #000;
	width: 180px;
	height: 19px;
}

.main-search-button
{
	*margin-top: 1px;
	position: absolute;
}

.main-search-button[class]
{
	margin-left: 5px;
}

/*************************	front page main nav menu	*****************/

.main-nav
{
	position: absolute;
	margin-top: 50px;
	margin-left: 450px;
}

/*************************	front page main banenr	*************************/

.main-banner-en
{
	background-image: url("/images/main-banner-en.jpg");
	position: absolute;
	width: 761px;
	height: 221px;
	margin-top: 90px;
	margin-left: 5px;
}

.main-banner-fr
{
	background-image: url("/images/main-banner-fr.jpg");
	position: absolute;
	width: 761px;
	height: 221px;
	margin-top: 90px;
	margin-left: 5px;
}

.main-banner-it
{
	background-image: url("/images/main-banner-it.jpg");
	position: absolute;
	width: 761px;
	height: 221px;
	margin-top: 90px;
	margin-left: 5px;
}

/*************************	front page event calander	*****************/


.calendar_day_event
{
	border: 1px solid #fff;
}

.events-calendar-en
{
	background-image: url("/images/front-page-events-en.jpg");
	width: 215px;
	height: 191px;
	position: absolute;
	margin-left: 767px;
	margin-top: 90px;
}

.events-calendar-en a
{
	color: #fff;
	text-decoration: none;
}

.events-calendar-en table
{
	position: absolute;
	margin-top: 50px;
	margin-left: 30px;
	width: 160px;
	color: #fff;
	font-size: 90%;
}

.events-calendar-en td
{
	text-align: center;
}

.events-calendar-fr
{
	background-image: url("/images/front-page-events-fr.jpg");
	width: 215px;
	height: 191px;
	position: absolute;
	margin-left: 767px;
	margin-top: 90px;
}

.events-calendar-fr a
{
	color: #fff;
	text-decoration: none;
}

.events-calendar-fr table
{
	position: absolute;
	margin-top: 50px;
	margin-left: 30px;
	width: 160px;
	color: #fff;
	font-size: 90%;
}

.events-calendar-fr td
{
	text-align: center;
}

.events-calendar-it
{
	background-image: url("/images/front-page-events-it.jpg");
	width: 215px;
	height: 191px;
	position: absolute;
	margin-left: 767px;
	margin-top: 90px;
}

.events-calendar-it a
{
	color: #fff;
	text-decoration: none;
}

.events-calendar-it table
{
	position: absolute;
	margin-top: 50px;
	margin-left: 30px;
	width: 160px;
	color: #fff;
	font-size: 90%;
}

.events-calendar-it td
{
	text-align: center;
}

.calendar-header
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.calendar-header:hover
{
	text-decoration: underline;
}

.calendar_day_inactive
{
	color: #aaa;
}

/*************************	front page quick menu	************************/

.quick-menu-en
{
	background-image: url("/images/front-page-quick-menu-en.jpg");
	width: 215px;
	height: 191px;
	position: absolute;
	margin-left: 767px;
	margin-top: 282px;
}

.quick-menu-en-content
{
	position: absolute;
	margin-top: 53px;
	margin-left: 10px;
}

.quick-menu-en-content a
{
	color: #fff;
}

.quick-menu-en-content a:hover
{
	text-decoration: none;
}

.quick-menu-fr
{
	background-image: url("/images/front-page-quick-menu-fr.jpg");
	width: 215px;
	height: 191px;
	position: absolute;
	margin-left: 767px;
	margin-top: 282px;
}

.quick-menu-fr-content
{
	position: absolute;
	margin-top: 53px;
	margin-left: 10px;
}

.quick-menu-fr-content a
{
	color: #fff;
}

.quick-menu-fr-content a:hover
{
	text-decoration: none;
}

.quick-menu-it
{
	background-image: url("/images/front-page-quick-menu-it.jpg");
	width: 215px;
	height: 191px;
	position: absolute;
	margin-left: 767px;
	margin-top: 282px;
}

.quick-menu-it-content
{
	position: absolute;
	margin-top: 53px;
	margin-left: 10px;
}

.quick-menu-it-content a
{
	color: #fff;
}

.quick-menu-it-content a:hover
{
	text-decoration: none;
}

/*************************	front page main panels	************************/

.front-page-panel1
{
	background-image: url("/images/front-page-panel1-bg.jpg");
	width: 226px;
	height: 161px;
	position: absolute;
	margin-top: 312px;
	margin-left: 5px;
	color: #fff;
}

.front-page-panel1-content
{
	width: 210px;
	font-size: 120%;
	position: absolute;
	margin-top: 45px;
	margin-left: 10px;
}

.front-page-panel2
{
	background-image: url("/images/front-page-panel2-bg.jpg");
	width: 284px;
	height: 161px;
	position: absolute;
	margin-top: 312px;
	margin-left: 232px;
	color: #fff;
}

.front-page-panel2-content
{
	width: 270px;
	font-size: 120%;
	position: absolute;
	margin-top: 45px;
	margin-left: 10px;
}

.front-page-panel3
{
	background-image: url("/images/front-page-panel3-bg.jpg");
	width: 249px;
	height: 161px;
	position: absolute;
	margin-top: 312px;
	margin-left: 517px;
	color: #fff;
}

.front-page-panel3-content
{
	width: 235px;
	font-size: 120%;
	position: absolute;
	margin-top: 45px;
	margin-left: 10px;
}

.front-page-panel-header
{
	font-size: 120%;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 10px;
	position: absolute;
}

.button-read-more-en
{
	background-image: url("/images/button-read-more-en.jpg");
	width: 82px;
	height: 15px;
	position: absolute;
	cursor: pointer;
	margin-left: 135px;
	margin-top: 135px;
}

.button-read-more-en img
{
	width: 82px;
	height: 15px;
	cursor: pointer;
	border: 0px;
}

.button-read-more-fr
{
	background-image: url("/images/button-read-more-fr.jpg");
	width: 87px;
	height: 15px;
	position: absolute;
	cursor: pointer;
	margin-left: 130px;
	margin-top: 135px;
}

.button-read-more-fr img
{
	width: 87px;
	height: 15px;
	cursor: pointer;
	border: 0px;
}

.button-read-more-it
{
	background-image: url("/images/button-read-more-it.jpg");
	width: 124px;
	height: 17px;
	position: absolute;
	cursor: pointer;
	margin-left: 86px;
	margin-top: 135px;
}

.button-read-more-it img
{
	width: 124px;
	height: 17px;
	cursor: pointer;
	border: 0px;
}

/*************************	front page bottom panel	************************/

.front-page-bottom-panel-container
{
	background-image: url("/images/front-page-bottom-panel-bg.jpg");
	width: 977px;
	height: 297px;
	position: absolute;
	margin-top: 474px;
	margin-left: 5px;
}

.front-page-bottom-panel1-header
{
	font-size: 120%;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 10px;
	position: absolute;
	color: #fff;
}

.front-page-bottom-panel1-content
{
	position: absolute;
	margin-left: 10px;
	margin-top: 30px;
	font-size: 120%;
	color: #646464;
	width: 200px;
/*	border: 1px solid #000;*/
}

.front-page-bottom-panel1-content a
{
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.front-page-bottom-panel1-content a:hover
{
	text-decoration: underline;
}

.front-page-bottom-panel2-header
{
	font-size: 120%;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 237px;
	position: absolute;
	color: #fff;
}

.front-page-bottom-panel2-content
{
	position: absolute;
	margin-left: 237px;
	margin-top: 30px;
	font-size: 120%;
	color: #646464;
	width: 260px;
/*	border: 1px solid #000;*/
}

.front-page-bottom-panel2-content a
{
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.front-page-bottom-panel2-content a:hover
{
	text-decoration: underline;
}


.front-page-bottom-panel3-header
{
	font-size: 120%;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 523px;
	position: absolute;
	color: #fff;
}

.front-page-bottom-panel3-content
{
	position: absolute;
	margin-left: 523px;
	margin-top: 30px;
	font-size: 120%;
	color: #646464;
	width: 225px;
/*	border: 1px solid #000;*/
}

.front-page-bottom-panel3-content a
{
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.front-page-bottom-panel3-content a:hover
{
	text-decoration: underline;
}

.front-page-bottom-panel4-header
{
	font-size: 120%;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 770px;
	position: absolute;
	color: #fff;
}

.front-page-bottom-panel4-content
{
	position: absolute;
	margin-left: 770px;
	margin-top: 30px;
	font-size: 120%;
	color: #646464;
	width: 195px;
/*	border: 1px solid #000;*/
}

.front-page-bottom-panel4-content a
{
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.front-page-bottom-panel4-content a:hover
{
	text-decoration: underline;
}

.front-page-bottom-panel4-content td
{
	font-size: 80%;
}

/*************************	front page footer menu	************************/

.front-page-footer-menu
{
	width: 967px;
	height: 17px;
	*width: 977px;
	*height: 20px;
	background-color: #022204;
	position: absolute;
	margin-left: 5px;
	margin-top: 772px;
	color: #fff;
	padding-left: 10px;
	padding-top: 3px;
}

.front-page-footer-menu a
{
	color: #fff;
}

.front-page-footer-menu a:hover
{
	text-decoration: none;
}

/*************************	front page footer credits	*****************/

.front-page-footer-credits
{
	margin-left: 5px;
	margin-top: 795px;
	position: absolute;
	color: #b10808;
	width: 977px;
}

.front-page-footer-credits a
{
	color: #dd0000;
	text-decoration: none;
}

.front-page-footer-credits a:hover
{
	text-decoration: underline;
}

/*************************	front page mouse over effect	*****************/

#dhtmltooltip
{
	position: absolute;
	width: 150px;
	height: 100px;
	border: 1px solid #000000;
	padding: 2px;
	background-color: #D9DEE7;
	color: #000;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



/*************************	front page drop down menu	*****************/

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;}

	#jsddm li a
	{	display: block;
		text-decoration: none;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #1A4473}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #093708;
                        color: #fff;
                        font-weight: bold;
                        font-size: 110%;
                        padding: 5px 5px 5px 5px;}
		
		#jsddm li ul li a:hover
		{	background: #fff;
                        color: #093708;}