/* --------------------------------- STRUCTURAL ELEMENTS -------------------------------------------- */

/* body = The main style for the entire website.  These styles will be applied unless another style is called later in the HTML, which	 will then overrule the body style. */
body {
		behavior: url(SideNavigationMenu/csshover.htc);/*Function for drop down menu - fixes bug in IE */
		background-image:url(picts/BG_BodyBlueFade.jpg);
		background-repeat:repeat;
		margin:0px;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		}

#OuterContainer{
	width:984px;
	margin:0;
	padding:0;
	background:none;	
	}
	
		/* --------- HEADER -----------------  */
		/* The header is the "banner" that is displayed across the top of every webpage. */
		
		#CMMCHeader{
			background-image:url(picts/CMMCHeader.gif);
			background-repeat:no-repeat;
			height:72px;
			width:675px;
			margin:15px 0px 0px 140px;
			padding:0px;
			}
			
		#SubHeader{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#CCCCCC;
			position:absolute;
			top:65px;
			left:146px;
			width:664px;
			}	
			
		#CMMCLogo{
			border:none;
			position:absolute;
			top:5px;
			left:25px; 
			padding:1px 0px 0px 1px;
			}
		
		#NavDateHeader{
			color:#CCCCCC;
			border-bottom:#FFFFFF double;
			border-left:#FFFFFF double;
			border-right:#FFFFFF double;
			background-image: url(picts/BG_DateBlueFade.jpg);
			width:125px;
			height:35px;
			font-size:12px;
			text-align:center;
			text-decoration:none;	
			position:absolute;
			left:835px;
			top:1px;
			padding:5px 4px 8px 4px;
			letter-spacing:.1em;
			}
			
		#NavDateHeader a{
			color:#FFFFFF;
			text-decoration:none;
			letter-spacing:0em;
			}	
				
		#dateformat{
			padding: 6px 0px 0px 0px;
			font-family:Arial, Helvetica, sans-serif;
			text-align:center;
			color: #FFFFFF;
			letter-spacing:0em;
			}	
			
		#RopeDivider{
			background-image:url(picts/RopeDivider.gif);
			background-repeat:repeat-x;
			height:20px;
			padding:0px;
			margin:15px 0px 0px 0px; 
			}
			
		#Knot {
			position:absolute;
			top: 98px;
			left:960px;
			}			
					
		/* ------------------ END HEADER ----------- */


/* The "MainBox" creates a space for the main content of the website.  This is a structural component of the website and is called in the MainJavascript.js . */
#MainBox{
	margin-left:163px;
	}

#MainContent{
	padding:25px;
	background-image:url(picts/BG_MainContent.gif);
	min-height:625px;
	}
	
/* "MainContent img" creats a thin border around any image put on a page within the "MainContent." */
#MainContent img{
	border:#000000 thin solid;
	background:#FFFFFF;
	margin:10px;
	padding:2px;
	}		


		/*  ----- LINKS ------- */
		
		 a:link{
			color:#BE0122;
			text-decoration: none; 
			}
		
		a:visited{
			color:#8C0000;
			text-decoration: none; 
			}
		
		a:hover{ 
			color:#BE0122;
			text-decoration:underline;
			} 
		/* ----- END LLINKS ----- */	

/* ----------------------------------- END STRUCTURAL ELEMENTS -------------------------------------- */	
	

/* -----------------  STYLES THAT CHANGE TEXT ATTRIBUTES or ALIGNMENT/APPEARANCE OF OBJECTS ---------------------------------- */


/* "ContentTitle" is a title for the entire content of each page.  It comes at the top of every page and should only be used once on every page.  In reference to emphasized text/titles on a page it is the first level of importance.  It would be used like a h1.*/
.ContentTitle{
	font-size:25px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	margin-left:5px;
	margin-bottom:10px;
	clear:left;
	}

/* "Subtitle" is used to emphasis all titles on a page that are a step down in importance from the "ContentTitle."  Every title that comes after the "ContentTitle" should be considered at least a step down in importance from the "ContentTitle."  It will align to the left of the page. In order to maintain consistency, please do not type any subtitle in ALL CAPS. Subtitles should be typed with the first letter of each word capitalized. It would be used like an h2." */
.Subtitle{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:5px;
	font-size:18px;
	letter-spacing:.01em;
	}

	
/* "Subtitle2" is used to emphasis all titles on a page that are a step down in importance from a "SubTitle." In order to maintain consistency, please do not type any subtitle in ALL CAPS. Subtitles should be typed with the first letter of each word capitalized. It would be used like an h3. */
.Subtitle2{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	font-size:16px;
	}

/* "InfoBlock will group together elements. */	
.InfoBlock {
	margin: 0px;
	height: auto;
	width: auto;
	}	


/* "InfoBlockFooter" is sometimes needed at the end of an "InfoBlock" to clear the elements that come after it.  It keeps the image from writing over the next element or not pushing down the page footer.  */
.InfoBlockFooter {
	clear:both;
	}



/* "ImageText" can be used in the border of an image to give an image a caption. */
.ImageText{	font-size:12px;
	padding-bottom:5px;
	}
	
/* "Picture" creates a larger border like a frame around an image. */
.Picture{	
	background-color:#D2D2D2;
	border:#CCCCCC medium outset;
	}	

/* "PictureRight" creates a larger border like a frame around an image and floats the image to the right of the page. */	
.PictureRight {
	float:right;
	margin-left:25px;
	margin-right:5px;
	margin-bottom:10px;
	background-color:#D2D2D2;
	border:#CCCCCC medium outset;
	}
	
/* "PictureLeft" creates a larger border like a frame around an image and floats the image to the left of the page. */	
.PictureLeft {
	float:left;	
	margin-top:5px;
	margin-left:10px;
	margin-right:25px;
	margin-bottom:10px;
	background-color:#D2D2D2;
	border:#CCCCCC medium outset;
	}	

/*  */		
.PictureCenter {
	float:right;	
	margin-left:25px;
	margin-right:25%;
	background-color:#D2D2D2;
	border:#CCCCCC medium outset;
	}

	
/* "PicasaCenter" will center Picas image and apply a boarder. */	
.PicasaCenter {
	float:right;	
	margin-top:5px;
	margin-right:75px;
	margin-bottom:10px;
	width:602px;
	background-color:#D2D2D2;
	border:#CCCCCC medium outset;
	}	

/* "SpacerSmall" will add a small (2px) horizontal space on the page. */	
.SpacerSmall{
	height:2px;
	}
	
/* "SpacerBetweenSubSections" will provide a nice amount of horizontal space (15px) between sub sections on a page. */
.SpacerBetweenSubSections{
	height:15px;
	}
	
/* "SpacerMed" will add a medium (30px) horizontal space on the page */			
.SpacerMed {
	height:30px;
	}

/* "SpacerLarge" will add a large (100px) horizontal space on the page */	
.SpacerLarge{
	height:100px;
	}

/* "Indent" will indent content 15px from the left margin. */	
.Ident{
	padding-left:15px;
	}

/* -----------------------  END STYLES THAT CHANGE TEXT ATTRIBUTES or ALIGNMENT/APPEARANCE OF OBJECTS ------------------------------ */
		
/* FOOTER */

#footer {
	background-image:url(picts/BG_Footer.gif);
	margin-top:-20px;
	height: 38px;
	padding:5px 0px 2px 0px;
	border-top: #000000 solid thin;
	text-align:center;
	font-size: 12px;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing: .1em;
	}
	
#footer a{
	color:#000000;	
	}	
/* END FOOTER */