@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,300);

body { background-color: #ccc; margin-bottom: 30px; }

/* =GLOBAL
-------------------------------------------------- */
body, td							{ color: #000000; font-family: "Open Sans"; font-size: 14px; line-height: 22px; }
h1, h2, h3, h3, h4, h5, h6			{ font-weight: normal; line-height: 1.3em; }
h1									{ color: #000000; font-size: 36px; margin-bottom: 18px; }
h2									{ color: #000000; font-size: 20px; margin-bottom: 10px; }
h3									{ font-size: 16px; font-weight: normal; margin-bottom: 18px; }
p									{ margin: 0px; padding: 0px; margin-bottom: 18px; }
ul, ol								{ margin-bottom: 18px; }
li									{ margin-left: 23px; margin-bottom: 5px; }
li ul, li ol						{ margin: 0 0 0 23px; }
a									{ color: #000; outline: none; text-decoration: underline; }
a:hover								{ text-decoration: underline; }
strong								{ color: #000000; }

hr									{ background-color: #b4b4b4; border: 0; color: #b4b4b4; display: block; height: 1px; margin: 0; !margin: -7px; /* IE */ margin-bottom: 18px; !margin-bottom: 11px; }
table								{ margin-bottom: 18px; }
td									{ padding: 4px 0; vertical-align: top; }
sup { vertical-align: top; position: relative; top: -0.2em; }

#back_home { position: relative; float: right; z-index: 5; font-weight: bold; font-size: 17px; background-color: #c21b25; padding: 5px 20px; color: #fff; text-decoration: none; }
/* =FORMS
-------------------------------------------------- */
form								{ margin: 0px; padding: 0px; }
label								{ color: #333333; font-size: 14px; }
input[type=text], input[type=button], input[type=submit], textarea, select				{ border: 1px #000 solid; color: #000; font-family: "Open Sans"; font-size: 14px; padding: 2px; }

#contact-submit						{ background: #fff; border: 1px #000 solid; color: #000; cursor: pointer; padding: 3px 8px; }

#registerform input[type=text]		{ width: 200px; }
#registerform select				{ width: 206px; }

/* =TEMPLATE
-------------------------------------------------- */
#container2							{ }
#container							{ background-color: #ffffff; background-position: right 50%; background-repeat: repeat-y; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); margin: 10px auto; width: 810px; }

#header	{ background-image: url('/template//ccmds-montreal.ca/header.jpg'); background-repeat: no-repeat; height: 500px; background-position: left -50px; }
	#header #topbar { }
		#header #toptext { background-color: rgba(206, 51, 52, 0.8); color: #fff; font-size: 28px; line-height: 35px; padding-left: 25px; padding-right: 25px; text-align: center; font-weight: 600; width: 862px; padding-top: 10px; padding-bottom: 10px; top: 248px; position: absolute; margin-left: 44px; opacity: 0; }
		#header #logo { float: right; height: 116px; padding-top: 18px; padding-left: 26px; padding-right: 26px; background-color: #fff; }
	#datearea { background-color: rgba(206, 51, 52, 0.8); color: #fff; width: 600px; padding: 18px 60px; clear: both; font-size: 21px; line-height: 32px; top: 360px; position: absolute; width: 862px; padding: 10px 25px; margin-left: 44px; text-align: center; font-weight: 700; opacity: 0; }
	#quebec { position: absolute; margin-left: 807px; margin-top: 430px; }

#content { padding: 0px 60px; padding-bottom: 30px; }

#footer { color: #fff; font-size: 12px; padding: 12px 0px; background-color: #000; text-align: center; }
	#footer a { color: #fff; text-decoration: none; }

/* main navigation
------------------------- */
#nav-container						{ background-color: #ce3334; width: 100%; margin-bottom: 30px; clear: both; }
#nav								{ list-style: none; padding-left: 44px; margin: 0px; }
#nav li								{ float: left; margin: 0px; padding: 8px 0px; }
#nav a								{ color: #fff; font-size: 15px; line-height: 26px; padding-left: 14px; padding-right: 14px; border-right: 2px solid #fff; text-decoration: none; text-transform: uppercase; }
#nav a:hover, #nav a.selected		{ color: #dfc7a5; text-decoration: none; }
#nav a.selected						{ }
#nav a.last							{ border-right: none; }

.fr #nav li a						{ padding: 0px 8px; }

/* =LIBRARY
-------------------------------------------------- */
table.agenda						{ border-collapse: collapse; }
table.agenda td						{ padding: 10px 10px; border-bottom: 1px solid #000; }
table.agenda h2, table.agenda h3	{ margin: 0px; }
.caption							{ font-size: 12px; }
h1 .caption							{ font-size: 20px; }
div .faculty-back					{ float: right; position: relative; top: 20px; }

/* =UTILITY
-------------------------------------------------- */
/* opera fix */
body:before							{ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; }

/* remove firefox button outline */
button::-moz-focus-inner			{ border: none; }

#container .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container .clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
#container .clearfix { display: block; }