/* ########################### Main Website Stylesheet ############################# */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		html {
		  overflow: scroll; /* Prevents browser jumping */
		  font: normal 11px Arial, Helvetica, sans-serif; 
		  font-size: 11px;
		  line-height:150%; 
		}
		
		body {
		  margin: 18px 0 0 0 ;
		  width: 590px;
		 
		  
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#m_content {
			margin: 0px; /* reduced from 5px */
			padding: 0px; /* reduced from 10px */
			width: 580px; /* reduced from 590 due to what border below displayed */
			font: 12px normal Arial, Helvetica, sans-serif ; 
			font-size: 12px;
			line-height:150%; 
			float:left;
			border:0px solid #666; /* added for clarity */
			overflow:hidden;
			
			}

/* LINKS */

		#m_content a, a:link, a:visited {color: #0066CC; text-decoration: none; cursor: pointer; outline: none;}
		
		#m_content a:hover, a:active {text-decoration: underline; }
		
		#m_content  a.homeLink, a.homeLink:link, a.homeLink:visited { color: #000000; text-decoration: none; cursor: pointer; outline: none; margin: }
		
		#m_content a.homeLink:hover, a.homeLink:active { text-decoration: none; color: #000000;}

/* HEADINGS */

		#m_content #header h1 { font: 3.95em Arial, Helvetica, sans-serif; line-height:1em; }

		#m_content h1 { font: 1.5em Arial, Helvetica, sans-serif; line-height:1.5em; }
		
		#m_content h2 { font: 1.5em Arial, Helvetica, sans-serif; line-height:1.5em; }
		
		#m_content h3 { font: bold 1.2em Arial, Helvetica, sans-serif; }
		
		#m_content h4 { font: 1em Arial, Helvetica, sans-serif; }
		
		#m_content h5 { font: 1.05em Arial, Helvetica, sans-serif; line-height:0.1em; font-weight: bold;}

/* PARAGRAPH */

		#m_content p { font: inherit;}

/* LISTS */

		#m_content ul { margin: 0 10px; padding: 2px; }
			
		#m_content ul li { margin: 0 5px; padding: 2px 0 0 0; list-style: circle; }
			
		#m_content ol { margin: 0 10px; padding: 2px 0; }
		
		#m_content ol li { margin: 0 15px; padding: 2px 0 0 0; }

/* FORMS */

		#m_content label { display: block; margin: 5px 0; font-weight: bold; }
		
		#m_content input, textarea, select { display: block; margin: 5px 0; width: 250px; border:1px solid #666; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
		
		#m_content .focus { border: 1px solid red; } /* ...Since :focus pseudo class won't work on IE */
		
		#m_content .button { display: block; margin: 5px 0; width: auto; border: 1px solid #333; font: inherit; background: #e8e8e8; padding: 1px 5px; }

/* OTHER */

		#m_content hr { height: 1px; background: none; }
		
		#m_content table { border-collapse: collapse; }
		
		#m_content strong { font-weight: bold; }
		
		#m_content em { font-style: italic; }
		
		#m_content .bold { font-weight: bold; }
		
		#m_content .italic { font-style: italic; }
		
		#m_content .underline { border-bottom: 1px solid; }  
		
		#m_content .right { float: right; width:auto; }
		
		#m_content .left { float: left; width:auto;}
		
		#m_content .align-right { text-align: right; }
		
		#m_content .align-left { text-align: left; }
		
		#m_content .align-center { text-align: center; }
		
		#m_content .align-justify { text-align: justify; }
		
		#m_content .hide { display: none; }
		
		#m_content .clear { clear: both; }
		
		#m_content .maroon { color: #98041e }
		
		#m_content .maroon-content { color: #98041e; font: 1.9em Arial, Helvetica, sans-serif;  }
		
		#m_content .maroon-bold { color: #98041e; font: bold 1.08em Arial, Helvetica, sans-serif;  }
		
		#m_content .margintop75{ margin: 50px 0 0 0; font-weight:bold;}
		
		#m_content .margintop25{ margin: 25px 0 0 0; }
		
		#m_content .dkBlue { color: #00247d; }
		
		#m_content .rose-content { color: #f69679; font: 1.9em Arial, Helvetica, sans-serif;  }
		
		#m_content .rose { color: #f69679; }
		
		#m_content .orange { color: #e85a2a; }
		
		#m_content .gray { color: #838383; text-decoration:none; }
		
		#m_content #text { padding:0;
			margin: 2em 0 0 0;
			line-height:150%;
			float:left;
			width:380px;
			
			 }

		#m_content #callout {
			margin: 0 0 0 15px;
			padding:  0;
			position:relative;
			width: 135px;
			float:left;			
		}
		
		#m_content #callout-text {
			margin: 0;
			padding: 0 1em 0 1em;
			background:url(/images/bb-heart-update.jpg);
			background-repeat:repeat-x;
			background-position:top;	    
			height: 225px;
			line-height:1.02em;
		}
		
		#m_content #callout-text p {
			margin: 0 0 5px 0;
			padding: 0;
			line-height:1.04em;
			font: normal 11px Arial, Helvetica, sans-serif;
		}
				
		#m_content #callout h1 {
			margin: 0 0 0px 0;
			padding: 0px;
			font: 3.5em Arial, Helvetica, sans-serif;
			line-height:1em;
			background-image: url(/images/bb-update-title.gif);
			background-repeat:repeat-x;
			background-position:bottom;	
		}
		
		#m_content #callout-text h2 {
			margin: 0px 0 5px 0;
			padding: 8px 0 0 0;
			font: 1.5em bold Arial, Helvetica, sans-serif; 
			line-height:1em;
			font-weight:bold;    
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#m_content #header {
			margin: 0;
			padding: 0px;
			height: 135px;
			width: 580px;
			
		}
		
		#m_content #header.maroon {
			margin: 0px;
			padding: 0px;
			height: 135px;
			border-bottom:1px solid; border-bottom-color:#98041e;
			
		}
		
		#m_content #header.dkBlue {
			margin: 0px;
			padding: 0px;
			height: 135px;
			border-bottom:1px solid; border-bottom-color:#00247d;
			
		}
		
		#m_content #header.orange {
			margin: 0px;
			padding: 0px;
			height: 135px;
			border-bottom:1px solid; border-bottom-color:#e85a2a;
			
		}
		
		#m_content #header h1 {
			 display: block; margin: 15px 25px 60px 0; padding: 10px; position: absolute; width:385px; height:80px;
		}
		#m_content #header h5 {
			 display: block; margin: 0 25px 60px 0px; padding: 10px; position: absolute;color:#000000;font-weight:bold;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAVIGATION CONTAINER */

		#m_content #navigation { 
			width: 580px;
			height: 24px;
			margin: 8px 0 15px 0px;
			background: #fcc53a;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight:bold;
		    line-height: 150%;
			position:relative; 

		}

/* NAVIGATION MENU */
 		#m_content #navigation #nav a {font-size:11px !important; }
		#m_content #nav { display: block; margin: 0; position: relative;  line-height:.95em;  width: 580px;}
		#m_content #nav li { display: inline; list-style: none; float: left; position: relative; width:auto;}
		#m_content #nav a { display: block; background: #fcc53a; }
		#m_content #nav ul { display: none; position: absolute; left: 0; margin: 0; line-height:1.3em;}
		#m_content #nav ul li { float: none; z-index: 1001; width:auto;}

/* STYLING */
 
		#m_content #nav { height: 24px; padding: 2px 0px 2px 0px;}
		#m_content #nav *:hover { color:#98041e; text-decoration:none;  }
		#m_content #nav a { color: #003399;  text-decoration:none; background: #fcc53a; }
		#m_content #nav li.hover a {text-decoration:none  }

/* SUB-NAVIGATION MENUS */

		#m_content #nav ul { width: 140px; top: 23px; background: #fee799; color: #003399; }
		#m_content #nav ul ul { left: 0px; top: 0;   background: #fee799; color: #003399;}		
		#m_content #nav ul li a { background: #fee799; border-bottom-style: solid; border-bottom-color: white; border-bottom-width:1px; padding: 2px 2px 5px 1px;  font-weight:normal;}
		#m_content #nav ul a.hover { background: #fee799; }
		#m_content #nav ul a {border-right: none; background: #fee799; color: #003399;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#m_footer {
			margin: 0px;
			padding: 0px;
			position:relative;
			float:left;
			width:1px;
			height: 100px;
		}
		
		#m_footer_right {
			margin: 0;
			padding: 25px 0px 0 0px;
			position:relative;
			float:left;
			width:395px;
			font: 1.2em Arial, Helvetica, sans-serif ;
			font-weight:bold;
			color: #f69679;	 
		}