/*------------------------------------------------------------------------------------
Global Styles
------------------------------------------------------------------------------------*/
* { padding:0;margin:0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
#content h1 {
	font-size: 28px;
	font-style: oblique;
	text-transform: uppercase;
	color: #900;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 5px;
	margin-top: 10px;
}
#content h2 {
	font-size: 44px;
	color: #333333;
	text-align: left;
	letter-spacing: 0.0em;
	font-weight:500;
	margin-top: 10px;
	margin-bottom: 5px;
}
#content h3 {
	font-size: 44px;
	color: #FC0;
	text-align: right;
	letter-spacing: -0.05em;
	margin-top: 10px;
	margin-bottom: 5px;
	font-style: oblique;
	text-shadow: #000000 -1px 1px 3px;
	;
}
#content .articleText {
	font-size: 12px;
	font-style: oblique;
	font-weight: bolder;
}
#content .articleTextRt {
	font-size: 12px;
	font-style: oblique;
	font-weight: bolder;
	text-align: right;
}
#content .articleTextRedRt {
	font-size: 12px;
	font-style: oblique;
	color: #900;
	text-align: right;
	font-weight: bolder;
}


/*li, dd { margin-left:5%; }*/
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both;overflow: hidden; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }


	/* common page styles */


	h1
	{	/*font: 26px tahoma, arial;*/
		font-size; 26px;
		color: #324143}

	p
	{	/*font: 12px tahoma, arial;*/
		font-size: 12px;
		color: #171F26;
		margin-bottom: 25px}

	a
	{	color: #324143}

	#copyright
	{	width: 80%;
		min-width: 650px;
		margin: 0 auto;
		padding: 20px 35px;
		background: #B6C28B;
		font: 12px tahoma, arial;
		color: #324143}

	#copyright a
	{	color: #324143}

	#copyright a:hover
	{	color: #171F26}


body { 	text-align: center; vertical-align: middle; background-image:url(../images/pattern_111.gif); }  
body#tinymce { text-align: left; }

/* TinyMCE specific rules  for CMS rich text editor*/
body.mceContentBody {
   background: #FFFFFF;
}
body.titleCMSEditor {
	background: #CCCCCC;
}


/*------------------------------------------------------------------------------------
wrapper
------------------------------------------------------------------------------------*/
#wrapper { 	width: 960px; min-height:400px; text-align: left; margin: auto auto; position:relative; }  
#wrapper #content img.footerImg { position: absolute; bottom: 0; left: 0; }
#wrapper #content #body h2 { text-transform: uppercase; }
#wrapper #content #body ul { margin-left: 20px; }
#wrapper #content #body ul li { margin-bottom: .5em; }
#wrapper #content #body h3 { font-size: 18px; text-align: left; }

#wrapper #header h1 { display: none; }

/* home page template */
#index #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgindexMid.jpg); background-repeat: repeat-y;  }
#index #wrapper {background-image:url(../images/bgindexUpper.jpg); background-repeat:no-repeat; background-position:top; }
#index #wrapper img.headerImgAlpha { position: absolute; top: 243px; left: 0px; }
#index #wrapper div#content { width:960px; padding-top: 333px; padding-bottom: 80px; }
#index #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 143px; left: 0px; }
#index #wrapper #content #body { position: relative; min-height: 350px;  }
#index #wrapper #content #body.home { background-image:url(../images/bgindexBody.gif); background-repeat: repeat-y;  width: 810px; overflow: auto; }

/* Blood Red template */
#template1 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate1Mid.jpg); background-repeat: repeat-y;  }
#template1 #wrapper { background-image:url(../images/bgtemplate1Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template1 #wrapper img.headerImgAlpha { position: absolute; top: 504px; left: 0px; }
#template1 #wrapper div#content { width:960px; padding-top: 333px; }
#template1 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 313px; left: 0px; }
#template1 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template1 #wrapper #content #body * { color: #fff; }
#template1 #wrapper #header h2, #template1 #wrapper #header h1 { color: #fff; }
#template1 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate1NavButton.png); _background-image: url(../images/bgtemplate1NavButton.gif); }

/* Recipe template */
#template2 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate2Mid.jpg); background-repeat: repeat-y;  }
#template2 #wrapper { background-image:url(../images/bgtemplate2Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template2 #wrapper img.headerImgAlpha { position: absolute; top: 424px; left: 0px; }
#template2 #wrapper div#content { width:960px; padding-top: 333px; }
#template2 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 175px; left: 0px; }
#template2 #wrapper #content #body { padding-bottom: 225px; position: relative; min-height: 350px; text-align: justify; }
#template2 #wrapper #content #body * { color: #474c44; }
#template2 #wrapper #header h2, #template2 #wrapper #header h1 { color: #474c44; }
#template2 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate2NavButton.png); _background-image: url(../images/bgtemplate2NavButton.gif); }

/* Purple template */
#template3 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate3Mid.jpg); background-repeat: repeat-y;  }
#template3 #wrapper { background-image:url(../images/bgtemplate3Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template3 #wrapper img.headerImgAlpha { position: absolute; top: 301px; left: 0px; }
#template3 #wrapper div#content { width:960px; padding-top: 333px; }
#template3 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 95px; left: 0px; }
#template3 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template3 #wrapper #content #body * { color: #fff; }
#template3 #wrapper #header h2, #template3 #wrapper #header h1 { color: #fff; }
#template3 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate3NavButton.png); _background-image: url(../images/bgtemplate3NavButton.gif); }

/* Pink template */
#template4 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate4Mid.jpg); background-repeat: repeat-y;  }
#template4 #wrapper { background-image:url(../images/bgtemplate4Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template4 #wrapper img.headerImgAlpha { position: absolute; top: 418px; left: 0px; }
#template4 #wrapper div#content { width:960px; padding-top: 333px; }
#template4 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 84px; left: 0px; }
#template4 #wrapper #content #body { padding-bottom: 50px; position: relative; min-height: 350px; text-align: justify; }
#template4 #wrapper #content #body * { color: #474c44; }
#template4 #wrapper #header h2, #template4 #wrapper #header h1 { color: #474c44; }
#template4 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate4NavButton.png); _background-image: url(../images/bgtemplate4NavButton.gif); }
img#jamonesImg { position: absolute; left: -120px; }


/* Beige template */
#template5 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate5Mid.jpg); background-repeat: repeat-y;  }
#template5 #wrapper { background-image:url(../images/bgtemplate5Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template5 #wrapper img.headerImgAlpha { position: absolute; top: 354px; left: 0px; }
#template5 #wrapper div#content { width:960px; padding-top: 333px; }
#template5 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 340px; left: 0px; }
#template5 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template5 #wrapper #content #body * { color: #000; }
#template5 #wrapper #header h2.vol, #template5 #wrapper #header h1 { color: #000; }
#template5 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate5NavButton.png); _background-image: url(../images/bgtemplate5NavButton.gif); }

/* Brown / orange template */
#template6 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate6Mid.jpg); background-repeat: repeat-y;  }
#template6 #wrapper { background-image:url(../images/bgtemplate6Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template6 #wrapper img.headerImgAlpha { position: absolute; top: 263px; left: 0px; }
#template6 #wrapper div#content { width:960px; padding-top: 333px; }
#template6 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 151px; left: 0px; }
#template6 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template6 #wrapper #content #body * { color: #000; }
#template6 #wrapper #header h2.vol, #template6 #wrapper #header h1 { color: #000; }
#template6 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate6NavButton.png); _background-image: url(../images/bgtemplate6NavButton.gif); }

/* generic green template */
#template7 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate7Mid.jpg); background-repeat: repeat-y;  }
#template7 #wrapper { background-image:url(../images/bgtemplate7Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template7 #wrapper img.headerImgAlpha { position: absolute; top: 241px; left: 0px; }
#template7 #wrapper div#content { width:960px; padding-top: 333px; }
#template7 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 120px; left: 0px; }
#template7 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template7 #wrapper #content #body * { color: #484B45; }
#template7 #wrapper #header h2, #template7 #wrapper #header h1 { color: #484B45; }
#template7 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgNavButton.png); }

/* sand template */
#template8 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate8Mid.jpg); background-repeat: repeat-y;  }
#template8 #wrapper { background-image:url(../images/bgtemplate8Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template8 #wrapper img.headerImgAlpha { position: absolute; top: 287px; left: 0px; }
#template8 #wrapper div#content { width:960px; padding-top: 333px; }
#template8 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 179px; left: 0px; }
#template8 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template8 #wrapper #content #body * { color: #484B45; }
#template8 #wrapper #header h2, #template8 #wrapper #header h1 { color: #484B45; }
#template8 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate8NavButton.png); _background-image: url(../images/bgtemplate8NavButton.gif); }
#template8 #wrapper #content #body table { border-collapse:collapse; margin-bottom:15px; width:100%; border:1px solid #D3AC7F; }
#template8 #wrapper #content #body th, #template8 #wrapper #content #body td { border:1px solid #D3AC7F; padding:4px 10px 7px 6px; background-color:#f9f3e8; vertical-align:top; }
#template8 #wrapper #content #body th { background-color:#d3ac7f; color:white; vertical-align:middle; }
#template8 #wrapper #content #body table.layout, #template8 #wrapper #content #body table.layout th, #template8 #wrapper #content #body table.layout td { border: none; margin: 0; padding: 0; }

/* deep green template */
#template9 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate9Mid.jpg); background-repeat: repeat-y;  }
#template9 #wrapper { background-image:url(../images/bgtemplate9Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template9 #wrapper img.headerImgAlpha { position: absolute; top: 298px; left: 0px; }
#template9 #wrapper div#content { width:960px; padding-top: 333px; }
#template9 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 123px; left: 0px; }
#template9 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template9 #wrapper #content #body * { color: #000; }
#template9 #wrapper #header h2, #template9 #wrapper #header h1 { color: #000; }
#template9 #wrapper #content #body ul li { margin-bottom: 20px; }
#template9 #wrapper #header h2 { color: #000; }
#template9 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate9NavButton.png); _background-image: url(../images/bgtemplate9NavButton.gif); }

/* employee spotlight */
#template10 #bgOverflow { width: 960px; margin: 0 auto; background-image:url(../images/bgtemplate10Mid.jpg); background-repeat: repeat-y;  }
#template10 #wrapper { background-image:url(../images/bgtemplate10Upper.jpg); background-repeat:no-repeat; background-position:top; }
#template10 #wrapper img.headerImgAlpha { position: absolute; top: 290px; left: 0px; }
#template10 #wrapper div#content { width:960px; padding-top: 333px; }
#template10 #wrapper div#content img.footerImgAlpha { position: absolute; bottom: 180px; left: 0px; }
#template10 #wrapper #content #body { padding-bottom: 75px; position: relative; min-height: 350px; text-align: justify; }
#template10 #wrapper #content #body * { color: #484B45; }
#template10 #wrapper #header h2, #template10 #wrapper #header h1 { color: #484B45; }
#template10 #wrapper .menu ul li a.mainLink { background-image: url(../images/bgtemplate10NavButton.png); _background-image: url(../images/bgtemplate10NavButton.gif); }
#template10 #wrapper #content #body table { border-collapse:collapse; margin-bottom:15px; width:100%; border:1px solid #D3AC7F; }
#template10 #wrapper #content #body th, #template8 #wrapper #content #body td { border:1px solid #D3AC7F; padding:4px 10px 7px 6px; background-color:#f9f3e8; vertical-align:top; }
#template10 #wrapper #content #body th { background-color:#d3ac7f; color:white; vertical-align:middle; }
#template10 #wrapper #content #body table.layout, #template8 #wrapper #content #body table.layout th, #template8 #wrapper #content #body table.layout td { border: none; margin: 0; padding: 0; }

#template10 #wrapper #content #body * { text-shadow: none; }
#template10 #wrapper #content #body #columnLeft { width: 206px; float: left; }
#template10 #wrapper #content #body #columnRight { margin-left: 231px; }	
#template10 #wrapper #content #body h2 { display: none; }
#template10 #wrapper #content #body h3.esDate { font-size: 18px; text-transform: uppercase; color: #fff; background-color: #daad2e; width: 206px; text-align: center; padding: 3px 0px; font-family: "Times New Roman"; font-style: normal; font-weight: normal; }
#template10 #wrapper #content #body h3.esEmployee { padding-top: 8px; *padding-top: 2px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; width: 206px; height: 52px; *height: 58px; vertical-align: middle; text-align: center; font-family: "Times New Roman"; font-style: normal; background: url(../images/ES_nameBackPlate.png); }
#template10 #wrapper #content #body h3.esEmployee span { font-size: 22px; text-transform: none; color: #fff; font-family: "Times New Roman"; font-weight: normal; }
#template10 #wrapper #content #body h3.esSection { font-size: 15px; text-transform: uppercase; color: #000; background-color: #daad2e; width: 206px; text-align: center; padding: 3px 0px; font-style: normal; font-weight: bold; }
#template10 #wrapper #content #body p.esjobTitle { font-size: 15px; font-family: "Times New Roman"; color: #000; text-align: center; width: 206px; margin: 0; background: url(../images/ES_sideBarHR.jpg) bottom no-repeat; padding-bottom: 5px; }
#template10 #wrapper #content #body p.esSideResponse { line-height: 1.2em; font-size: 15px; font-family: "Times New Roman"; color: #000; text-align: justify; width: 206px; margin: 0; }
#template10 #wrapper #content #body dl.esFav { margin-top: 0; }
#template10 #wrapper #content #body dl.esFav dt { text-align: left; float: left; font-weight: bold; font-size: 12px; font-family: "Times New Roman"; color: #000; margin-right: 4px; }
#template10 #wrapper #content #body dl.esFav dd { text-align: left; font-size: 12px; font-family: "Times New Roman"; color: #000; font-style: oblique; margin-bottom: 5px; }
#template10 #wrapper #content #body dl.esQA { margin-top: 0; }
#template10 #wrapper #content #body dl.esQA dt { text-align: left; font-weight: bold; font-size: 15px; color: #daad2e; text-transform: uppercase; line-height: 1.2em; }
#template10 #wrapper #content #body dl.esQA dt:first-letter { font-size: 20px; }
#template10 #wrapper #content #body dl.esQA  dd { text-align: left; font-weight: normal; font-size: 13px; font-family: "Times New Roman"; color: #000; margin-bottom: 10px; }





/* Film Strip */
#wrapper #content #body .filmStrip { background: url(../images/bgFilmStrip.png) top left no-repeat; width: 720px; overflow: auto; clear: both; }
#wrapper #content #body .filmCont { width: 720px; margin: 0 auto; padding-top: 24px; text-align: center; }
#wrapper #content #body .vidCont { display: inline-block; width: 138px; text-align: center; *zoom: 1; *display: inline; vertical-align: top; }
#wrapper #content #body .vidCont p { display: block; margin-top: 25px; margin-bottom: 5px; font-weight: bold; line-height: 1em; }
#wrapper #content #body .vidCont a { text-decoration: none; }

/* Film Strip Elastic - 9/22/09 - luisc*/
#wrapper #content #body .filmStrip.elastic { margin:auto; text-align:center; background: none; }
#wrapper #content #body .filmStrip.elastic .filmCont{  background: transparent url(../images/bgFilmStrip.png) no-repeat scroll left top; display:inline-block; width:auto;  *zoom: 1; *display: inline; }
/*#wrapper #content #body .filmStrip.elastic .filmCont{ padding-top: 0px; word-spacing: -5px;}
#wrapper #content #body .elastic .filmCont .vidCont { background: transparent url(../images/bgFilmStrip.png) no-repeat scroll left top; padding-top: 24px; word-spacing: 0px;}*/
 
/* Paper Thumbs */
#wrapper #content #body .paperThumbs { margin-bottom: 20px; background: url(../images/bgPaper.png) top left no-repeat; width: 720px; clear: both; }
#wrapper #content #body .paperCont { width: 720px; margin: 0 auto; padding-top: 12px; text-align: center; }
#wrapper #content #body .thCont { display: inline-block; width: 138px; text-align: center; *zoom: 1; *display: inline; vertical-align: top; }
#wrapper #content #body .thCont p { display: block; margin-top: 15px; margin-bottom: 5px; font-weight: bold; line-height: 1em; }
#wrapper #content #body .thCont a { text-decoration: none; }

/* Radio Spots */
#wrapper #content #body .radioSpots { height: 148px; margin-bottom: 20px; }
#wrapper #content #body .radioSpots img { float: left; }
#wrapper #content #body .radioSpots ul { margin-left: 170px; }



/*------------------------------------------------------------------------------------
content
------------------------------------------------------------------------------------*/

div#content{ width:960px; }
div#content p,label, legend{ font-size:.9em; line-height:1.5em }
div#content li { font-size: .9em; }

div#content div#body { width: 720px; margin: 0 auto; }
legend { font-weight: bold; }

div#pageActions { margin-top: 20px; clear: both; }

/* Generic twoColumn Layout */
div.twoColumn, div.threeColumn { overflow:visible; float:left; width:97%; margin-bottom:10px; /*_clear:both;*/ }
/**+html div.twoColumn, *+html div.threeColumn { clear:both; }*/
div.twoColumn .column1, div.twoColumn .column2 { float:left; width:48.5%; overflow:visible; }
div.twoColumn .column1 { margin-right:2%; }
div.twoColumn p { margin-top: 0em; }

/* Generic threeColumn Layout */
div.threeColumn .column1, div.threeColumn .column2, div.threeColumn .column3 { float:left; width:31%; margin-right:3%; overflow:visible; }
div.threeColumn .column3 { margin-right:0; }

/* Home Page twoColum Layout */
div#content div#columnLeftHome {  width: 580px; /*display: inline-block;*/ float: right; }
div#content div#columnRightHome { padding-right:35px; padding-left: 20px; _padding-right:0px; margin-right: 5px;  width:165px; float: left;   }
div#content div#columnRightHome h4 { color: #000; font-weight: bold; font-size: .9em; line-height: 1.2em; margin: 20px 0px 0px 0px; }
div#content div#columnRightHome h5 {margin: 10px 0 0 0; }
div#content div#columnRightHome h5 a { color: #fff; text-decoration: none; font-weight: 100; font-size: 1.3em; line-height: 1.2em; margin: 0px; }
div#content div#columnRightHome p  { color: #fff; font-style: italic; font-weight: normal; font-size: .8em; line-height: 1.2em; margin: 0 0 40px 0; }

/* Past Issues twoColum Layout */
div#content div.pastIssues { margin: 0 auto; float: none; }

/* thumbnail image link */
div.thumbLink { clear: left; margin-bottom: 10px; height: 265px; min-height: 265px; }
div.thumbLink img { float: left; margin-right: 10px; }
div.thumbLink p { margin-top: 0em; }

/* home thumbnail image link */
div#content div.homeSplit img { float: left; margin-right: 0px; margin-top: -15px; }
div#content div.homeSplit img.homeSecHR { margin: -10px 0px 20px 0px; }
div#content div.homeSplit p { font-size: .8em;  line-height: 1.2em; margin-top: 0em; margin-left: 95px; margin-bottom: 6px; }
div#content div.homeSplit p.sectionHead { font-size: .8em; }
div#content div.homeSplit p.artTitle { font-size: .95em; }
div#content div.homeSplit a { color: #858585; text-decoration: none; font-weight: 700; }

img#homeBanner { margin-bottom: 30px; }

div.address { font-size: .9em; margin: 10px auto; vertical-align: middle; }
div.address, div.address a { text-align: center; color: #fff; }


/* forms and fieldsets */
fieldset { padding: 0 1em 1em 1em; position:relative; margin-bottom:1em; border: 1px solid #484B45; }
body > #content fieldset { border:1px solid #bbb; } /* Mozilla */
legend { margin-bottom: 1em; padding-right:8px; color:#333333; }
fieldset > legend { margin-bottom:3px; padding-left:4px; }
fieldset div { margin: 10px 0px; }
fieldset div label { width: 200px; margin-right: 10px; text-align: right; display: inline-block; margin: 0em; }
input.subscribeSubmit { margin-left: 205px; }
.in_fieldset { margin-left: 5px; }
label.for_select { display: block; }	
fieldset ul { padding-bottom:3px; margin-bottom:3px; }
form#subscribeForm { width: 75%; margin: 0 auto; }

/* generic style elements */
.floatLeftNoSpace { float:left; }	
.floatLeft { float:left; margin:0px 15px 15px 0px; }	
.floatLeftSmallSpace { float:left; margin:0px 7px 7px 0px; }
.floatRightNoSpace { float:right; }
.floatRight { float:right; margin:0px 0px 15px 15px; }
.floatRightSmallSpace { float:right; margin:0px 0px 7px 7px; }
.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.marginTop { margin-top: 20px; }
.marginBottom { margin-bottom: 20px; }
.center { text-align: center; }


/*------------------------------------------------------------------------------------
header 
------------------------------------------------------------------------------------*/
#header{
	z-index: 999;
	width:780px;
	height:280px;
	/*background:url(../images/header.png) no-repeat 0px 230px;*/
	position:absolute;
	top:54px;
	left:92px;
}

#header h2 { text-align: center; color: #484b45; font-size: 1em; margin-top: 135px; }
#header h2 span { font-size: 1.2em; }

#header img.imgHomeLink { position: absolute; left: 170px; top: 35px; }
#header img.imgLNCLink { position: absolute; left: 370px; top: 170px; }


#jsddm 
{
	margin:0;
	padding:0;
	position:absolute;
	top:224px;
	left:50px;
	width: 700px;
}

ul { 							/* kill default 50px left padding and set 20px */
	margin-left:0px;
}       
li { 							/* set default inter-item vertical spacing */
	margin-bottom:1em; 
}          
.navitem {
	color: #000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	font: 11px Tahoma, Arial normal;
	text-transform:uppercase;
	text-align:center;

}
 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:30px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:80%;
}

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px dashed #566FA8;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font-size:12px;         /* this (and also below) sets the menu's font size */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	font: 12px Tahoma, Arial normal;
	/*text-transform:uppercase;*/
	text-align:center;
}

.menu ul li table {
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	font-size:11px;        /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */
}

.menu ul li a span { font-size: 1.2em; }
.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display: block;
	padding: 7px 6px;
	text-decoration: none;
	font-weight:bold;
	border: 1px;
	width: 160px;
	color: #181401;
	/*white-space: nowrap;*/
	/*background-image: url(../images/menu_on.png);*/
	background-image: url(../images/bgNavButton.png);
	background-repeat: no-repeat;
	background-position: center;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	display: block;
	padding: 7px 6px;
	text-decoration: none;
	font-weight:bold;
	border: 1px;
	width: 160px;
	color: #14848c;
	/*white-space: nowrap;*/
	/*background-image: url(../images/menu_over.png);*/
	background-repeat: no-repeat;
	background-position: center;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:26px;              /* place us just up underneath the top-level images */
	left:6px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width: auto;
	background: #b0cbcd;
	border-bottom: 1px solid #a58e62;
	text-align: left;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	font: .9em Tahoma, Arial;
	font-weight:bold;
	border:0;
	margin:0;
	padding:5px;
	height:auto;
	color:#474C44;               /* this sets the unselected drop-down text color */
	background:#fff;       /* this sets the drop-down menu background color */
	width: 230px;
	border-bottom: 1px solid #a58e62;
	text-align: left;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#8f5592;
	background:#cfacd1;                              /* rollover color set here */
}