/* @override http://cup.ca/assets/cup.css */

/* Begin initial settings */

html, body, form, fieldset {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0px;
}

dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

a img {
	border: none;
}

img {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

/* End initial settings. */

body {
	background: #000 url(../images/background.png) repeat;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #000;
	padding-left: 50px;
}

#wrapper {
	border: 4px solid #069;
	border-width: 0px 4px;
	background: #FFF;
	width: 95%;
	max-width: 1000px;
	min-width: 680px;
}

#header {
	background: #FFF url(../images/headerBkgd.jpg) no-repeat 0px 0px;
	width: auto;
	height: 200px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	position: relative;
}

p#skip {
	font-size: 10px;
	height: 20px;
	margin: 0px;
	padding: 0px 20px;
	vertical-align: middle;
}

p#skip a, p#skip a:hover {
	color: #49819B;
	text-decoration: none;
}

p#langs {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 8px;
	margin: 0;
	background: #006599;
	color: #79a2b4;
}

p#langs a {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}

p#langs a:hover {
	text-decoration: underline;
}

p#rss {
	position: absolute;
	right: 10px;
	top: 150px;
}

p#rss a {
	text-decoration: none;
	color: #79a2b4;
	background: url(../images/feed-icon-12x12.png) no-repeat right center;
	padding-right: 16px;
}

p#rss a:hover {
	color: #069;
}


#navigation {
	width: 180px;
	position: absolute;
	top: 201px;
	left: 54px;
	text-align: right;
	background: #FFF url(../images/navBkgd.jpg) repeat-x;
	padding-top: 10px;
}

#navigation ul {
	margin: 0;
	padding: 10px 0 10px 15px;
	list-style: none outside;

}

#navigation ul li {
	list-style: none outside;
	margin: 0;
}

#navigation span {
	visibility: hidden;
}

#navigation ul li a {
	display: block;
	width: 150px;
	height: 22px;
	text-decoration: none;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
}


ul#newswire-sub {
	background-image: none !important;
}

select#recent {
	margin: 10px 0px;
	color: #666;
	text-align: right;
}

li#navHeadlines a {
	background-position: left top;
}
li#navHeadlines a:hover {
	background-position: -150px top;
}

li#navAbout a {
	background-position: left -32px;
}
li#navAbout a:hover {
	background-position: -150px -32px;
}

li#navServices a {
	background-position: left -64px;
}
li#navServices a:hover {
	background-position: -150px -64px;
}

li#navConferences a {
	background-position: left -96px;
}
li#navConferences a:hover {
	background-position: -150px -96px;
}

li#navJHM a {
	background-position: left -1120px;
}
li#navJHM a:hover {
	background-position: -150px -1120px;
}

li#navCUPcast a {
	background-position: left -128px;
}
li#navCUPcast a:hover {
	background-position: -150px -128px;
}

li#navForum a {
	background-position: left -160px;
}
li#navForum a:hover {
	background-position: -150px -160px;
}

li#navJoin a {
	background-position: left -192px;
}
li#navJoin a:hover {
	background-position: -150px -192px;
}

li#navAlumni a {
	background-position: left -224px;
}
li#navAlumni a:hover {
	background-position: -150px -224px;
}

li#navMemList a {
	background-position: left -256px;
}
li#navMemList a:hover {
	background-position: -150px -256px;
}

li#navContact a {
	background-position: left -288px;
}
li#navContact a:hover {
	background-position: -150px -288px;
}


/* @group French nav */

li#navPresse a {
	background-position: left -736px;
}
li#navPresse a:hover {
	background-position: -150px -736px;
}

li#navPropos a {
	background-position: left -768px;
}
li#navPropos a:hover {
	background-position: -150px -768px;
}

/* navServices uses the en styles (same spelling) */

li#navConf a {
	background-position: left -800px;
}
li#navConf a:hover {
	background-position: -150px -800px;
}

li#navPrixJHM a {
	background-position: left -1152px;
}
li#navPrixJHM a:hover {
	background-position: -150px -1152px;
}

li#navJoignez a {
	background-position: left -832px;
}
li#navJoignez a:hover {
	background-position: -150px -832px;
}

li#navAnciens a {
	background-position: left -864px;
}
li#navAnciens a:hover {
	background-position: -150px -864px;
}

li#navMembres a {
	background-position: left -896px;
}
li#navMembres a:hover {
	background-position: -150px -896px;
}

li#navJoindre a {
	background-position: left -928px;
}
li#navJoindre a:hover {
	background-position: -150px -928px;
}


/* @end */

/*------------- SECONDARY NAV -----------------*/

ul#nav-secondary {
	border-top: 1px dashed #CCC;
}

ul#nav-secondary li a {
	height: 40px;
}

li#navReadOnly a {
	background-position: left -320px;
}
li#navReadOnly a:hover {
	background-position: -150px -320px;
}

li#navPR a {
	background-position: left -364px;
}
li#navPR a:hover {
	background-position: -150px -364px;
}

#primerLink {
	padding: 20px 15px;
	border: 1px dashed #CCC;
	border-width: 1px 0px;
	margin: 5px 0px 0px;
	background: url(../images/primerLink_over.png) no-repeat 15px 20px;
}

#primerLink a {
	display: block;
	width: 150px;
	height: 55px;
	text-decoration: none;
	background: url(../images/primerLink.png) no-repeat;
}

#primerLink a:hover {
	background: url(../images/primerLink_over.png) no-repeat;
}

#sidebar-login {
	margin: 0px;
	padding: 12px;
	font-size: 11px;
	color: #666;
}

#sidebar-login h3 {
	height: 22px;
	background: url(../images/navMembers.png) no-repeat right top;
	margin: 0px 3px 5px 0px;
}

#sidebar-login h3.fr {
	height: 22px;
	background: url(../fr/images/navMembres_over.png) no-repeat right top;
	margin: 0px 3px 5px 0px;
}

#sidebar-login label {
	display: block;
	margin: 2px 0px;
}

#sidebar-login input {
	margin: 2px 0px;
	text-align: right;
}

#sidebar-username, #sidebar-password {
	width: 130px;
}

form p {
	margin: 0px;
}

#navigation p {
	font-size: 11px;
	color: #666;
	padding: 0px 10px;
}

#navigation h3 {
	font-size: 12px;
}

#navigation h3 a {
	color: #333;
}

#campusplus, #jhm {
	text-align: center;
	margin: 0px auto;
	padding: 12px 0px;
	border-top: 1px dashed #CCC;
}


#content {
	width: auto;
	padding: 20px 30px 10px;
	border-left: 1px solid #CCC;
	margin-left: 180px;
	min-height: 700px;
}

a {
	color: #069;
	text-decoration: underline;
}

a:visited {
	color: #666;
}

a:hover {
	text-decoration: none;
}

img.heading {
	margin-bottom: 20px;
	display: block;
	clear: both;
}

img.border {
	border: 1px solid #333;
}

#content p {
	margin: 1em 0 1.5em;
}

h1 {
	color: #000;
	font-size: 20px;
	margin: 0px 0px 20px;
}

h1.heading {
	color: #488099;
	font: normal 32px/34px Arial, Helvetica, sans;
	margin-bottom: 20px;
	clear: both;
}



h1.headlines {
	font-size: 16px;
	color: #666;
	margin: 0px;
}

h1.section {
	color: #666;
	font-size: 20px;
	border-bottom: 1px dashed #CCC;
	margin: 15px 0px;
	padding: 5px 0px;
}

h2 {
	color: #222;
	font-size: 18px;
	margin: 0px 0px 20px;
}



h2.staff {
	padding: 12px 0px 8px;
}

h2.headline {
	color: #000;
	font-size: 18px;
	margin: 25px 0px 5px;
}

#content h2.headline a {
	text-decoration: none !important;
}

h3 {
	font-size: 14px;
	color: #333;
}

h3.byline, h4.byline {
	color: #444;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}

h3.subhead {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}

h3.copyright {
	margin-top: -15px;
}

#content p.subheading {
	margin: -20px 0 20px;
	color: #999;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
}


.pdf {
	padding-left: 16px;
	background: url(../images/pdf.gif) no-repeat left 1px;
}

.rtf {
	padding-left: 16px;
	background: url(../images/rtf.png) no-repeat left 1px;
}

li.pdf {
	padding-right: 16px !important;
	background: url(../images/pdf.gif) no-repeat right 2px;
}

.wordcount {
	font-style: italic;
	color: #666;
}

p.read {
	margin-top: -5px;
	padding-left: 20px;
	background: url(../images/np.gif) no-repeat 0px 2px;
}

p.top {
	padding: 8px;
	font-size: 11px;
	border-top: 1px dotted #CCC;
	clear: both;
}

.slug {
	color: #666;
	font-style: italic;
}

ul, ol {
	margin: 0 0 1.5em;
}


ul li {
	list-style: square outside;
	margin: 3px 20px;
}

ol li {
	list-style: decimal outside;
	margin: 3px 24px;
}

ol ol li {
	list-style-type: lower-alpha;
}

ol ul li {
	list-style-type: square;
}

#content li p {
	margin-top: 0px;
}

ul.toc {
	width: 200px;
	background: url(../images/toc-box.gif) no-repeat left top;
	padding: 12px 0px 0px;
	margin: 0px 0px 15px 20px;
	float: right;
}

ul.toc li {
	margin: 0px;
	padding: 4px 20px;
	list-style: none outside;
	line-height: 14px;
}

ul.toc li.toc-last {
	background: url(../images/toc-box.gif) no-repeat left bottom;
	padding-bottom: 12px;
}

ul.toc ul {
	margin: 0.5em 0 0;
}

ul.toc li li {
	padding: 2px 0px;
	list-style: square outside;
	margin: 0px 20px;
	color: #666;
	font-size: 11px;
}

.toc h3 {
	margin-top: 0px;
}

blockquote {
	color: #333;
	margin: 30px;
	padding: 0.3em 1.5em 0.1em;
	background: #EFEFEF;
}

#members-one, #members-two {
	width: 45%;
	float: left;
	display: inline;
	margin: auto;
	padding-bottom: 15px;
}

#footer {
	clear: both;
	background: #FFF;
	color: #666;
	border-top: 1px solid #CCC;
	text-align: center;
	font-size: 11px;
}

#footer p {
	padding: 10px;
	margin: 0px;
}

.photo {
	width: 300px;
	margin: 0px 0px 20px 20px;
	float: right;
	display: inline;
}

.photo img {
	border: 1px solid #333;
}

#content .photo p {
	color: #666;
	font-size: 11px;
	line-height: 14px;
	margin: 10px 5px;
	text-align: center;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 15px 20px;
	display: inline;
	}

img.alignleft {
	margin: 0 20px 15px 0;
	display: inline;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
}

hr {
	height: 1px;
	background-color: #CCC;
	color: #CCC;
	border: 0px;
	margin: 20px 0px;
	text-align: center;
}

.emph {
	padding-left: 20px;
	background: url(../images/arrow.png) no-repeat;
	font-weight: bold;
}

#content p.jhmNav {
	padding: 5px;
	font-weight: bold;
	border: 1px dotted #CCC;
	border-width: 1px 0px;
	margin-top: -10px;
	color: #333;
}

.jhmNav a {
	text-decoration: none;
	font-weight: normal;
}

.jhmNav a:visited {
	color: #069;
}

.jhmNav a:hover {
	text-decoration: underline;
}

/* @group sIFR */

@media screen {
 
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.heading {
	visibility: hidden;
	font-size: 32px;
	line-height: 42px;
	margin: -5px 0 10px;
}
 
  
}

@media print {

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

}

/* @end */