body {
  background: tan;
  color: #333;
  // font-size: 11px;
  height: auto;
  padding-bottom: 20px;
}

/* =============== Menubar controls ============================ */

/* This is the menubar which is always visible
 * This is usually the container for your menubar (Div)
 */
#nav-wrapper { 
	background: #FFD6AD; 				/* bg color for your menubar */
	border-top: 1px solid #2495b4;		/* Borders */
	border-bottom: 1px solid #2495b4; 
	margin-top: 10px;					/* space between your menubar & item above your menubar */
	width: 960px;
	}	
#nav-wrapper2 { 
	background: orange; 				/* bg color for your menubar */
	border-top: 1px solid #2495b4;		/* Borders */
	border-bottom: 1px solid #2495b4; 
	margin-top: 10px;					/* space between your menubar & item above your menubar */
	}
	
/* defines your UL (unordered list)
 * Notice this is the ID for your outer most UL
 * this UL contains list items (li) which will comprise your menu
 */
#scNav {
	position:relative;		/* NOT hard positioned */
	float:left;				/* IMPORTANT: allow browser to use floating properties */
	z-index:300;			/* visibility order (the higher the number the more topmost it will be above others)*/
	}

/* drop down panel widths */
#scNav .one_col { width: 174px; }		/* multiples of [link_block(width)] + margin/padding + border widths */
#scNav .two_col { width: 343px; }		/* had to adjust to get the LEFT version to line up under the main menu item */
#scNav .three_col { width: 514px; }

/* For drop down menus which have panels we want to show toward the LEFT
 * 
 */
#scNav .left UL { left: auto; right: 0; }
	
/* Properties for our menubar (ul with id=scNav)
 * 
 */
#scNav UL { 
	display: none; 		/* IMPORTANT: hide our drop down menu */
	position:absolute; 	/* set to track our menubar's item */
	width: 960px; 		/* allow max width for our webpage (we are using 960 css & this is its width) */
	left: 0;	
	top: 31px; 			/* position of our drop down (you have to add everything to get this to line up)
						   [.nav_link(padding top & bottom)] + [.nav_link(font-size)] + [.nav_link(line-height)] = 31 */
	}

/* This governs the (visible) menubar's items
 * it makes it horizontal
 * [these are (li) under scNav UL]
 */
#scNav li.main_nav_sec{
	float:left; 			/* make all menubar items (top menubar) horzontally line up */
	position: relative;
	}
.main_nav_sec.bg1 { background-color: #FFFFAD;  border-radius: 0.8em 0.8em 0em 0em;}
/* set properties for top menu items which are not Links
 * 
 */
.nav_link {
	text-shadow: 1px 1px 2px #fff ; 
	color: #1f2b32; 
	font-size: 16px; 					/* remember to use this to calc heights */
	text-transform: uppercase; 
	border-left: 1px solid #9fdbeb; 
	padding: 5px 26px 5px; 			/* top, right, bottom */
	line-height: 1.3em; 
	display: block;
}
.nav_link.tab {  border-radius: 0.8em 0.8em 0em 0em;}

/*  Show right side border when flagged to with LAST 
 * 
 */
.last a.nav_link { border-right: 1px solid #9fdbeb; }

/*  Show background when user hovers over our Top menu item
 * 
 */
li:hover label.nav_link,li:hover a.nav_link { 
	background: #d0f1ff; 
	}
	
/* This makes our drop down menus visible when the user hovers over our menubar item
 * 
 */
#scNav li.main_nav_sec:hover UL { 
	display: block; 
	}


/* Forces our inner UL in our drop down to line up vertically
 * 
 */
#scNav UL UL { 
	position: relative; 
	width: auto; 
	top: auto; 
	left: auto; 
	}

/* This govern's the drop down size, among other things
 * 
 */
.link_block {
	float:left; 
	width:170px; 						/* widths above are multiples of this value + border widths 
											Also this needs to be wide enough to accomidate margins/padding */
	border-right:1px solid #85cee9; 
	border-bottom:1px solid #85cee9; 
	height:246px; 						/* height of our drop down menu */
	background: #d0f1ff; 
	border-radius: 0em 0em 0.5em 0.5em;
	}	
.link_block.hgt2 {
	height:147px;
}
/*
 * Makes the Left border for our drop down line up with the top menu 
 */	
.link_block.first { 
	border-left:1px solid #85cee9; 
	}
		
/*.left .link_block { float: right; }*/

/*  Set properties for H5 in our drop down menu
 *  Notice also that links (a) are set here as well
 */
.link_block h5, .link_block h5 a{
	display:block;
	text-decoration:none;
	color:#333;
	font-size:14px;				/* your text size. Use this height in determining the drop down size. */
	font-weight:300;
	padding:10px 0 4px 10px;	/* top, right, bottom, left. Use ih drop down height calcs */
	}
/*  Make H5 links show underline when user hover over them
 * 
 */	
.link_block h5 a:hover, .link_block P a:hover{
	text-decoration:underline;
	}
/* Set text properties for H5
 * 
 */	
.content h5{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1.1em;*/
	line-height:1.0em;
	color:#415968;
	padding:7px 0 4px;			/* top, right, bottom */
	}

/* Set properties for items in drop down panels (not H5's)
 * 
 */
ul.sub_nav_link_list li{
	border-bottom:1px solid #8ce2fa;
	font-size:14px;			/* Text size. Use this in calculating drop down height. */
	margin:0 20px; 			/* top, right */
	padding: 0;				/* top */
	}
/* Link color in drop down (not UL's)
 * 
 */ 
ul.sub_nav_link_list li a{
	color:#11718b;
	display:block;
	padding:4px 0;
	}
/* don't use a border on the last item in drop down groups
 * 
 */
ul.sub_nav_link_list li.last{
	border-bottom:none;
	}
/* Applies underline on a link when the user hovers over it.
 * 
 */
a:hover{color:#135c7a;text-decoration:underline}
/* Don't show underline on Top menu items when they are links
 * 
 */
a.nav_link:hover { text-decoration: none;}

	/* === Items below were copied, but seemed to make no difference === */
	/* Set properties for Links
	 * (this also applies to our Top Menu items when they are links)
	 * [this is done in nav_link class above]
	a.nav_link { 
		text-shadow: 1px 1px 2px #fff ; 
		color: #1f2b32; 
		font-size: 16px; 
		text-transform: uppercase; 
		border-left: 1px solid #9fdbeb; 
		padding: 16px 26px 12px; 
		line-height: 1.3em; 
		display: block; 
	} */
	
	/*a.nav_link span { display: block; font-size: 9px; text-shadow: none; color: #384e5c; }*/
	/*a{color:white;text-decoration:none; font-size: 1.2em;}*/
	/* #scNav .nav-content{display:none;position:absolute;z-index:2;top:40px;left:0;width:940px;padding-bottom:4px;zoom:1} */
	/* #scNav li a.selected .nav-content{color:#333;cursor:default} */
	/*#scNav .nav-content-inner{line-height:normal;font-weight:500;background:#d0f1ff;border-left:1px solid #85cee9;border-right:1px solid #85cee9;padding-top:10px;zoom:1}
	*/
	/* #scNav .left UL { left: auto; right: 0; }*/
	/*UL.spaced{list-style:none;margin:10px 0 10px 30px}*/
	
	/*a.sub_nav_link{display:block;text-decoration:none;color:#333;font-size:14px;background:#fff;border:none;line-height:1em;font-weight:300;padding:15px 0 10px 10px}
	.highlight_block{background:#effaff}
	a.sub_nav_link{display:block;background:#eff8fe;line-height:50px;text-decoration:none;color:#333;font-size:14px;border-bottom:1px solid #ddd;padding:0 0 0 10px}
	.sub_nav_link IMG{vertical-align:middle;margin-left:5px}*/

/* ============== end of Menubar controls ==================== */


a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-family: Georgia, serif;
  font-weight: normal;
  padding-top: 10px;
  text-align: center;
}

h2 {
  padding-top: 6px;
  text-align: left;
}

p {
  border: 1px solid #666;
  overflow: hidden;
  padding: 10px 0;
  text-align: left;
  font-weight: normal; 
  font-size: 1.1em;
}

.grid_12 p{
	text-align: left;
}
.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
}