/* CSS Document */

/* Updated: Jan 2009
	Author: Charlene Robichaud */

body { background-color: #BB7900; margin: 0; } 

table,tr,td,ul,ol,li,h1,h2,img { margin: 0; padding: 0;}

h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em; 
	font-weight: bold;
	color: #BB7900;
	padding: 5px 0 10px 10px;
	} 
	
h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em; 
	font-weight: bold;
	color: #003366;
	padding: 5px 0 0 20px;
	} 

h3 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em; 
	font-weight: bold;
	color: #333333;
	margin: 15px 0 -5px 0;
	padding: 0 0 0 20px;
	}
	
p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em; 
	color: #333333;
	padding: 5px 0 0 20px;
	} 
	
hr { margin: 15px 0 10px 20px; width: 100%; clear: both; } 


/* ************* This is the web page design  ******************** */

#header {
	position: relative;
	width: 100%;
	height: 77px;
	margin: 0;
	background-color: #000000;
	border-bottom: 1px solid #FFFFFF;
	}
	
	.header-content {
		position: relative;
		width: 1000px;
		margin-left: 15px;
		}
		.header-content a:link, .header-content img {
			border: none;
			}
		.header-content table { width: 1000px; }	
		
#address-bar {
	position: relative;
	width: 100%;
	height: 16px;
	margin: 0 0 0 15px;
	padding: 5px 0 3px 6px;
	background-color: #003366;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}
	
#main {
	position: absolute;
	width: 1000px;
	margin: 0 0 0 15px;
	background-image: url("../images/news-bg-repeat.jpg");
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}


#main div { position: relative; float: left; }

.menu {
	width: 180px;
	background-color: #000000;
	border-right: 1px solid #FFFFFF;
	margin-left: 0;
	}
			

/* MAIN MENU */	
		
	.side_menu {
		width: 180px;
		}

	.side_menu ul {
		list-style-type: none;
		list-style-position: outside;
		}
		.side_menu li {
			display: block;
			border-top: 1px solid #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			background-color: #000000;
			text-align: left;
			padding: 4px 6px 4px 6px;  
			list-style-type: none;
			}
		
	.side_menu a:link, .side_menu a:visited{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		line-height: 20px;
		color: #FFFFFF;
		text-decoration: none;
		}
		.side_menu a:hover {  
			color: #BB7900;
			text-decoration: none;
			}
	
	.program a:link, .program a:visited { color: #BB7900; text-decoration: none; }
	.program a:hover {  color: #FFFFFF; text-decoration: none;	}

				
								
	/* SUB MENU */			
				
		.sub_menu {
			width: 180px;
			margin-left: 0;
			background-color: #EFEFEF;
			}
		
		
		.sub_menu ul {
			list-style-type: none;
			list-style-position: outside;
			border-right: 1px solid #CCCCCC;
			}
			.sub_menu li {
				text-align: left;
				padding: 2px 0 2px 30px;  
				border-bottom: 1px solid #CCCCCC;
				list-style-type: none;
				}
			
		.sub_menu a:link, .sub_menu a:visited{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			color: #BB7900;
			line-height: 20px;
			text-decoration: none;
			}
			.sub_menu a:hover {  
				color: #333333;
				text-decoration: none;
				}
			

					.sub_menu2 {
						width: 180px;
						margin-left: 0;
						background-color: #FFFFFF;
						}
					
					
					.sub_menu2 ul {
						list-style-type: none;
						list-style-position: outside;
						border: none;
						}
						.sub_menu2 li {
							text-align: left;
							padding: 2px 0 2px 50px;  
							border: none;
							list-style-type: none;
							}
					
					.sub_menu2 a:link, .sub_menu2 a:visited{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 0.7em;
						color: #333333;
						line-height: 20px;
						text-decoration: none;
						}
						.sub_menu2 a:hover {  
							color: #BB7900;
							text-decoration: none;
							}
					
			

/* RELATED LINKS */

				
	.related-menu {
		width: 180px;
		background-color: #FFFFFF;
		margin-left: 0;
		clear: both;
		}
					
		.related-links {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			color: #BB7900;
			line-height: 14px;
			width: 200px;
			margin-left: 0;
			}
					
		.related-links ul {
			list-style-type: none;
			list-style-position: outside;
			}
			
		.related-links li {
			text-align: left;
			padding-left: 10px;  
			margin: 3px 0 10px 0;
			}
		
		.related-links a:link, .related-links a:visited{
			color: #333333;
			text-decoration: none;
			}
					
		.related-links a:hover {  
			color: #CCCCCC;
			text-decoration: none;
			}			
								
								
/* CONTENT POSITION and STYLES*/								
								
								
.content {
	width: 490px;
	margin: 10px 20px 0 25px;
	}
	
	.content table {
		width: 450px;
		margin: 5px 0 5px 10px;
		} 
		.content td { border: thin solid #E5EAEE; }
	
	.content ul { padding: 0 0 0 10px; }
		.content li {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em; 
			color: #333333;		
			line-height: 15px;
			list-style-type: disc;
			list-style-position: outside;
			margin: 10px 15px 0 25px;
			}
		
	.content a:link, .content a:visited {
		color: #0066cc;
		text-decoration: none;
		}
		.content a:hover {
			color: #333333;
			text-decoration: underline;
			}
		
	.home-feature {
		background-image: url("../images/thismonth.jpg");
		background-repeat: no-repeat;
		background-color: #dedede;
		width: 490px;
		margin: 0 0 30px 15px;
		padding: 100px 10px 10px 25px;
		border: 1px solid #999999;
		}
		
		.home-feature p { margin: 0 10px 10px 0; }
	
	
	
	.feature {
		background-color: #E5EAEE;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 25px
		}
	.feature ul {
		list-style-type: none;
		list-style-position: outside;
		}
		.feature li {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em; 
			color: #333333;		
			line-height: 16px;
			list-style-type: decimal;
			list-style-position: outside;
			margin: 5px 15px 5px 25px;
			padding: 5px 0 5px 0;
			}
		
	.feature2 {
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 25px
		}
		.feature2 ul {
			list-style-type: none;
			list-style-position: outside;
			}
		.feature2 li {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em; 
			color: #333333;		
			line-height: 16px;
			list-style-type: decimal;
			list-style-position: outside;
			margin: 5px 15px 5px 25px;
			padding: 5px 0 5px 0;
			}
		
	/* newsandevents.cfm Calendar */ 
	
		.main-calendar, .main-calendar table {
			border: none;
			width: 430px;
			float: left;
			margin-left: 0;
			}
				.main-calendar td { border:none; }
				
	/* END newsandevents.cfm Calendar */ 	
	

/* FAR RIGHT POSITION and STYLES*/	

.right_content {
	width: 258px;
	margin: 0 0 0 8px;
	}

	.right_content h1 { font-size: 0.8em; font-weight: bold; color: #FFFFFF; width: 100%; background-color: #77a148; border-bottom: 1px solid #FFFFFF; padding: 4px 8px 2px 10px; margin: 0 0 10px 0; clear:both;}
	.right_content h2 { font-size: 0.8em; font-weight: bold; padding: 0 5px 2px 5px; margin: 0; }
	.right_content p { font-size: 0.7em; color: #333333; padding: 0 5px 2px 10px; margin: 0; }	
	.right_content img {  padding: 0 5px 2px 5px; margin: 0; }	
	
	.center { margin: 0 0 5px 50px; }

/* index.cfm Side Calendar below MENU */	
	
	.calendar_space {
		width: 235px;
		margin-left:20px;
		margin-bottom: 10px;
		}
				
/* END index.cfm Side Calendar below MENU */
	

	
/* END MAIN CONTENT */ 


	#footer {
		position: absolute;
		width: 1000px;
		height: 30px;
		background-color: #003366;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		margin: 20px 0 0 0;
		padding-top: 5px;
		clear: both;
		}
		
		#footer p {
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		}
		
		
		#footer a:link, #footer a:visited  {
		color: #FFFFFF;
		text-decoration: none;	
		}
		
		#footer a:hover {
		text-decoration: underline;
		}
	
	
/* GENERIC CLASSES */		
	
	.left {
		position: relative;
		float: left; 
		margin-right: 20px;
		}

	.right {
		position: relative;
		float: right; 
		margin-right: 20px;
		}
		
	.image-right {
		position: relative;
		float: right;
		margin: 5px 0 10px 20px;		
		} 
	.image-left {
		position: relative;
		float: left;
		margin: 5px 20px 10px 20px;		
		} 
		
	.text-float { 
		position: relative;
		float: left;
		margin: 5px 0 10px 5px;		
		} 
		
	.tag { margin-top: -5px; }
	.note { font-size: 0.6em; }		
	.highlight { background-color: #E5EAEE; }
	.border { border: thin solid #E5EAEE;	}
	.bold { font-weight: bold; display: inline; }	

	.numbered-list {
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 25px
		}
	.numbered-list ul {
		list-style-type: none;
		list-style-position: outside;
		}
	.numbered-list li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em; 
		color: #333333;		
		line-height: 16px;
		list-style-type: decimal;
		list-style-position: outside;
		margin: 5px 15px 5px 25px;
		padding: 5px 0 5px 0;
		}
		
	.clear { clear: both; }