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

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

		html {
		  overflow: scroll; /* Prevents browser jumping */
		  font: normal 12px Arial, Helvetica, sans-serif; 
		  line-height: 150%;
		  font-size: 12px;
		  height: 100%;
		}
		
		body {
		  margin: 0px auto;
		  width: 918px;
		  height:auto;
		  border:solid 1px #666666;

		 
		}

/* LINKS */

		a, a:link, a:visited { color: #0e1484; text-decoration: underline; cursor: pointer; outline: none; }
		
		a:hover, a:active { text-decoration: underline; }

/* HEADINGS */

		h1 { 
		background-image:url(../images/bb-subheader.jpg);
		background-repeat: repeat-x;
		background-position:middle;
		font: 1em Arial, Geneva, Helvetica, sans-serif;
		line-height:20px;
		color:#ffffff;
		width:567px;
		height: 25px;
		padding: 0 0px 0px 15px;
		margin: 16px 0 4px 0px;}
		
		h2 { font: bold 1.5em "Times New Roman", Times, serif; }
		
		h3 { font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; }
		
		h4 { font: bold 1em Arial, Geneva, Helvetica, sans-serif; }
		
		h5 { font: bold 0.9em Arial, Geneva, Helvetica, sans-serif; }

/* PARAGRAPH */

		p { font: 12px Arial, Helvetica, sans-serif ;
		color:#0e1484;
		line-height: 18px;
		padding: 0;
		margin: 8px 0 10px 0;}

/* LISTS */

		ul { margin: 0; padding: 0 15px 0 15px; line-spacing: 9px; color:#636466;}
			
		ul li { margin: 0 15px 0 15px; padding: 0 15px 0 0; list-style: disc; line-spacing: 12px; }
			
		ol { margin: 0 10px; padding: 5px 0; }
		
		ol li { margin: 0 15px; padding: 5px 0 0 0; }

/* FORMS */

		label { display: block; float: left; clear: both; width: 100px; margin: 5px 0; font-weight: bold; }
		
		input, textarea, select { display: block; float: left; margin: 5px 0; width: 250px; border:1px solid #666; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
		
		/* Classes below added to form objects by fixForms() function */
		
		.hover { border: 1px solid red; }
		.focus { border: 1px solid #003399; }
		.button { display: block; clear: both; margin: 5px 0; width: auto; border: 1px solid #333; font: inherit; background: #e8e8e8; padding: 1px 5px; }

/* OTHER */

		.fifteen-px {padding: 0 15px 0 15px; color:#636466;}
		.bluefifteen-px {padding: 0 15px 0 15px; color:#0e1484;}
		
		.gray {padding: 0 15px 0 15px; color:#636466;}
		
		hr { height: 1px; background: none; border:0; border-top: 1px dotted #ccc; }
		
		table { border-collapse: collapse; }
		
		strong { font-weight: bold; }
		
		em { font-style: italic; }
		
		.right { float: right; }
		
		.left { float: left; }
		
		.align-right { text-align: right; }
		
		.align-left { text-align: left; }
		
		.align-center { text-align: center; }
		
		.align-justify { text-align: justify; }
		
		.hide { display: none; }
		
		.clear { clear: both; }
		
		.bold { font-weight: bold; }
		
		.italic { font-style: italic; }
		
		.underline { border-bottom: 1px solid; }
		
		.uppercase { text-transform: uppercase; }

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

		#header {
			margin: 0px;
			padding: 0px;
			background-image:url(../images/header.jpg);
			background-repeat:no-repeat;
			height:221px;
			width:918px;
		}

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

/* NAVIGATION CONTAINER */

		#navigation { 
			margin: 5px;
			padding: 10px;
			border: 1px dashed #ccc;
			background: #F3F8F3; 	
		}

/* NAVIGATION MENU */
 
		#nav { display: block; margin: 0; padding: 0; }
		#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index: 1000; }
		#nav a { display: block; }
		#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
		#nav ul li { float: none; }

/* STYLING */
 
		#nav { height: 24px; }
		#nav *:hover {  }
		#nav a { color: #003399; padding: 5px 25px 5px 0; line-height: 1; }
		#nav li.hover a {  }

/* SUB-NAVIGATION MENUS */

		#nav ul { width: 130px; top: 25px; border: 1px solid #ccc; background: #fff; }
		#nav ul ul { left: 131px; top: 0; }
		
		#nav ul li a { background: #fff; padding: 5px; }
		#nav ul a.hover { background: #fff; }
		#nav ul a { border-bottom: 1px solid white; border-right: none; }

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

		#content {
			width: 918px;
			height:100%;
			background-color:fffefd;
			background-image:url(../images/bb-main.jpg);
		  	background-repeat:repeat-x;
		  	background-position:bottom;

		}
		
		#left { width:268px;
				float:left;
				margin: 25px 25px 25px 25px;
				
				
				}
				
		#right { width:582px;
				 float:left;
				 background-color:#fffefc;
				 }

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

		#footer {
			width: 918px;
			height:75px;
			background-image: url(../images/bb-footer.jpg);
			background-repeat:no-repeat;
		}