* {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Inconsolata', arial, serif;
	font-weight:normal;
	color:#636363;
}
h1 {font-size:30px; }
h2 {font-size:25px; }
h3 {font-size:22px; }
h4 {font-size:18px; }
h5 {font-size:14px; }
h6 {font-size:10px; }

p {
	color:#000000;
	margin:5px 0;
}

.highlight_prpl {color:#91278F;}
.highlight_grn {color:#39B54A;}

a img {border:none;}

body {
	font:80%/1.5 Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #000000 url(images/bodybg.gif) repeat-x left top;
	text-align: center;
	min-width: 830px;
}

table {
	margin: auto;
	padding: 6px;
}
a {
	color: #0066FF;
}
a:hover {
	color: #C5823E;
	text-decoration: none;
}
ol {
	margin-left: 30px;
}
ul {
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left:1.8em;
}
#container {
	position:relative;
	width: 830px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header {
	width: 330px;
	list-style:none;
	margin:0 0 0 500px;
	padding:0;
}
#header li {
	display: inline;
}
#header a {
	display:block;
	padding: 0 .8em;
	text-decoration:none;
	line-height:35px;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	display:inline;
}
#header a:hover {
	color:#8ab8e7;
}
#subcontainer {
	clear:both;
	background: #000000 url(images/bg_body.jpg) repeat-y;
}

#body_reflection_wrapper {
	width:100%;
	background:url(images/bg_body_reflection.jpg) no-repeat 0 108px;
}
#banner {
	width:830px;
	height: 108px;
	background: transparent url(images/banner.jpg) no-repeat;
}

#banner #home {
	position:absolute;
	top:64px;
	left:39px;
}
#banner #date {
	position:absolute;
	left:240px;
}
#banner #title {
	position:absolute;
	left:323px;
	top:70px;
	width:285px;
	text-align:center;
}
#banner #title p {
	font-size:20px;
	color: #FFFFFF;
	line-height:24px;
}
#banner #map {
	position:absolute;
	left:615px;
}
#banner #ipta {
	position:absolute;
	left:712px;
}
#banner #date,
#banner #map,
#banner #ipta {top:62px;}


#menu {
	width: 170px;
	font-weight: bold;
	padding: 0;
	margin-top: 30px;
	margin-left: 42px;
	text-align: left;
	float: left;
}
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu li {
	position: relative;
	z-index: 10000;
}
#menu li ul {
	position: absolute;
	left: 200px;
	top: 0;
	display: none;
	z-index: 10000;
}
#menu li.acrobat {
	background: url(/css/images/file_acrobat.gif) no-repeat 95% 50%;
}
#menu ul li {
	background:url(images/bg_nav.png) no-repeat 0 0;
}
#menu ul li a {
	display: block;
	width:110px;
	height:46px;
	text-decoration: none;
	color: #000000;
	padding: 15px 5px 0 55px;
	border: none;
	font-size: .9em;
	font-weight: bold;
}
#menu ul li a.NAVaboutapp		{background:url(../images/apps/small/suitcase.png) no-repeat 10px center; }
#menu ul li a.NAVwhoattendapp	{background:url(../images/apps/small/contacts.png) no-repeat 10px center;}
#menu ul li a.NAVprogram		{background:url(../images/apps/small/notepad.png) no-repeat 10px center;}
#menu ul li a.NAVabstracts		{background:url(../images/apps/small/abstracts.png) no-repeat 10px center;}
#menu ul li a.NAVaccreditation	{background:url(../images/apps/small/accreditation.png) no-repeat 10px center;}
#menu ul li a.NAVregistration	{background:url(../images/apps/small/registration.png) no-repeat 10px center;}
#menu ul li a.NAVhousing		{background:url(../images/apps/small/housing.png) no-repeat 10px center;}
#menu ul li a.NAVabout_montreal	{background:url(../images/apps/small/maps.png) no-repeat 10px center;}
#menu ul li a.NAVexhibits		{background:url(../images/apps/small/compass.png) no-repeat 10px center;}
#menu ul li a.NAVsupporters		{background:url(../images/apps/small/supporters.png) no-repeat 10px center;}
#menu ul li img {
	float:left;
	margin:10px 0 0 10px;
}

#menu ul li.top {background:url(images/bg_nav_top.png) no-repeat 0 0;}
#menu ul li.bot {background:url(images/bg_nav_bottom.png) no-repeat 0 0;}
#menu ul li a.emptylink {
	color: #666;
}
/*#menu ul li a:hover {
	display: block;
	background: transparent url(images/arro.gif) no-repeat 0% 50%;
}*/
#menu ul li a.emptylink:hover {
	background-image: none;
}

#menu li.callout {
	margin: 14px;
	padding: 0 5px;
	border: 1px dotted #2d2c65;
	background-color: #F8EDC7;
}
#menu li.callout a {
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
}
#menu li.callout a:hover {
	display: inline;
	border: none;
	background: none;
}
#menu li a.callout {
	display: inline;
	width: 70px;
	float: right;
	border: none;
	border-bottom: 1px dotted #2d2c65;
	padding: 4px 0;
	padding-right: 16px;
	color: #ae7337;
}
#menu li a.callout:hover {
	display: inline;
	background: none;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li {
	float: left;
	height: 1%;
}
* html #menu ul li a {
	height: 1%;
}
/* End */
#menu li:hover ul, #menu li.over ul {
	display: block;
}
#menu li:hover ul, li.over ul {
	display: block;
}
/* Fix IE. Start hiding from IE Mac \*/
* html #maincontent {
	height: 1%;
}
/*Stop hiding from IE Mac */

#maincontent,
#sub_content {
	margin:5px 50px -40px 225px;
	padding: 1px 0;
}
#maincontent p {
}
#maincontent ul {
	position: relative;
	z-index: 1;
}
#maincontent ul li {
	line-height: 20px;
	padding-top: 5px;
}
#maincontent h1 {
}
#maincontent h2 {
}
#maincontent h4 {
}
#maincontent h5 {
}
#maincontent .what {
	position: absolute;
	left: 14em;
}
/*Styles for pseudo table for use in program of events*/
#maincontent .event {
	width: 550px;
	position: relative;
}
/*Start hiding from IE Mac \*/
* html #maincontent .event .what {
	height: 1%;
}
/*Stop hiding from IE Mac */

#maincontent .event .what, #maincontent .event .when, #maincontent .event .expand {
	display: block;
}
#maincontent .event .when {
	width: 175px;
	float: left;
	height: 100%;
}
#maincontent .event .what {
	position: relative;
	margin-left: 175px;
	left: 0;
}
#maincontent .event .expand {
	width: 350px;
	float: left;
	height: 100%;
}
/* Fix a quirky IE Bug that makes bullets appear at the bottom of any li */
#maincontent .event .what ul li {
	float: none;
}
#footer {
	width:830px;
	height:51px;
	clear:both;
	background: url(images/bg_footer.jpg) no-repeat;
	margin: 0px;
	padding: 0;
	min-height: 10px;
}
#footer2 {
	clear:both;
	margin: 0px;
	padding: 0px;
	background: #2d2c65;
	text-align: center;
	min-width: 830px;
	height: 8px
}
.tableBorder {
	border: 1px #F8EDC7 solid;
}
#table_padding td {
	padding: 5px;
}
#faculty img {
	float: right;
	margin: 0 0 10px 10px;
}
#faculty p {
	clear: right;
	border-top: 1px dotted #2d2c65;
	padding-top: 10px;
}
blockquote {
	padding-left: 2em;
	padding-right: 2em;
}
blockquote p, blockquote ul {
	color: #666 !important;
}
.maps {
	width: 237px;
	margin-left: 30px;
	float: right;
}
.doctor {
	width: 260px;
	margin-left: 100px;
	text-align: center;
	float: left;
}
.doctor img, .maps img {
	padding: 5px;
	background-color: white;
	border: 1px solid #f2b86d;
}
table#program td {
	vertical-align: top;
	padding: 5px;
}
table#program td.time {
	width: 140px;
}
table#program th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #2d2c65;
	color: #77ADE3;
	padding-top: 2em;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#countdown1, #countdown2 {
	border-bottom: dotted #8685B6 1px;
	background-color: #E6EFF9;
	padding:0 20px 7px;
	color: #BF2A4E;
	text-align:left;
	margin-top: 5px;
	font-size: 0.9em;
	font-weight:bold;
}
#weather {
	padding: 10px 0 10px 10px;
	border-bottom: dotted #8685B6 1px;
}

/*_________________________________________________________________       Message bubbles  ___________*/
.bubble1 h1,.bubble1 h2,.bubble1 h3,.bubble1 h4,.bubble1 h5,.bubble1 h6,
.bubble2 h1,.bubble2 h2,.bubble2 h3,.bubble2 h4,.bubble2 h5,.bubble2 h6 {
	margin-top:0;
	padding-top:5px;
}

.bubble1 {
	display:block;
	width:325px;
	margin:48px 0 5px 19px;
	padding-top:1px;
	background:url(images/bubble_grn_top.png)  no-repeat 0 0;
}
.bubble1 .mid {
	position:relative;
	margin-top:14px;
	padding: 1px 20px 10px 20px;
	background:url(images/bubble_grn_mid.png) repeat-y;
}
.bubble1 .footer {
	position:relative;
	width:325px;
	height:25px;
	background:url(images/bubble_grn_bot.png) no-repeat 0 0;
}
.bubble2 {
	display:block;
	width:327px;
	margin:2px 0 5px 160px;
	padding-top:1px;
	background:url(images/bubble_red_top.png)  no-repeat 0 0;
}
.bubble2 .mid {
	position:relative;
	margin-top:14px;
	padding: 1px 20px 10px 20px;
	background:url(images/bubble_red_mid.png) repeat-y;
}
.bubble2 .footer {
	position:relative;
	width:100%;
	height:25px;
	background:url(images/bubble_red_bot.png) no-repeat 0 0;
}
/*_________________________________________________________________  /    Message bubbles  ___________*/
/*_________________________________________________________________       Countdown    ___________*/
div#countdown-live.event {
	position:absolute;
	top:175px;
	right:60px;
	background:url(images/coountdown_brackets.png) no-repeat 0 2px;
	width:181px;
}
div#countdown-live.event {
	font-family: 'Inconsolata', "Courier New", Courier, monospace;
	color:#FFFFFF;
	font-size:23px;
	text-align:right;
	line-height:27px;
}
div#countdown-live.event h2 {
	font-size:27px;
	text-align:center;
	font-weight:normal;
	color:#FFFFFF;
}
div#countdown-live.event span {margin-bottom:15px;}
/*_________________________________________________________________   /   Countdown    ___________*/
/*_________________________________________________________________       Footer Apps  ___________*/
#footerapps {
	width:100%;
	margin:15px 0 0 0;
}
#footerapps p {
	margin:25px 0 10px 0;
	padding:0 10px;
	color:#FFFFFF;
}

#footerapps #abs {
	width:33%;
	float:left;
	text-align:center;
}
#footerapps #reg {
	width:33%;
	float:left;
	text-align:center;
}
#footerapps #prg {
	width:33%;
	float:left;
	text-align:center;
}
/*_________________________________________________________________  /    Footer Apps  ___________*/
/*_________________________________________________________________       Sub Content  ___________*/
#sub_content {
	padding:40px 0 0 0;
}
#copy {
	margin:0 15px;
	padding-bottom:18px;
	background: #FFFFFF;
	border-bottom-style:solid;
	border-bottom-color:#898989;
	border-bottom-width:2px;
}
#copy p {font-size:1.1em;}
#copy p,
#copy h1,#copy h2,#copy h3,#copy h4,#copy h5,#copy h6,
#copy ul {
	padding:0 25px;
	margin-bottom:15px;
}
#copy h1,#copy h2,#copy h3,#copy h4,#copy h5,#copy h6 {
	background:#d7d7d7 url(images/bg_nav.png) repeat-x left bottom;
	color:#FFFFFF;
}

.aboutapp,
#copy #whoattendapp,
#copy #program,
#copy #abstracts,
#copy #accreditation,
#copy #registration,
#copy #housing,
#copy #about_montreal,
#copy #exhibits,
#copy #supporters {
	float:left;
	width:40px;
	height:100%;
	margin-right:8px;
}
	.aboutapp 		{background:url(../images/apps/small/suitcase.png) no-repeat center;}
	#copy #whoattendapp		{background:url(../images/apps/small/contacts.png) no-repeat center;}
	#copy #program			{background:url(../images/apps/small/notepad.png) no-repeat center;}
	#copy #abstracts		{background:url(../images/apps/small/abstracts.png) no-repeat center;}
	#copy #accreditation	{background:url(../images/apps/small/accreditation.png) no-repeat center;}
	#copy #registration		{background:url(../images/apps/small/registration.png) no-repeat center;}
	#copy #housing			{background:url(../images/apps/small/housing.png) no-repeat center;}
	#copy #about_montreal	{background:url(../images/apps/small/maps.png) no-repeat center;}
	#copy #exhibits			{background:url(../images/apps/small/compass.png) no-repeat center;}
	#copy #supporters		{background:url(../images/apps/small/supporters.png) no-repeat center;}


/*_________________________________________________________________  /    Sub Content  ___________*/

.clear {clear:both;}

.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
<!-[if IE 7]> .clearfix {
display:inline-block;
}
.clearfix {
	display:block;
}
<![endif]->

/* SPACE*/