BODY		{font-family: arial, helvetica, helve, sans-serif;
				font-size:12px; 
				color: #330000;
				background-color: #FFFFFF;
				width:640px;
				margin: auto;}
table	{border-collapse:collapse;}	
		
.ocs_logo	{margin-left: 12px;
				margin-top: 24px;}		
		
div.google_search {float: right;
margin-top:2em;}	
		
.grey_background	{background-color: #E6E6E6;
padding:20px;}

.grey_border	{border: 1px dotted #000;
padding:20px;
margin-top:10px;}

.clear	{clear: both;}
		
.left_menu	{
					float: left;
					margin-left: 12px;
					margin-top: 24px;
					height: 320px;
					width: 145px;
					background-image: url(images/rounded_corners/georgian_bay_sheep.jpg);
					background-repeat:no-repeat;}		
		
		
		
.standout	{font-weight: bold;
font-size: 16px;
color:#FF3300;}
		
		
.conference_block	{float: left;
								margin-top: 0px; /* originally 50 px */
								margin-left: 2em;
								padding: 2em;
								width: 45%; /* originally 60% */
 								border-left: 1px solid #CCCCCC;
height:1250px;}		
				
.multi_images	{margin-bottom: 20px;}	
				
.col_1_of_2	{margin-right: 2em;
					width: 40%;
					clear: left;
					float: left;}
					
.col_2_of_2 {width: 40%;
					float: left;}
					
.single_col	{clear: both;
				width: 50%;
				margin-left: 25%;
				margin-top:20px;
				line-height: 1.25em;}
				
.single_col ol li	{line-height: 1.25em;}						
					
					
.plain	{
			margin-left: 30%;}					
					
					
					
				
.under_menu	{margin-top: 40px;
						margin-left: 150px;
						background: #FFFFCC;
						border: 5px solid #FFCC00;
						padding: 1.25em;
						width: 344px;
						text-align: center;}	
									
#ag_can	 			{height:25px;}




.big			{font-size: 1.3em;}

.align_right		{text-align: right;}

.more_leading	{line-height: 1.5em;}

				
				
.map_col_1		{width: 30%;
							clear: left;
							float: left;}	
							
.border				{border: 1px solid #000;
						padding: 1em;}	
				
				
				
.button_box	{border: solid 1px #000;
					/*vertical-align: middle;*/
					padding: 1em;
					width: 60%;
					margin-left:5em;
					margin-bottom: 2em;}

				
.long	{width: 300px;}	

			
fieldset, legend	{border: 1px solid black;}

fieldset				{margin-left: 10%;
						width: 70%;
						}
						
fieldset #need_width		{width: 60%;}
	
.offset				{margin-left: 10%;}

.descriptor		{color: #666666;
vertical-align: top;}

.required			{color: #CC3300;
						font-weight: bold;}
						
						
.bold					{font-weight: bold;}							
							
.warning			{color: #000;
						font-weight: bold;
						background: #FFFF99;
						padding: 1em;
						border:1px solid #000;
						}
						
						
.more_height	{line-height: 2em;
						font-size: 12px;}
				
P			{color: #330000;}

sup, sub		{font-size: 0.5em;}
				
				
A:link, A:visited, A:active, A:hover	
					{text-decoration: none;}
					
A:link			{color: #990000;
text-decoration: none;}	
				 
				
				
A:hover		{color: #CC6600;}	
				 
																
				 
A:visited	{color: #336600;}	
				 
								
				
.header			{
				float: left;
				margin-bottom: 10px;
				margin-left: 20px;
				}
	
.header_graphic	{float:left;}	
				
.mini_header	
				{float:left;}
				
							
				
.footer			{
				clear: both;
				float: left;
				font-size: 10px;
				width: 100%;
				padding-top:5px;
				border-top: 1px  solid #663300;
				margin-top: 1em;
				}				
				
				
.body_text {clear: both;
				float: left;
				margin-left: 20px;}
				
.col_1, .col_1_conference	{		clear: left;
					float: left;
					width: 20%;
					margin-left:2em;}
.col_1_conference {margin-left: 0em;}					
					
					
.col_2, .col_2_conference			{float: left;
					width:20%;
					margin-left: 2em;}
					
.col_2_conference {margin-left: 0em;}
					
.col_3			{
					float: left;
					width:20%;
					margin-left: 2em;}
					
					
.col_4						{
					float: left;
					width:20%;
					margin-left: 2em;}	
	
	
	
	
	
	
					
.li_no_indent		{margin-left: -1.5em;
line-height: normal;}					
					
											
					
	

.more_text {clear: both;
					float: left;
					font-size:12px;
					width:635px;	
}	


.more_margin	 {	clear: both;
				float: left;
				margin-left: 100px;
				
}	

.news				{	
							border-bottom: 1px solid #000;
							padding: 0px 1em 1em 1em;
							font-size: 1.2em;
							/* font-weight: bolder; */
							/* background: #FFFFCC; */
							line-height: 1.25em;}

.printout H1 P TD			{color: #000000;}




.right_box		{float:right;
					margin-top: 2em;
					width: 20%;
					background-color: #CCCC99;
					padding: 1em;}
					
					
			
.left_box		{float:left;
					width: 20%;
					line-height: normal;
					background-color: #FFF;
					border: 1px solid #999999;
					padding: 5px 1em 1em 1em;
					margin-right: 1em;
					font-size: 12px;}		
					
					
					
.newsletter_thumbnail
	
					{float: left;
					margin-right: 2em;
					margin-top: 2em;}
					
					
.img_margin		{margin-right: 2em;}										
					
.centre_column			{float: left;
								margin-top: 2em;
								width:30%;}
					

.inset		{padding-right: 1em;
				padding-left: 1em;
				text-align: center;}


.small		{font-size: 0.8em;}	


.info_box	{	float: left;
				width: 15%;
				margin-top: 5%;
			/*	margin-left: 5%;  */
				background-color: #99FFFF;
				border-width: 1px;
				border-color:  #660000;
				border-style: none;
				/* */
			}				
				
.info_box_header	
			{	
				padding-top: 0.25em;
				padding-left: 0.5em;
				padding-bottom: 0.25em;
				background-color: #66CCFF;
				margin-bottom: 0.5em;
				border-style: none;
				border-top-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 1px;
				border-left-width: 0px;	
				border-color:  #000099;
				color: #000099;
				font-weight: bold;	
				/* 99CCFF */
			}
		
.info_box_content	
			{	
				
				padding-left: 0.5em;
				padding-right: 0.5em;
				padding-bottom: 0.5em;
			
			}

/* i got as far as here for updating */		
TD.map			{border-style: solid;
					border-width: 1px;
					border-color: #999999;
			}
			
STRONG			{
				color: #CC0000;
				 font-weight: bold; 
				}		
				

								
LI				{line-height: 1.5;
				margin-bottom: 1em;	}
LI.normal		{line-height: 1;
				margin-bottom: 0.5em;}		
				
H1				{
				font-size: 14px;
				color: #663300; }
				
H2				{font-size: 12px;
				color: #666600; }
				
H3				{font-size:12px;
				color: #333399;
				margin-left: 1em; }
			
H4				{font-size:16px;
				color: #CC6600;
				font-style: italic;
				margin-bottom: 0em;
				 }								
				
				
.citation	{font-size: 0.7em;
					vertical-align: super;}				
				
				
				
				
				
TD				{/*line-height: 1.5;*/
font-size:12px;}


.db_header		{
				background-color: #996666;
				color: white;
				font-weight: normal;
				/*font-size: 14px;*/
				text-align: center;}
				
.db			{vertical-align: top;
				padding: 0.2em;
				font-size: 12px;
				}
				
.db_alt_background	
				{
				background-color: #E6E6E6;
				font-size: 12px;
				}		
				
.db_tab_menu_forward
				{
				background-color: #FFFFCC;
				
				border-style: solid;
				border-bottom: none;
				border-color: #999999;
				border-width: 1px;
				font-weight: bold;
				text-indent: 1em;
				}
				
.db_tab_menu
				{
				background-color: #FFFFFF;
				border-width: 1px 1px 0 1px;
				border-style: solid;
				border-color: #999999;
				text-indent: 1em;
				}
				
.db_tab_background
				{
				background-color: #FFFFCC;
				border-style: solid;
				border-top: none;
				border-color: #999999;
				border-width: 1px;
				}								
				
.table_border			{width: auto;
							border-style: solid;
							border-color: #666666;
							border-width: 1.5px;}
							
							
.table_box				{border-style: solid;
							border-color: #666666;
							border-width: 1.5px;
							padding: 1em;}
							
							
				
.links			{list-style-type: none;
				line-height: 1; }	
				
.grey			{
				color: #999999;
				font-size: 0.9em;
				}					
	
.no_bullets		{
				list-style-type: none;
				}	
	

				
.admin_box		{
width: 250px;
					margin-left:300px;
					/*float:right;*/
					background-color: #DEDFDF;
					padding: 1em;
					padding-top: 0;
					line-height: 1.25em;
					border: 1px solid #D1D1D1;
}				


.admin_header	{
							border: none;
							background-color: #D1D1D1;
							color: #666666;
							text-align: center;
						}
						
.members_box		{
width: 250px;
					
					float:left;
					background-color: #DEDFDF;
					padding: 1em;
					padding-top: 0;
					line-height: 1.25em;
					border: 1px solid #D1D1D1;
}					
				
				
.container {
	padding: 20px;
	background: #FFFFFF; /* CCCC99 */
	}

#minitabs {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #663300;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minitabs a:link, #minitabs a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 6px 4px 6px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #996600;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 4px solid #663300;
	padding-bottom: 2px;
	background: #FFFFFF;
	color: #663300;
	}
	
	
.agm_container {
	width:75%;
	margin-left: 25%;
	clear: left;
	text-align: center;
		background: #CCCCCC;
		/*padding:10px;*/
	}
	
	
	
.agm_container_alt	{
								/*width:75%;
								margin-left: 25%;
								clear: left;*/
								text-align: center;
								background: #CCCCCC;






}
	
	
#agm_menubar	{
								}

#agm_menubar li {
	
	display: inline;
	list-style-type: none;

	
	}
	
	#agm_menubar a:link, #agm_menubar a:visited {
	
	font-size: 10px;
	
	font-weight: bold;
	margin:0 10px 4px 10px;
	text-decoration: none;
	color: #000000;

	
	
	}
	
	#agm_menubar a.active:link, #agm_menubar a.active:visited, #agm_menubar a:hover {
	
	text-decoration: underline;
	
	}
	
	
.second_container {
	
width:60%;
margin-top: 50px;
	margin-left: 15em;
	/*clear: left;*/
	text-align: center;
	background: #99CC66;
		/*padding:10px;*/
	}
	
	
#second_menubar ul
					{}


#second_menubar li 
					{display: inline;
					list-style-type: none;
					padding:0.5em;
					}
	
#second_menubar a:link, #second_menubar a:visited 
				{	font-size: 10px;
					font-weight: bold;
					text-decoration: none;
					color: #000000;}
	
#second_menubar a.active:link, #second_menubar a.active:visited, #second_menubar a:hover 

				{text-decoration: underline;}
				
	
.q	{font-weight: bold;
margin-bottom: 0.5em;}

.a	{margin-left: 1em;
margin-bottom: 1.5em;}

.banner		{margin:10px 0 0 40px;}




.menu div {
      		color: black;
     		 	padding: 0;
				display: none;
    }
    

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#eca #b97 #a86 #edb; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:0; width:515px; float:right;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 10px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#993300; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

