/* CSS Document : Andrew Kerr awkrr@mta.ca */
/*--------------------------------- Structure --*/
body, p, h1, h2, ul, li {
	margin:0; 
	padding:0;
	}
#wrapper {
	margin:auto; 
	width:700px; 
	text-align:left;
	}
	#header {
		height:172px;
		}
	#language {
		text-align:right;
		}
	#ink, #fre, #eng  {
		clear:none; 
		float:left; 
		position:relative; 
		text-align:left; 
        margin:0px;
height:19px;
	}
	#ink a, #fre a, #eng a  {text-decoration:none !important;}
	#ink {	 		
		width:494px;
               text-align:right;
		padding:0 0 2px 0!important;
		*:padding:0 0 2px 0 !important;
		padding:2px 0 0px 0;
		}
	#ink a img{border:none;padding:1px 0 0px 0;margin-bottom:-1px;}
	#fre {
		
		padding:2px 3px 0 3px !important; 
		*:padding:2px 3px 0 3px !important; 
		padding:4px 3px 0px 3px; 		 
		width:94px;
		}
	#eng {		
		padding:2px 9px 0px 3px !important;
		*:padding:2px 9px 0px 3px !important;
		padding:4px 9px 0px 3px;		
		width:94px;
		}
	#navigation {
		clear:both; 
		float:left; 
		padding:10px; 
		position:relative; 
		width:130px;
		}
	#content {
		clear:none; 
		float:left; 
		padding:15px; 
		position:relative; 
		width:510px;
		_width:500px;
		}
		#tab-b {
			clear:none; 
			float:left; 
			padding:5px; 
			position:relative; 
			width:174px;
			}
		#tab-w {
			clear:none; 
			float:left; 
			padding:5px; 
			position:relative; 
			width:174px;
			}
		#tab-y {
			clear:none; 
			float:right; 
			padding:5px; 
			position:relative; 
			width:174px;
			}
		#folder-b {
			clear:both; 
			padding:5px; 
			width:358px;
			}
		#folder-w {
			clear:both; 
			padding:5px; 
			width:358px;
			}
		#folder-y {
			clear:both; 
			padding:5px; 
			width:358px;
			}
	#advertising {
		clear:none; 
		float:left; 
		position:relative; 
		width:150px;
		}
	#contact {
		clear:both;
		}
	#footer {
		clear:both;
		}

/*--------------------------------- Decoration --*/

body {
	background-color:#999999;
	}
#wrapper {
	background-color:#FFFFFF;
	}
	#header {
		background-color:#0099CC;
		}
	#ink {
		background-color:#4f2683;
		}
	#fre {
		background-color:#FF3300;
		}
	#eng {
		background-color:#FFCC00;
		}
	#navigation {
		background-color:#FFFFFF;
		}
	#content {
		background-color:#FFFFFF; 
	
		}
#content ul{margin:10px;}
#content ul li{list-style:none;padding-bottom:5px;}
		#tab-b {
			background:#0099CC url(../img/blue_tab.jpg) no-repeat top left;
			}
		#tab-w {
			background:#FFFFFF url(../img/white_tab.jpg) no-repeat top left; 
			border-right: 0px solid #000000; 
			border-top: 0px solid #000000; 
			border-left: 0px solid #000000;
			}
		#tab-y {
			background:#FFCC00 url(../img/yellow_tab.jpg) no-repeat top right;
			}
		#folder-b {
			background:#0099CC url(../img/blue_bottom_corners.jpg) no-repeat bottom left;
			}
		#folder-w {
			background:#FFFFFF url(../img/white_bottom_corners.jpg) no-repeat bottom left; 
			border-right: 0px solid #000000; 
			border-bottom: 0px solid #000000; 
			border-left: 0px solid #000000;
			}
		#folder-y {
			background:#FFCC00 url(../img/yellow_bottom_corners.jpg) no-repeat bottom left;
			}
	#advertising {
		background-color:#FFFFFF;
		}
	#footer {
		background-color:#0099CC; 
		border-top: 3px solid #660099;
		}

/*--------------------------------- Typography --*/

body {
	color:#000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
p {
	margin:0 0 12px 0; 
	line-height:14px;
	}
h1 {
	color:#660099; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:lighter;
	/*letter-spacing:1.5px;*/
	line-height:21px;
	}
h2 {
	color:#660099; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:lighter;
	letter-spacing:1.5px; 
	line-height:21px;
		}
th { 
	/*border-bottom:1px solid #000000;*/
	}

	#language {
		color:#ffffff; 
		font-weight:bold; 
		text-shadow:1px 1px 3px #000000;
		}
	#ink {
		font-size:10px;
		}	
	#navigation ul {
		list-style-type:none;
		}
	#navigation li {
		margin: 4px 0 0 15px; 
		padding-bottom:8px;
		line-height:12px;
		}
	#navigation li a {
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:14px; 
		letter-spacing:normal;
		text-decoration:none;
		}
	#navigation li a .small {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px; 
		margin-left:15px;
		letter-spacing:normal;
		}

		#tab-b {
			color:#FFFFFF; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:18px; 
			letter-spacing:1px; 
			text-shadow:2px 2px 2px #000000; 
			text-align:center;
			}
		#tab-w {
			color:#660099; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:18px; 
			letter-spacing:1.5px; 
			text-align:center;
			}
		#tab-y {
			color:#000000; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:18px; 
			letter-spacing:1px; 
			text-shadow:1px 1px 1px #ffffff; 
			text-align:center;
			}
		#folder-b {
			color:#ffffff;
			}
		#folder-w {}
		#folder-y {}

	#contact {
		color:#0099CC;
		font-size:9px;
		line-height:26px;
		text-align:center;
		}	 
	#footer {
		color:#FFFFFF; 
		font-size:9px; 
		line-height:26px;
		text-align:center;
		}




/*--------------------------------- Links --*/

a:link {color:#0099CC; font-weight:bold; text-decoration:underline;}
a:visited {color:#0099CC; font-weight:bold; text-decoration:underline;}
a:hover {color:#660099; font-weight:bold; text-decoration:none;}

	#language a:link {color:#FFFFFF; font-weight:bold; text-decoration:none; text-shadow:1px 1px 3px #000000;}
	#language a:visited {color:#FFFFFF; font-weight:bold; text-decoration:none; text-shadow:1px 1px 3px #000000;}
	#language a:hover {color:#FFFFFF; font-weight:bold; text-decoration:underline; text-shadow:1px 1px 3px #000000;}

	#navigation a:link {color:#0099CC;}
	#navigation a:visited {color:#0099CC; }
	#navigation a:hover {color:#660099;}
	
		#tab-b a {
			color:#FFFFFF; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:18px; 
			font-weight:lighter;
			letter-spacing:1px; 
			text-shadow:2px 2px 2px #000000; 
			text-align:center;
			text-decoration:none;
			}
		#tab-w a{
			color:#660099; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:18px; 
			font-weight:lighter;
			letter-spacing:1.5px; 
			text-align:center;
			text-decoration:none;
			}
		#tab-y a {
			color:#000000; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:18px; 
			font-weight:lighter;
			letter-spacing:1px; 
			text-shadow:1px 1px 1px #ffffff; 
			text-align:center;
			text-decoration:none;
			}

		#folder-b a:link {color:#FFFFFF; font-weight:bold; text-decoration:underline;}
		#folder-b a:visited {color:#FFFFFF; font-weight:bold; text-decoration:underline;}
		#folder-b a:hover {color:#660099; font-weight:bold; text-decoration:none;}

/*--------------------------------- ANOTHER CATEGORY --*/

/*--------------------------------- TEST WIREFRAMES --*/
#wrapper {border: 0px solid green;}
	#header {border: 0px solid red;}
	#navigation {border: 0px solid black;}
	
#searchForm{padding:10px;border:1px solid #0089C4;background:#84C5DA;margin:10px;}
#searchForm a{color:#50098A;}
.bottomBorder{border-bottom:1px solid #000;}
#content tr td{padding:5px 0;}
#adminbar{padding:10px 0;}