/* FS CONTROL - BASE STYLESHEET - UPDATED 04-16-2008 */

html { font-size: .625em; }
body { margin: 0; padding: 0; background: #FFFFFF; color: #000000; }
body, input, textarea, option, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
table, input, textarea, option, select { font-size: 1em; }
ul, ol { margin: 0; padding: 0 0 0 2.75em; }
h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; }
ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; }
address { font-style: normal; }
a img { border: 0; }
#ie6 em { display: inline-block; }

/* DEFINE BASE FONT SIZE -- 1.1em = 11px, etc. */
body { font-size: 1.2em; }

/* DEFINE CONTENT LINE HEIGHT */
#content p, #content ul, #content ol, #content li, #content blockquote { line-height: 1.45em; }

/* DEFINE CONTENT COLOR */
#content, #content td { color: #000000; }

/* DEFINE LINK COLOR */
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover, a:focus { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }

/* HEADERS AND FS CONTROL LEGACY HEADER CLASSES */
h1 { font-size: 1.4em; font-weight: bold; }
h2 { font-size: 1.2em; font-weight: bold; }
h3 { font-size: 1.1em; font-weight: bold; padding-bottom: .3em; }
h4 { font-size: 1em; font-weight: bold; padding-bottom: .3em; }
h5 { font-size: .9em; font-weight: bold; padding-bottom: .3em; }
h6 { font-size: .8em; font-weight: bold; padding-bottom: .3em; }
		
/* sIFR STYLES */
.sIFR-flash { visibility: visible; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; color: #333333; }
.sIFR-active h1 { padding-bottom: 0; visibility: hidden; line-height: 1em; }

/* STANDARD ELEMENTS */
.printElement { display: none; }
.screenElement {  }
.handheldElement { display: none; }
#skipToLinks { position: absolute; left: 0; top: -9000px; z-index: 100; list-style: none; text-align: left; margin: 0; padding: 0; }
	#skipToLinks li { position: relative; z-index: 100; overflow: hidden; }
#content .callOut { padding: 1em; background: #c0c0c0; margin-bottom: 1.2em; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#ie .clearfix { height: 1%; }
/* CUSTOM DESIGN ELEMENTS */
body.design { background: #000; text-align: center; }

#containerPage { text-align: left; margin: 20px auto; width: 980px; }
	#banner { position: relative; height: 67px; }
		#navigationMain { position: absolute; left: 0; top: 0; z-index: 99; }
			#navigationMain ul, #navigationMain ul li { margin: 0; padding: 0; float: left; list-style: none;}
			#navigationMain a { display: block; } 
		img#logo { clear: left; position: absolute; right: 0; top: 0; }
	#containerMain { color: #fff; background: url(images/bg-containerMain.gif) left repeat-y; }
		#containerMainHead { background: url(images/bg-containerMainHead.gif) 1px top no-repeat; }
			#containerMainFoot { width: 980px; background: url(images/bg-containerMainFoot.gif) left bottom no-repeat; }
				#containerContent {  }
					#content { padding: 20px; color: #fff; }
					img.contentImageLeft { float:left; margin-right:10px; }
					img.contentImageRight { float:right; margin-left: 10px; }
					#content h1.containerSmallTitle { font-style: italic; font-size: 3em; }
	#footer { color: #fff; margin: 10px 0 0 0; }
		#contactInformation { position: relative; float: left; width: 485px; height: 163px; background: url(images/bg-contactInformation.jpg) no-repeat; }
			img#contact-jay-today { position: absolute; right: 68px; top: 23px; }
			#contactInformation p { position: absolute; right: 26px; top: 78px; }
		#containerSmall { float: right; margin-top: 9px; background: url(images/bg-containerSmall.gif) repeat-y; }
			#containerSmallHead { background: url(images/bg-containerSmallHead.gif) top no-repeat; }
				#containerSmallFoot { height: 154px; width: 485px; background: url(images/bg-containerSmallFoot.gif) bottom no-repeat; }
				#containerSmall h1.containerSmallTitle { font-style: italic; font-size: 3em; padding: 10px 20px 0 20px; }
				
				#containerSmall p { padding: 10px 20px; }
				#navigationLower { display: none; }
/* START HIERARCHICAL MENU - HORIZONTAL */
	/* set colors and styles */
		#menu { margin:0; padding:0; list-style: none; float: left; }
		#menu ul { width: 20em; background: gray; border: 1px solid black; border-bottom: 0; float: left; margin: 0; padding: 0; list-style: none; }
		#menu li { position: relative; float: left; display: block; }
		#menu li a { display: block; }
		#menu li li { float: none; clear: left; }
		#menu img { display: block; }
		#ie #menu li { display: inline; }
			#menu li ul a { color: white; text-decoration: none; padding: .5em 15px; border-bottom: 1px solid black; display: block; }
			#menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: black; background: white; }
	/* position sub-level drop-downs */ 
		#menu ul ul { top: 0; margin: -1px 0 0; }
	/* special classes - remove if not required */
		#menu li ul.scroll { height: 20em; overflow: auto; }
		#menu li ul.sublist { background: black; position: relative; left: 0; border: 0; }
			#menu li ul.sublist a { padding: .5em .5em .5em 2em; color: white; }
			#menu li ul.sublist a:hover, #menu li ul.sublist a:focus, #menu li ul.sublist a.active { color: black; }
			#menu li:hover ul.sublist, #menu li:focus ul.sublist, #menu li.hierover ul.sublist, #menu li li.hierover ul.sublist { position: relative; left: 0; }
		#menu a.menuIndicator { background: url(images/menuIndicator.gif) 18em .45em no-repeat; }
	/* the magic - only edit where notated */
		#menu li:hover { z-index: 5; }
		#ie #menu li li a { height: 1%;} /* allows IE to use block hovers */
		#ie6 li.hierover { z-index: 5; } /* overlay fix for IE6 */
		/* hides/shows all levels */
		/* hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li.hierover ul ul ul { position: absolute; left: -9999px; z-index:  99; }
		/* shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li.hierover ul, #menu li li.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 0; }
		/* shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hierover ul, #menu ul li li.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; }
/* END HIERARCHICAL MENU - HORIZONTAL */