/* Core Classes */
	/*----------------------------------------------------------------------------*/

	hr {
		border: 0;
		width: 100%;
		color: #5fb461;
		background-color: #5fb461;
		height: 1px;	
	}


	.menu_container { /* a table */
		font-size: 12px; 
		margin-top: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
		width: 170px; /* width of the contents ofthe left side bar */
	}


	.menu_inner_container {
		font: normal 12px verdana;
		padding: 10px 0px;
		color: #333;
		/* font-weight: bold; */
	}

	.menu_inner_container a {  
		font: normal 10px verdana;
		color: #5fb461; /* link anchor text in left menu */
	}

	.caddac_section_header {
		font-weight: bold;
		font-size: small; 
		color: #000000;  /* page header styles as implemented in the WYSIWYG editor */
		margin-bottom: 0px;
	}

	.caddac_main_text, .main_section, .tablerender { 
		color: #000000;  /* page header styles as implemented in the WYSIWYG editor */
		margin-bottom: 7px;
		font: normal small verdana
	}

	body, td, .indent, .defaulttext, .captiontext, .bodytable, .mediumtext,
	.forumheader, .forumheader2, .forumheader3, .forumheader4, .forumheader5, .fcaption, .finfobar {
		font: normal small tahoma, arial, verdana, tahoma, sans-serif; 
	}


	.main_caption { /* this is the title of each Caddac page */
		font-weight: bold;
		font-size: large;
		color: #5fb461;  /* headings in main body */
		margin-bottom: 20px;
	}


	.menu_caption {
		font-weight: bold;
		font-size: 11px;
		/* color: #ebebeb;  headings in left area */
		color: #5fb461;  /* headings in left area */
		margin-bottom: 7px;
	}

	.main_section {
		text-align:center; /* this is for IE - this centers the top-level DIV */
		vertical-align: top;
		padding: 10px;
		padding-top: 50px; /* distance from main body text to top of TD (sitelinks) */
	}


	.tablerender {
		width:500px; /* width of the text table cell in the main body area */ 
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 12px;
		text-align:left; /* this is for FireFox because of the IE fix in main_section */
	}

	.top_left_menu_container { /* a table inside the td called left_section - see also left_section */
		margin-left: auto;
		margin-right: auto;
		border-collapse: collapse;
		border-spacing: 0px;
		width: 206px; /* the width of the whole left hand side bar */
		height: 95%; 
		background-color: transparent;
	}


	body {
		background-color: #fff;
	}

	body, td {
		margin: 0px;
		padding: 0px;
		text-align: left;
		color: #000;
	}

	/* .smalltext, .smallblacktext, .tbox, .button, .button:hover, .nextprev, .helpbox {
		font: normal 10px  arial, verdana, tahoma, arial, sans-serif; 
	} */

	a {
		color: #4FA543; /* main body link colour */
		text-decoration: none;
	}

	a:hover {
		color: #f3b155; /* main body link hover colour */
		text-decoration: underline;
		
	}

	img {	
		border: 0px;
	}

	form {
		margin: 0px;
	}

	table {
		margin-left: auto;
		margin-right: auto;
	}

	.tbox {
		border: #777 1px solid;
	}

	.indent {
		border: #999 1px dashed;
		padding: 5px;
		margin: 5px;
		background-color: #f7f7f9;
	}

	.button {
		border: 1px solid #A5ACB2;
		background-image : url(images/button.png);
	}

	.button:hover {
		background-image : url(images/buttonover.png);
	}

	.nextprev {
		border: 0px;
		text-align: center;
		padding: 2px;
		background-color: #f7f7f9;
	}

	.spacer{
		padding: 5px 0px;
	}

	.fborder, .border{
		border-collapse: collapse;
		border-spacing: 0px;
	}

	.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
		padding: 5px;
		background-color: #fff;
		border-bottom: 1px solid #bbb;
	}

	.forumheader, .forumheader4, .finfobar {
		background-color: #fbfbfd;
	}

	.forumheader5 {
		cursor: pointer;
	}

	.fcaption, .forumheader5 {
		background-color: #f7f7f7;
	}

	.searchhighlight {
		text-decoration: underline;
		color: #ff0000;
		font-weight: bold;
	}

	.helpbox {
		border: 0px;
	}

	.news_image {
		float: right;
		padding: 0px 0px 7px 7px;
	}

	.logo {
		 display: block;
	}


	/* Theme Specific Classes */
	/*----------------------------------------------------------------------------*/

	.container {
		width: 100%; /* this was 755 px, now it is for full-width.  also see .disclaimer */
		border-collapse: collapse;
		border-spacing: 0px;
		border-right: 0px solid #126CA3;
		border-bottom: 1px solid #5FB461;
		margin-left: 0px;
	}

	.top_section { 
		/* background-image: url(images/header.jpg); */
		background-repeat: no-repeat;
		background-position: top left;
	}

	.left_section { /* table td on the left (see also top_left_menu_container) */
		text-align:center; /* this is for IE - this centers the top_left_menu_container */ 
		vertical-align: top;
		/* width: 300px; this seems to not work */
		/* background-image: url(caddacImages/caddacLeftSideBG.jpg) ; */
		background-color: #fff;  /* caddac light green #30-7B-26 */
		border-right: 1px solid #F3B155;
	}

	.top_bar {
		/* background-image: url(caddacImages/topBarBg.gif); */
		background-color: #307B26;  /* caddac light green #30-7B-26 */
		text-align: left;
		padding-right: 5px;
		width: 100%;
		height: 23px;
	}

	.sitelinks_bar {
		/* background-image: url(caddacImages/sitelinksBarBG.gif); */
		background-color: #5FB461;  /* caddac light green #5F-B4-61 */
		text-align: left;
		padding-right: 5px;
		width: 100%;
		height: 23px;
	}

	.main_container {
		/* background-image: url(caddacImages/mainBg.gif); */
		text-align: center;
		width: 98%;
		vertical-align: top;
	}

	.top_inner_container {
		border-collapse: collapse;
		border-spacing: 0px;
		margin-bottom: 10px;
		width: 200px;
	}

	.bottom_inner_container {
		border-collapse: collapse;
		border-spacing: 0px;
		margin-bottom: 12px;
		width: 200px;
	}

	.right_section {
		border-left: 0px solid #126CA3; 
		text-align: center;
		vertical-align: top;
		width: 0px; 
	}

	.main_nav {
		padding-right: 5px;
		vertical-align: top;
	}


	.top_left_menu {
		text-align: center;
		background-color: transparent;  
		border-color: #000;
		/* background-color: #5A8263;  */
		font-weight: bold;
		padding: 0px 0px 10px 0px;
		/* color: #fff;*/ 
		/* color: #5A8263;  */ 
	}

	.bottom_left_menu { 
		background-color: transparent;  
		/* background-color: #5A8263;  */
		font-weight: bold;
		padding: 12px 7px;
		/* color: #fff;*/ 
		/* color: #5A8263;  */ 
	}

	.top_left_menu a {
		color: #fff;
	}

	.top_left_menu a:hover {
		color: #ddd;
	}

	.top_left_menu_caption {

		padding-top: 0px;
		font-size: 12px;
		padding-bottom: 10px;
	}

	.bottom_left_menu_area {  /* all the stuff on the left side is inside this */
		text-align: center;
		background-color: transparent;
		vertical-align: top;
		padding-bottom: 10px;
	}

	.menu_caption {
		border-top: 1px solid #5fb461;
		padding: 3px 0px 0px 0px;
		font-size: 12px;
	}


	.disclaimer {
		text-align: center;
		width: 100%; /* this was 755px.  Now it's for full-screen.  Also see .container */
		padding: 12px 0px;
	}


	/* Theme Specific Classes: News Style */

	.news_info_top {
		padding: 2px;
	}

	.news_info_bottom {
		width: 100%;
		background-color: #f7f7f9;
		border-collapse: collapse;
		border-spacing: 0px;
		margin-bottom: 12px;
	}

	.news_info_bottom_left {
		padding: 2px;
	}

	.news_info_bottom_middle {
		padding: 2px;
		width: 100%;
	}

	.news_info_bottom_right {
		padding: 2px;
		white-space: nowrap
	}

	.news_comments_icon {
		width: 16px;
		height: 16px;
		vertical-align: middle;
	}


	/* Theme Specific Classes: Cube Logo Graphic */

	.cube_container {
		position: relative;
		left: 0;
		top: 0;
	}

	.cube_image {
		position: absolute;
		top: -76px;
		left: -49px;
		width: 96px;
		height: 108px;
		display: block;
	}


	/* Theme Specific Classes: Advanced Content Management Graphic */


	.caddac_banner_background {
		width: 800;
		height: 127; /* this is for IE */
		background-image: url(caddacImages/banner_look16_01.jpg) ;
		background-color: #307B26;  /* caddac light green #30-7B-26 */
		/* display: block;
		margin-left: 0px; */
	}

	.caddac_banner {
		background-color: #5A8263;
		width: 100%;
		/* height: 82px; */
		display: block;
		margin-left: 0px;
	}


	.caddacLogo {
		/* background-color: #5A8263;   */
		width: 250px; 
		/* height: 82px; */
		display: block;
		margin-left: 20px;
		margin-right: 40px;
		margin-bottom: 30px;
	}

	.advanced_image {
		width: 754px; 
		height: 82px;
		display: block;
		margin-left: 0px;
	}


	/* Theme Specific Classes: Paperclipped Notes Menu */

	.paperclip_container {
		text-align: center;
		width: 160px;
		margin-left: auto;
		margin-right: auto;
	}

	.paperclip_inner_container {
		border-collapse: collapse;
		border-spacing: 0px;
		width: 130px;
		height: 175px;
	}

	.paperclip_caption {
		padding: 6px 0px;
		text-align: right;
	}

	.paperclip {
		font-weight: bold;
		font-size: 12px;
		padding: 34px 20px 0px 20px;
		text-align: left;
		background-image: url(images/paperclip.png);
		background-repeat: no-repeat;
		background-position: top center;
		margin-bottom: 5px;
		vertical-align: top;
	}


	/* Theme Specific Classes: Post It Note Menu */

	.post_it_container {
		text-align: center;
		margin-bottom: 9px;
		margin-top: 7px;
		width: 160px;
		margin-left: auto;
		margin-right: auto;
		font-weight: bold;
		font-size: 12px;
	}

	.post_it_top {
		background-image: url(images/post_it_top.png);
		background-repeat: no-repeat;
		background-position: top center;
	}

	.post_it_back {
		text-align: left;
		background-image: url(images/post_it_middle.png);
		background-repeat: repeat-y;
		background-position: center;
		width: 120px;
		margin-left: auto;
		margin-right: auto;
	}

	.post_it_bottom {
		background-image: url(images/post_it_bottom.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		padding: 12px 7px;
	}

	.post_it_caption {
		padding-bottom: 5px;
	}


	/* Brainjar Nav Menu Classes {SITELINS_ALT} */
	/*
	If you do not use {SITELINS_ALT} and switch to the standard {SITELINKS} instead, 
	all of the below can be deleted.
	*/
	/*----------------------------------------------------------------------------*/

	div.menuBar, div.menuBar{ /* the whole big sitelinks thing */
		font: bold 12px verdana, arial, tahoma, sans-serif;
		/* color: #F3B155; orange text */ 
		/* color: #aaaaaa; orange text */ 
		text-align: left;
	}

	a.menuButton, div.menuButton, div.menuButton_over {
		/* background-image: url(caddacImages/sitelinksBG.gif); */
		font: bold 11px arial, verdana, arial, tahoma, sans-serif;
		color: #ffffff; /* sitelinks top level main text colour */  
		text-align: left;
		height:12px;
		/* padding: 3px; */
	}

	div.menu, div.menu a.menuItem {
		/* background-image: url(caddacImages/sitelinksBg.gif); */
		font: bold 11px arial, verdana, arial, tahoma, sans-serif;
		color: #555555; /* sitelinks second level default text colour*/ 
		text-align: left;
	}


	div.menuBar {
		border-top: 0px solid; 	/* if we remove this, then a space appears between the first level of sitelinks and the DIV dropdown */
					/* this goes all the way across */
		border-color: transparent !important;
		padding: 0px 0px 0px 0px;
		text-align: left; /* changed for caddac */
	}

	div.emenuBar {
		background-color: #ff0000; /* highlighted sitelinks text */
		/* background-color: #F7F9FA; highlighted sitelinks text */
		/* border-top: 1px solid #fff; */
		text-align: left;
	}

	div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
		background-color: transparent;
		/* border: 1px 0px 0px 0px; */
		border-color: transparent !important;
		/* border-color: #fff #fff #fff #fff; */
		left: 0px;
		margin: 0px;
		padding: 2px 6px 2px 6px;
		position: relative;
		text-decoration: none;
		top: 0px;
		z-index: 100;
	}

	div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
		background-color: #316D28; /* bg color of the top level sitelinks with no 2nd level */
		/* background-color: #126CA3; */
		border-color: #fff #fff #fff #fff !important;
		color: #ffffff; /* sitelinks top level text hover colour (with no submenu) - should be same as div.menuBar a.menuButtonActive  */
	}

	div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
		background-color: #316D28; /* sitelinks top level hover background - this color is overridden by the background image */
		border-color: #fff #fff #fff #fff !important;
		left: 1px;
		top: 1px;
		color: #fff; /* sitelinks top level text hover colour (with submenu) - should be same as div.MenuBar a.menuButton:hover */
	}

	div.menu {
		background-color: #ebebeb; /* second level sitelinks background colour */
		/* background-color: #ebebeb; */
		/* background-color: #0c4d1c; */
		border: 2px solid; /* adds a little 3d effect to the drop-down sitelinks bar */
		border-color: #fff #a5a5a5 #a5a5a5 #fff;
		left: 0px;
		padding: 0px;
		position: absolute;
		top: 0px;
		visibility: hidden;
		z-index: 101;
	}

	div.menu a.menuItem {
		display: block;
		padding: 2px 11px 2px 0px; /* padding around the words in the sub-menu on the sitelinks bar */
		text-decoration: none;
		white-space: nowrap;
	}

	div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
		background-color: #ffffff; /* sitelinks top level hover background colour (blocked by image background) */
	}

	div.menu a.menuItem span.menuItemBuffer, div.menu a.menuItem:hover span.menuItemBuffer {
		padding: 0px 2px;
	}

	div.menu a.menuItem span.menuItemText {
		padding: 0px 0px 0px 3px;
	}

	div.menu a.menuItem span.menuItemArrow {
		margin-right: -.75em;
	}

	div.menu div.menuItemSep {
		border-top: 1px solid #a5a5a5;
		border-bottom: 1px solid #fff;
		margin: 4px 2px;
	}

	a.menuItem.header {
		border-bottom: 1px solid #b3b3b3;
	}


	/* ------- xfade styles - these are loaded by default, and then two are overridden by javascript in xfade2.css
	   ------- this is for fading the banner between multiple images for a montage effect 
	*/ 

	/*
	#imageContainer {
		position:relative;
		margin:auto;
		width:1000px;
		height:109px;
		border:0px solid #000;
	}

	*/

	#imageContainer {
		height:109px;
		/* width:1000px; */
		border:0px solid #000;	
	}

	#imageContainer img {
		display:none;
		position:absolute;
		top:0; left:0;
	}