/* default classes and properties */

.welcome { position: relative; padding: 0; height: 300px; width: 544px; margin: 50px auto }
.flag { background-image: url(../images/flag.gif); height: 22px; width: 42px; left: 0; top: 0; position: absolute }
.dfo { background-image: url(../images/dfo.gif); height: 22px; width: 317px; left: 60px; top: 0; position: absolute }
.chs { background-image: url(../images/Welcome.jpg); height: 200px; width: 484px; left: 60px; top: 36px; position: absolute }
.wordmark { background-image: url(../images/canadawelcome.gif); height: 20px; width: 81px; position: absolute; right: 0; bottom: 30px }
.english { height: 20px; width: 75px; left: 60px; bottom: 30px; position: absolute; font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 85%; background-color: #003399; text-align: center; padding:1px }
.french { height: 20px; width: 75px; left: 143px; bottom: 30px; position: absolute; font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 85%; background-color: #003399; text-align: center; padding:1px }
.notices_e { height: 15px; width: 125px; position: absolute; left: 1px; bottom: 0; font-family: arial, helvetica, verdana, sans-serif; font-size: 85%; text-align: left; vertical-align: middle }
.notices_f { height: 15px; width: 125px; position: absolute; right: 0; bottom: 0; font-family: arial, helvetica, verdana, sans-serif; font-size: 85%; text-align: right; vertical-align: middle }

/* image properties */

img  { border: none }

/* heading properties */

h1 { margin-top: 20px; margin-bottom: 10px; font-family: arial, helvetica, verdana, sans-serif; font-size: 125%; text-decoration: underline }
h2 { margin-top: 20px; margin-bottom: 5px; font-family: arial, helvetica, verdana, sans-serif; font-size: 115% }
h3 { margin-top: 20px; margin-bottom: 10px; font-family: arial, helvetica, verdana, sans-serif; font-size: 125% }
h4 { margin-top: 30px; margin-bottom: 15px; font-family: arial, helvetica, verdana, sans-serif; font-size: 110% }
h5 { margin-top: 50px; margin-bottom: 20px; font-family: arial, helvetica, verdana, sans-serif; font-size: 110% }
h6 { margin-top: 10px; margin-bottom: 10px; font-family: arial, helvetica, verdana, sans-serif; font-size: 110%; font-weight: normal; text-decoration: underline }

.large { font-size: 175% }
.top { margin-top: 0; margin-bottom: 5px }
.top2 { margin-top: 0; margin-bottom: 20px }
.more { margin-top: 30px; margin-bottom: 30px }

/* paragraph classes and properties */

p { margin-top: 15px; margin-bottom: 15px }
.point { margin-top: 10px; margin-left: 80px; margin-bottom: 15px; display: list-item }
.bottom { margin-top: 0; margin-bottom: 30 }
.align_left { text-align: left }
.align_right { right: 0px; position: absolute; text-align: right }
.address { margin-top: 0; margin-bottom: 0; text-align: center }
.address2 { margin-top: 20px; margin-bottom: 0; margin-left: 80px; display: list-item }
.address3 { margin-top: 0; margin-bottom: 0; margin-left: 80px }
.address4 { margin-top: 10px; margin-bottom: 0; margin-left: 100px }
.address5 { margin-top: 0; margin-bottom: 0; margin-left: 100px }
.address6 { margin-top: 0; margin-bottom: 20px; margin-left: 80px }
.address7 { margin-top: 10px; margin-bottom: 30px; margin-left: 100px }
.highlite { font-size: 105%; font-weight: 600; font-variant: small-caps; background-color: yellow; text-align: center ; letter-spacing: 6px; vertical-align: text-top; }
.redletter { color: red }
.get_adobe { font-weight: 550; line-height: 40px; text-align: center  }
.emp { text-decoration: underline }

dl { margin-left: 50px }
.list { margin-top: 5px; margin-bottom: 5px }
.pics { margin-left: 75px; margin-top: 25px; margin-bottom: 30px; list-style-type: none; vertical-align: middle }

/* font classes and properties */

.ext { color: #FF6666; font-weight: bold; font-size: 110% }

/* font classes and properties */

.ext9a { width: 90px; height: 35px; font-size: 80%; font-weight: bold; text-align: center; vertical-align: middle }
.ext8a { width: 80px; height: 35px; font-size: 80%; font-weight: bold; text-align: center; vertical-align: middle }
.ext5a { width: 50px; height: 35px; font-size: 80%; font-weight: bold; text-align: center; vertical-align: middle }
.ext4a { width: 90px; height: 42px; font-size: 90%; text-align: center; vertical-align: middle }
.ext9 { width: 90px; height: 22px; font-size: 85%; text-align: center; vertical-align: middle }
.ext8 { width: 80px; height: 22px; font-size: 85%; text-align: center; vertical-align: middle }
.ext5 { width: 50px; height: 22px; font-size: 85%; text-align: center; vertical-align: middle }
.ext4 { width: 180px; height: 42px; font-size: 85%; font-weight: bold; color: navy; text-align: center; vertical-align: middle }

/* link classes and properties */

a {  text-decoration: none }  
a:active { color: #FF6666 } 
a:link { color: #003399 } 
a:visited { color: #003399 } 
a:hover { color: #FF6666 }

.lang:link { color: white; text-decoration: none; background-color: #003399 }
.lang:visited { color: white; text-decoration: none; background-color: #003399 }
.lang:hover { color: #FF6666; text-decoration: none; background-color: #003399 }
.lang:focus { color: white; text-decoration: none; background-color: #003399 } 
.lang:active { color: white; text-decoration: none; background-color: #003399 }

.ctml:link { margin-left: 3px; color: white; text-decoration: none; background-color: black }
.ctml:visited { margin-left: 3px; color: white; text-decoration: none; background-color: black }
.ctml:hover { margin-left: 3px; color: #FF6666; text-decoration: none; background-color: black }
.ctml:focus { margin-left: 3px; color: white; text-decoration: none; background-color: black } 
.ctml:active { margin-left: 3px; color: white; text-decoration: none; background-color: black }

.ctml_f:link { margin-left: 2px; color: white; text-decoration: none; background-color: black }
.ctml_f:visited { margin-left: 2px; color: white; text-decoration: none; background-color: black }
.ctml_f:hover { margin-left: 2px; color: #FF6666; text-decoration: none; background-color: black }
.ctml_f:focus { margin-left: 2px; color: white; text-decoration: none; background-color: black } 
.ctml_f:active { margin-left: 2px; color: white; text-decoration: none; background-color: black }

.tml:link { margin-left: 3px; color: white; text-decoration: none; background-color: navy }
.tml:visited { margin-left: 3px; color: white; text-decoration: none; background-color: navy }
.tml:hover { margin-left: 3px; color: #FF6666; text-decoration: none; background-color: navy }
.tml:focus { margin-left: 3px; color: white; text-decoration: none; background-color: navy } 
.tml:active { margin-left: 3px; color: white; text-decoration: none; background-color: navy }

.tml_f:link { margin-left: 2px; color: white; text-decoration: none; background-color: navy }
.tml_f:visited { margin-left: 2px; color: white; text-decoration: none; background-color: navy }
.tml_f:hover { margin-left: 2px; color: #FF6666; text-decoration: none; background-color: navy }
.tml_f:focus { margin-left: 2px; color: white; text-decoration: none; background-color: navy } 
.tml_f:active { margin-left: 2px; color: white; text-decoration: none; background-color: navy }

.sml:link { color: black; font-weight: 500; text-decoration: none; background-color: #CCCCFF; } 
.sml:visited { color: black; font-weight: 500; text-decoration: none; background-color: #CCCCFF } 
.sml:hover { color: #ff6666; font-weight: 500; text-decoration: none; background-color: #CCCCFF; } 
.sml:focus { color: black; font-weight: 500; text-decoration: none; background-color: #CCCCFF; } 
.sml:active { color: black; font-weight: 500; text-decoration: none; background-color: #CCCCFF; }

.other:link { color: green; font-size: 110%; text-decoration: none } 
.other:visited { color: green; font-size: 110%; text-decoration: none } 
.other:hover { color: #ff6666; font-size: 110%; text-decoration: none } 
.other:focus { color: green; font-size: 110%; text-decoration: none } 
.other:active { color: green; font-size: 110%; text-decoration: none }

/* div classes and structure */

.page { position: absolute; margin: 0; min-width: 600px; min-height: 400px; max-width: 600px; max-height: 10000px }

	.identifier { height: 44px; width: 600px; left: 0; top: 0; position: absolute; background-image: url(../images/id_e.gif) }
	.topmenu { height: 30px; width: 450px; top: 44px; left:150px; padding: 0; position: absolute }
		.language { height: 14px; width: 89px; left: 0; top: 0; padding: 0px; position: absolute; background-color: black; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.contact { height: 14px; width: 89px; left: 90px; top: 0; padding: 0px; position: absolute; background-color: black; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.help { height: 14px; width: 89px; left: 180px; top: 0; padding: 0px; position: absolute; background-color: black; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.search { height: 14px; width: 89px; left: 270px; top: 0; padding: 0px; position: absolute; background-color: black; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.canada { height: 14px; width: 90px; left: 360px; top: 0px; padding: 0px; position: absolute; background-color: black; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.home { height: 14px; width: 89px; left: 0; bottom: 0; padding: 0px; position: absolute; background-color: navy; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.map { height: 14px; width: 89px; left: 90px; bottom: 0; padding: 0px; position: absolute; background-color: navy; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.chsnat { height: 14px; width: 89px; left: 180px; bottom: 0; padding: 0px; position: absolute; background-color: navy; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.dfonat { height: 14px; width: 89px; left: 270px; bottom: 0; padding: 0px; position: absolute; background-color: navy; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }
		.links { height: 14px; width: 90px; left: 360px; bottom: 0px; padding: 0px; position: absolute; background-color: navy; font-family: arial, helvetica, verdana, sans-serif; color: white; font-size: 68%; font-weight: bold; vertical-align: middle }

	.main { width: 600px; top: 125px; position: absolute }
		.left { width:132px; left: 0; padding-bottom: 10px; overflow: hidden; position: absolute; background-color: #CCCCFF; font-family: arial, helvetica, verdana, sans-serif }
			.crest { height: 164px; width: 132px; top: 0px; position: relative; background-color: white; background-image: url(../images/crest_e.gif) }
			.red { height: 3px; width: 132px; overflow: hidden; position: relative; background-color: #ff6666 }
			.menuhead { height: auto; width: 132px; margin-left: 4px; margin-top: 8px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: #3366cc; font-size: 80%; font-weight: bold; vertical-align: middle }
			.menucel { height: auto; width: 132px; margin-left: 8px; margin-top: 4px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; font-size: 71%; vertical-align: middle }
			.menucel2 { height: auto; width: 132px; margin-left: 8px; margin-top: 4px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: #FF6666; font-size: 71%; vertical-align: middle }
			.menucel3 { height: auto; width: 132px; margin-left: 8px; margin-top: 4px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; font-size: 60%; text-align: center; vertical-align: middle }

		.right { width: 450px; right: 0px; position: absolute; font-family: arial, helvetica, verdana, sans-serif }
			.heading1 { height: 110px; top: 50px; width: 450px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: navy; font-size: 125%; text-align: left; vertical-align: middle }
			.heading2 { height: 110px; top: 40px; width: 450px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: navy; font-size: 125%; text-align: left; vertical-align: middle }
			.heading3 { height: 110px; top: 25px; width: 450px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: navy; font-size: 125%; text-align: left; vertical-align: middle }
			.text { width: 450px; top: 0; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: #000000; font-size: 80%; text-align: justify }
				.hidden { height: 100px; width: 450px; left: 0px; top: 530; position: absolute; visibility: hidden; font-size: 80%; text-align: center; vertical-align: top}
			.image { width: 450px; top: 0; position: relative; margin-bottom: 30px }
				.form { width: 450px; top: 0; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: #000000; font-size: 80%; }
				.city { height: 20px; width: 450px; position: relative; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: #000000; font-size: 122%;  font-weight: bold; text-align: left; vertical-align: top }
				.tomenu { right: 0; top: 0; position: absolute;  font-size: 70%;  font-weight: bold; text-align: right; vertical-align: middle }
				.foot { width: 450px; right: 0; bottom: 0; margin-top: 40px; border-top: 1.5px ridge navy; position: absolute }
				.foot2 { width: 450px; right: 0; bottom: 0; margin-top: 120px; border-top: 1.5px ridge navy; position: relative }
					.foot_top { height:20px; width: 450px; top: 0; margin-top: 10px; position: absolute; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; font-size: 80%; text-align: center; vertical-align: middle }
					.foot_botleft { height: 30px; width: 200px; left: 0; top: 30px; position: absolute; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: black; font-size: 80%; text-align: left; vertical-align: top }
					.foot_botmid { height: 30px; width: 50px; left: 200px; top: 30px; position: absolute; text-align: left; vertical-align: top }
					.foot_botright { height: 30px; width: 200px; right: 0; top: 30px; position: absolute; font-family: Arial, Helvetica, arial, helvetica, verdana, sans-serif, sans-serif; color: black; font-size: 80%; text-align: right; vertical-align: top }