/* CSS Document */

/* document-wide settings */
body { margin: 0px; border: 0px; padding: 0px; font-family: Arial, Geneva, sans-serif; 	font-size: 18px; color: #333333; overflow: auto; background-color: #ffffff;}

/* some defaults */
/* no border on hyperlinked images */
a img {	border: none; }

/* no formatting on form fieldsets (which are required in strict XHTML) */
fieldset { margin: 0px; padding: 0px; border: none; }

/* sets all spanned link text to invisible - hides plain text links when image text is used, but lets people with screenreaders access them */
a span { display: none; }

/* em = italic */
em { font-style:italic; }
/* strong = bold */	
strong { font-weight: bold; }
	
/* default look and behaviour for links */
a { color: #3967aa; text-decoration: none; }
a:hover { text-decoration: underline; }


/* reusable classes */

/* kludge - clears left or right floats on previous elements which can interfere with proper height computation of containing element on some browswer */
.clear { border: none !important; padding: 0; margin: 0; clear: both; height: 1px;	background-color: transparent; 	color: #ffffff; }

a.registernow { font-weight: bold; font-size: 115%; }

p.seeall { margin: 0; padding: 5px; text-align: right;    }
p.seeall a { font-weight: bold; background: url(images/rightarrow.gif) no-repeat bottom right; padding-right: 10px; }
a.backtotop { clear: both; background: url(images/uparrow.gif) no-repeat 0 3px; padding-left: 15px; font-size: 76%; }
p a.backtotop { font-size: 100%; }

/* a div that represents the area required by the framework, plus some white space on either side */
#container { width: 900px; margin: 0px auto; overflow: auto; }

/* a space that represents the area in which the framework and everything in it appear */
#site {	width: 821px; margin: 0px auto;	overflow: auto;	padding: 20px 0px; }

/* banner area and navigation bar */
#bannernav { background: url(images/banner.png) no-repeat; width: 821px; height: 186px; overflow: hidden; position: relative; }

/* this h1 is an alternative to the background image wordmark C.G. Jung Foundation of Ontario for non-visual browsers; it contains a hyperlink that sits over the logo and can be clicked to return user to the home page */
#bannernav h1 { margin: 0px; border: none; padding: 0px; }
#bannernav h1 a { display: block; margin-left: 230px; margin-top: 130px; height: 30px; width: 523px; text-decoration: none; overflow: hidden; }

/* this is the navigation bar - people with non-visual browsers or with style sheets turned off or overriding browser style sheets will see an unnumbered list of links */
#bannernav ul { display: block; margin: 0px; padding: 0px; border: none; list-style: none; overflow: hidden; position: absolute; right: 67px; top: 160px; }
#bannernav ul li { margin: 0px; padding: 0px; border: none; display: block; float: left; overflow: hidden; }
#bannernav ul li a { color: #333333; text-decoration: none;	text-transform: uppercase; 	font-size: 65%; font-weight: bold; display: block; float: left; padding: 0px 5px 1px 5px; _padding: 0px 5px 0px 5px; border-left: 1px solid #333333; height: 12px; }
#bannernav ul li a:hover { color: #ffffff; background-color: #42536d; }
#bannernavitem1 { border-left: none !important; }

/* area inside framework, including section header and main content */
#main { background: url(images/main.png) repeat-y; padding: 10px 70px; overflow: auto; clear: both; }


/* content area, including section header and main content, in a 1px box of varying colours depending on current section */
.content{ overflow: auto; }

/* colour of content area borders set here */
.content#home { border: 1px solid #e1726c; }
.content#calendar { border: 1px solid #c3d9ff; }
.content#about { border: 1px solid #84b5b2; }
.content#analysts { border: 1px solid #adbc83; }
.content#sites { border: 1px solid #a3a3a3; }
.content#contact { border: 1px solid #8c7db6; }
.content#training { border: 1px solid #baa07f; }
.content#chiron { border: 1px solid #6699cc; }
.content#support { border: 1px solid #6699cc; }

/* section header */
#sectionheader{	height: 97px; border: solid 2px #ffffff; background:url(images/section.gif) repeat-x; }
#sectionheader h2 { display: block; float: left; margin: 0px; padding: 0px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; margin-left: 60px; _margin-left: 30px; height: 97px; width: 125px; }
#sectionheader h2 span { display: none; }
#sectionheader div { height: 97px; border-right: 2px solid #ffffff; }

/*#home #sectionheader h2 {  background: url(images/header_home.gif) no-repeat 5px 10px; }*/
/*#home #sectionheader { background:url(images/header_welcome.gif) repeat-x; }*/
#home #sectionheader div { width: 452px; background: url(images/headerhomeimagestrip.jpg) no-repeat; }
#home #sectionheader h2 { background: url(images/header_welcome.png) no-repeat 5px 25px; }

#calendar #sectionheader { background:url(images/section_calendar.gif) repeat-x; }
#calendar #sectionheader h2 { background: url(images/header_calendar.gif) no-repeat 5px 25px; }
#calendar #sectionheader div { width: 354px; background: url(images/headercalendarimage.jpg) no-repeat; }

#events #sectionheader { background:url(images/section_events.gif) repeat-x; }
#events #sectionheader h2 { background: url(images/header_events.gif) no-repeat 5px 25px; }
#events #sectionheader div { width: 354px; background: url(images/headerhomeimagestrip.jpg) no-repeat; }

#about #sectionheader { background:url(images/section_about.gif) repeat-x; }
#about #sectionheader h2 { background: url(images/header_about.gif) no-repeat 5px 25px; }
#about #sectionheader div { width: 124px; background: url(images/headeraboutimage.jpg) no-repeat; }

#analysts #sectionheader { background:url(images/section_analysts.gif) repeat-x; }
#analysts #sectionheader h2 { background: url(images/header_analysts.gif) no-repeat 5px 40px; }
#analysts  #sectionheader div { width: 165px; background: url(images/headeranalystsimage.jpg) no-repeat; }

#training #sectionheader { background:url(images/section_training.gif) repeat-x; }
#training #sectionheader h2 { background: url(images/header_training.gif) no-repeat 5px 40px; }
#training #sectionheader div { width: 164px; background: url(images/headertrainingimage.jpg) no-repeat; }

#sites #sectionheader { background:url(images/section_related.gif) repeat-x; }
#sites #sectionheader h2 { background: url(images/header_related.gif) no-repeat 5px 25px; }
#sites #sectionheader div { width: 107px; background: url(images/headerrelatedimage.jpg) no-repeat; }

#contact #sectionheader { background:url(images/section_contact.gif) repeat-x; }
#contact #sectionheader h2 { background: url(images/header_contact.gif) no-repeat 5px 40px; }
#contact #sectionheader div { width: 129px; background: url(images/headercontactimage.jpg) no-repeat; }

#chiron #sectionheader { background:url(images/section_chiron.gif) repeat-x; }
#chiron #sectionheader h2 { background: url(images/header_chiron.gif) no-repeat 5px 40px; }
#chiron #sectionheader div { width: 129px; background: url(images/headerchironimage.jpg) no-repeat; }

#support #sectionheader { background:url(images/section_support.gif) repeat-x; }
#support #sectionheader h2 { background: url(images/header_support.png) no-repeat 5px 40px; }
#support #sectionheader div { width: 97px; background: url(images/headersupportimage.gif) no-repeat; }

#sectionheader div { display: block; float: left; }


/* content area below section header on sub-pages */
#maincontent { clear: both; padding: 20px 35px 20px 71px; overflow: auto;}
#maincontent p { margin: 0; padding: 0 0 10px 0; font-size: 76%; }
#maincontent h2 {  padding: 0; margin: 0; font-size: 120%; font-weight: bold; color: #42536d; padding-bottom: 10px; }
#maincontent h3 {  margin: 0; font-size: 92%; font-weight: bold; color: #000; padding: 10px 0; text-transform: uppercase; }
#maincontent h4 { margin: 0; font-size: 92%; font-weight: normal; color: #000; padding: 10px 0;  color: #42536d; font-weight: bold; }
#maincontent img { margin-bottom: 5px; margin-top: 5px; }
#maincontent img.left { float: left; margin-right: 10px; }
#maincontent img.right { float: right; margin-left: 10px; }	
#maincontent ul, #maincontent ol, { margin: 0; padding: 0 0 10px 0; font-size: 76%; }
#maincontent ul { margin: 0.5em 0 1em 2em; padding: 0 0 0 15px; list-style: disc;  font-size: 76%; }
#maincontent ul li { margin: 0; padding: 0;  text-indent: 0;  }
#maincontent ol { margin: 0.5em 0 1em 2em; padding: 0 0 0 15px; }
#maincontent ol li { margin: 0; padding: 0;  text-indent: 0;  }




/* main content area on google calendar page */
#googlecalendar { padding: 0px 2px 10px;  font-size: 76%; }


/* home page featured items */
#featured { overflow: auto; padding-bottom: 30px; width: 560px; }
#featured div { clear: both; overflow: auto; margin-top: 20px; }
#featured img { margin-top: 0; }
#featured img.right { margin-left: 20px; }
#featured img.left { margin-right: 20px; }
#featured h3 { margin: 0; padding: 0; color: #000000; font-size: 100%; }
#featured p {  margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px; }


/* analyst page */
div.analyst { width: 270px; float: left; font-size: 84%; padding-left: 15px; padding-bottom: 30px; overflow: hidden; height: 150px;}
div.analyst img { float: left; margin-right: 10px;}
div.analyst h4 { font-size: 90%; text-transform:capitalize; font-weight: bold; margin: 0; padding: 0; margin-top: 5px;}

/* chiron page */
div.chiron { width: 270px; float: left; font-size: 84%; padding-left: 15px; padding-bottom: 30px; overflow: hidden; height: 100px;}
div.chiron img { float: left; margin-right: 10px;}
div.chiron h4 { font-size: 90%; text-transform:capitalize; font-weight: bold; margin: 0; padding: 0; margin-top: 5px;}

/* courses page */

#coursescontents { overflow: auto; }

.eventlisting { width: 560px; margin: 20px 0 20px 0; clear: both; overflow: auto;  }
.eventlisting div { font-size: 76%; float: left;  }
.eventlisting p { clear: both; padding: 10px 5px 10px 0 !important; font-size: 76%; }
.eventlisting .category { width: 150px; }
.eventlisting .instructor { width: 410px; font-weight: bold; text-align: right;}
.eventlisting .title { clear: both; font-weight: bold; font-size: 76%; width: 500px; }
.eventlisting .date {
	clear: both;
	width: 160px;
} 
.eventlisting .time {
	width: 125px;
	text-align: right;
}
.eventlisting .location {
	width: 275px;
}
.eventlisting .locationred {
	width: 275px; color: #FF0000;
}
.eventlisting .category { width: 150px; }
.eventlisting .fees { clear: both; float: none; color: #767676; text-transform: uppercase; }
.eventlisting a.registernow { font-size: 76%; clear: both; }

#eventsmaps { width: 560px; }
#eventsmaps h4 { clear: both; margin: 0; font-size: 92%; font-weight: normal; color: #000; padding: 10px 0;  color: #42536d; }

.googlemap { float: right; margin-left: 10px; font-size: 10px; text-transform: uppercase;}


/* footer area */
#footer { position: relative; height: 135px; background: url(images/footer.png) no-repeat; }

#copyright { position: absolute; right: 67px; top: 110px; font-size: 75%; }
#container #site #main #training #maincontent h3 {
	color: #000000;
}