@charset "utf-8";
/*
	AILA
	@alex.smoljanovic at thewebshop dot ca : May 08 2007
	http://www.thewebshop.ca
	---------------------------------------------
*/

html,body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	height:100%; 
	background-color:#d9d9d9;
}
div,p,table,form,h1,h2,h3,h4,h5,h6,h7,img,td,ul,li{
	margin:0;
	padding:0;
}

div#aila{
	height:	100%;
	margin: 0px auto 0px auto;
	text-align:center;
}

div#aila-container{
	width: 		944px;
	min-width: 	944px; 
	min-height:	200px;
	margin: 	0px auto 0px auto;
	float:		none;
	height:		100%;
	background:#aaabaf;
}
table#aila-container-table{
	width:100%;
	height:100%
}

#left-shadow{
	float:left;
	width:25px;
	height:100%;
	background:url(../img/left-shadow.gif) repeat-y;
} #right-shadow{
	float:left;
	width:19px;
	height:100%;
	background:url(../img/right-shadow.gif) repeat-y;
}
	
#main-panel{
	
	width:900px;
	background-color:#aaabaf;

	
}
/*
	====>
*/
	#header{
		width:100%;
		background:white;
	}
		#header #blue-thing{
			width:273px;
			height:104px;
			display:block;
			
			background:url(../img/blue-thing.gif) repeat-x;
		}
		#blue-thing a:link,
		#blue-thing a:visited,
		#blue-thing a:active,
		#blue-thing a:hover{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:white;
			text-decoration:underline;
		}#blue-thing a:hover {color:#FFFFCC}

	#menu-container{width:100%;}
	#menu{
		background:url(http://aila-canada.org/img/menu/bx-x.gif) repeat-x;
		height:60px;
	}#menu table, #menu td{width:100%;}
	#menu-displace{
		margin-left:15px;
	}
	
	.menu-item-over a:link,
	.menu-item-over a:visited,
	.menu-item-over a:active,
	.menu-item-over a:hover,
	.menu-item-normal a:link,
	.menu-item-normal a:visited,
	.menu-item-normal a:active,
	.menu-item-normal a:hover{
		text-decoration:none;
		color:white;
	}
	
	.menu-item-hot a:link,
	.menu-item-hot a:visited,
	.menu-item-hot a:active,
	.menu-item-hot a:hover{
		text-decoration:underline;
		color:white;
	}
	
	
	.menu-item-normal{
		float:left;
		cursor:pointer;
		font-size:11px;
		font-weight:bold;
		color:white;
		vertical-align:middle;
		text-align:center;
	}
		.menu-item-normal .left{
			background:url(http://aila-canada.org/img/menu/dl.gif) no-repeat;
			display:block;
			width:14px;
			height:60px;
			float:left;
		}
		.menu-item-normal .middle{
			background:url(http://aila-canada.org/img/menu/dm.gif) repeat-x;
			display:block;
			height:60px;
			float:left;
		}.menu-item-normal .middle .menu-caption{
			padding-top:25px;
			padding-left:7px;
			padding-right:7px;
			display:block;
			float:left;
		}
		.menu-item-normal .right{
			background:url(http://aila-canada.org/img/menu/dr.gif) no-repeat;
			display:block;
			height:60px;
			width:16px;
			float:left;
		}
		
	.menu-item-over{
		float:left;
		cursor:pointer;
		font-size:11px;
		font-weight:bold;
		color:white;
		vertical-align:middle;
		text-align:center;
	}
		.menu-item-over .left{
			background:url(http://aila-canada.org/img/menu/ll.gif) no-repeat;
			display:block;
			width:14px;
			height:60px;
			float:left;
		}
		.menu-item-over .middle{
			background:url(http://aila-canada.org/img/menu/lm.gif) repeat-x;
			display:block;
			height:60px;
			float:left;
		}.menu-item-over .middle .menu-caption{
			padding-top:25px;
			padding-left:7px;
			padding-right:7px;
			display:block;
			float:left;
		}
		.menu-item-over .right{
			background:url(http://aila-canada.org/img/menu/lr.gif) no-repeat;
			display:block;
			height:60px;
			width:16px;
			float:left;
		}
	
	.menu-item-hot{
		float:left;
		cursor:default;
		font-size:11px;
		font-weight:bold;
		color:white;
		text-decoration:underline;
		vertical-align:middle;
		text-align:center;
	}
		.menu-item-hot .left{
			background:url(http://aila-canada.org/img/menu/ll.gif) no-repeat;
			display:block;
			width:14px;
			height:60px;
			float:left;
		}
		.menu-item-hot .middle{
			background:url(http://aila-canada.org/img/menu/lm.gif) repeat-x;
			display:block;
			height:60px;
			float:left;
		}.menu-item-hot .middle .menu-caption{
			padding-top:25px;
			padding-left:7px;
			padding-right:7px;
			display:block;
			float:left;
		}
		.menu-item-hot .right{
			background:url(http://aila-canada.org/img/menu/lr.gif) no-repeat;
			display:block;
			height:60px;
			width:16px;
			float:left;
		}

/* ==//== */
#page-container{
	background:url(../img/content-panel-underlay.gif) repeat-x white ;
	width:100%;
}

#blue-footer-container{background:white;padding-bottom:0px}

#blue-footer{
	margin:10px;
	background:#425273;
	display:block;
	float:none;
	margin-bottom:-6px;
	
}
#blue-footer .content{
	color:white;
	font-size:11px
}#blue-footer .content .links{
	text-align:center;
}
#blue-footer .content .links a{padding-right:13px;}
#blue-footer .content .links a:link,
#blue-footer .content .links a:active,
#blue-footer .content .links a:visited,
#blue-footer .content .links a:hover{
	color:white;
	text-decoration:none;
}#blue-footer .content .links a:hover{text-decoration:underline}
#blue-footer .content a{padding-left:13px;}
#blue-footer .content a:link,
#blue-footer .content a:active,
#blue-footer .content a:visited,
#blue-footer .content a:hover{
	color:#F5F5F5;
	text-decoration:underline;
}#blue-footer .content a:hover{color:white}


#footer{
	background-color:#aaabaf;
}#footer p{
	text-align:right;
	margin:10px;
	padding-top:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:white;
}#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
	/*font:13px Arial, Helvetica, sans-serif;*/
	color:white;
	text-decoration:underline;
}#footer a:hover{color:#F0F0F0}


#related{
	float:right;
	width:200px;
	border:1px solid #666666;
	margin-left:10px;
	margin-bottom:10px;
}#related .header{
	background:#666666;
	color:white;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:4px;
}#related .body{
	padding:10px;
	background:white;
	color:#666666;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}#related .body a:link,
#related .body a:active,
#related .body a:visited,
#related .body a:hover{
	color:#666666;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}#related .body a:hover{text-decoration:underline;}




/*
=========================================================================*/
.float{float:left}
.nofloat{float:none !important}
.standard{margin:0px !important;padding:0px !important}
.content{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
div.content{
	padding:12px;
}
.content img{
	float:left;
	margin-right:15px ;
	margin-bottom:10px ;
}
.content img.bordered{
	border:2px solid #b0b0b0;
}

.content p{
	font-size:1em ;
	margin-top: 1.5em ;
	margin-bottom: 1.5em;
	line-height: 1.3em;
}
.content table td{
	font-size:1em ;
	margin-top: 1.5em ;
	margin-bottom: 1.5em;
	line-height: 1.3em;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
}

.content p.title{
	font-size:24px;
	color:#517e99;
	margin-top:0px;
	margin-bottom:10px;
}

.page-graphic-header{margin-left:1px;margin-top:8px;}