/****
	Main Page Elements***
***/

*{margin:0; padding:0; }
body {font-size:13px; font-family: Helvetica, Arial, sans-serif; 

background:#DDE7F0 url(images/pageElements/repeater_across.jpg) 0 0 repeat-x; position:relative; text-align:center }

#wrapper{ margin: 0 auto; text-align:left;  position:relative; width:900px;font-size: 1em; /* 12px */ line-height: 1.3333em; /* 16px */ 

background: url(images/pageElements/repeater_up.jpg) 0 0 repeat-y;}
#shell {;}

#container{ background:url(images/pageElements/header.jpg) 0 0 no-repeat; }
 
/****
	the content
*****/
.content {position:relative; padding:180px 45px 0px 199px; min-height:300px; _height:300px;}
.content *{color:#000;}

/****
	Content Styles***
***/
	.content a {text-decoration:underline; color:#2A89C9; font-weight:bold;}
	.content a:hover{ color:#14498D;}
	.content strong {color:#2A89C9; font-weight:bold;}
	.content hr {height:1px; color:#222; background:#222; }
	.content p, .content ol, .content ul, .content form {font-size: 1em;  margin: 0 0 1.3333em 0; padding:0;}
	.content ol, .content ul{margin:0 0 18px 25px; padding:0;}
	.content strong{;}
	.content h1{ font-size: 2em; line-height: 1.3333em; margin-top: 0.6667em; margin-bottom: 0em; }
	
	.content h2{ font-size: 1.6667em; line-height: 1.6em; margin-top: 0.8em; margin-bottom: 0em; color:#2A89C9; font-weight:normal; clear:right; border-top:1px solid #FED44A;}
	.content h3{ font-size: 1.5em; line-height: 1.5em; margin-top: 0.8889em; margin-bottom: 0.27em; color:#E38337; border-bottom:1px solid #FED44A;}
	.content h4{ font-size: 1.3333em; line-height: 1em; margin-top: 1em; margin-bottom: 0.1em; color:#042D9F}
	.content h5{ font-size: 1.1667em; line-height: 1.1429em; margin-top: 1.1429em; margin-bottom: 0em; }
	 


/****
	Secondary Page Elements***
***/
#footer {color:#fff; font-size: 0.9em; line-height:1.1em; height:114px; background:#14498D; clear:both;}

#copyright{font-size: 1em;  margin: 0 0 1.3333em 0;  text-align:right; padding:80px 10px 0 0;  background:url(images/pageElements/chamber_logo.jpg) top right no-repeat;}
	#footer a{text-decoration:none; color:#fff;}
	#footer a:hover{text-decoration:underline; color:#ddd;}
#contact{float:left; width:210px; text-align:left; padding:10px 2px; }

a#emaillink{display:block; padding-left:21px; background-image: url(images/pageElements/envelope.jpg); background-repeat:no-repeat; background-position:0 0; text-decoration:none; height:15px; line-height:15px; }
a#emaillink:hover{color:#FFD252; background-position:0 -15px;}
#sendtofriend{position:absolute; width:60px; height:15px;clear:both; top:180px; right:0;}
#sendtofriend form{position:absolute; top:16px; right:0;; border:1px solid #FED44A; background:#eee; height:110px; padding:3px; width:375px;}
#sendtofriend form td{height:25px;}
#cancel{position:absolute; bottom:0; right:0;}
#sendtofriend form.sending{background:#efe url(images/pageElements/ajax-loader.gif) bottom center no-repeat;}
.error{font-weight:bold; color:#f00;}
/****
	Specialty Formatting***
***/
	table.facts{border:1px solid #E38337; width:570px; margin:18px 0 20px 0; background:#eee; padding:4px;}
	table.facts th{font-weight:bold; text-align:right; width:190px; font-size:12px;}
	table.facts td{text-align:right; color:#14498D; height:20px; font-size:10px;}
	table.facts tr td.alttd{color:#335;}
	table.facts td.rowlabel{text-align:left; color:#000; font-weight:bold; text-indent:50px; font-size:12px;}
	table.facts tr.hovered{font-weight:bold; cursor:pointer;}
	table.facts tr.hovered td.rowlabel{color:#14498D;}
	
	
	table.facts th.cities{text-align:left;}
	table.facts tr.attention{font-weight:bold;}
	table.facts tr.attention td.rowlabel{color:#14498D;}
	table.facts tr.attention td{ text-decoration:underline;}


	
	table.widefacts{width:auto;}
	table.widefacts td.rowlabel{text-indent:0;}
	table.widefacts th{width:80px}
	table.widefacts th.bigger{width:180px}
	
	
	table.complex th.rowlabel{width:200px;}
	
	table.textfacts{width:auto;}
	table.textfacts th{text-align:left; padding:10px; width:260px;}
	table.textfacts th.less{width:140px;}
	table.textfacts td{text-align:left; padding:10px; vertical-align:top;}
	table.textfacts td ul{text-align:left; color:#14498D;}
	table.textfacts td.rowlabel{text-indent:0;}
	table.textfacts td{border:solid #000; border-width:1px 0 0 0;}
	table.textfacts td ul, table.textfacts td ul li{color:#14498D;}
	
	
	dl.incentives{font-size: 1em;  margin: 0 0 1.3333em 0; padding:0;}
	dl.incentives dt{font-weight:bold; color:#2A89C9; }
	dl.incentives dd{ margin:2px 0 12px 60px; border-bottom:1px solid #eee; padding:0 2px 2px 2px;}
	dl.incentives dd.last{border-bottom:none;}
	dl.incentives dd ul{margin:2px 0 0 60px;}
	dl.incentives dd ul li{;}
	
	
	
	p.mission{margin-left:60px; margin-right:30px;}
	ul.principles{font-weight:bold; color:#042D9F; margin-left:60px; }
	ul.principles li{color:#042D9F; line-height:1.5em;}
	.right {margin:0px 0px 8px 9px; float:right;}
	.left {margin:0px 9px 8px 0px; float:left;}
	
	/*photos*/
	.photoright {padding:2px; background:transparent; border:1px solid #666; float:right; margin:1px 0px 9px 10px;}
	.photoleft{padding:2px; background:transparent; border:1px solid #666; float:left; margin:1px 10px 9px 0px;}
	.photo {padding:2px; background:transparent; border:1px solid #666;}
	.photocenter {padding:2px; background:transparent; border:1px solid #666;display:block; margin:1px auto 9px auto;}
	
	
/*OTHER */
div.expander{height:200px; width:544px;  padding:0 !important; overflow:hidden; position:relative; border:1px solid #E38337;  }
.access div.expander div{background:url(maps/transportation_map.gif) left center no-repeat;height:400px; width:544px; position:absolute; bottom:-100px;}

.workforce div.expander div{background:url("maps/maproom/region_9_map.gif") left center no-repeat;height:476px; width:544px; position:absolute; bottom:-100px;}
div.expander span{position:absolute; top:0; right:0; display:block; background:#AED2EA; color:#000; z-index:1000; padding:1px 2px}

.tabimagewrapper{width:544px; margin:1px auto 26px auto;  position:relative;}
.tabimagewrapper a{ height:24px;   line-height:24px;  display:block; background:#ddd; z-index:1000; padding:0;color:#FED44A; float:right; background:transparent url(images/pageElements/tab.gif) top center no-repeat; width:118px; text-align:center;text-decoration:none;}
.tabimagewrapper a:hover{color:#FED44A; text-decoration:underline;}

ul.doublelist{ margin:0; list-style:none; display:block; width:480px}
ul.widerdoublelist{width:550px;}
ul.doublelist li{display:block; position:relative; background:#fff url(images/pageElements/dot.gif) center center repeat-x; height:16px;}
ul.doublelist li a,ul.doublelist li strong{position:absolute; right:0; background:#fff; padding-left:4px; }
ul.doublelist li span{background:#fff; padding-right:4px; position:absolute; left:0;}

div.media{width:590px; margin:0 auto;}
div.media div{width:260px; height:130px; margin:12px; float:left; ; position:relative;}
div.media div strong{ display:block; font-size:1.9em; line-height:1.1em; color:#FFAD41; padding:12px; }
div.media div a{position:absolute; display:block; bottom:6px; right:6px; color:#000;}
div.media div a.lower{ font-style:italic; bottom:-12px; color:#666}


div.featuredsites{width:613px; overflow:auto; margin:0 auto 40px auto;}
div.featuredsites div{ display:block; width:287px; border:solid #FED44A; border-width:1px 4px 1px 1px; height:210px; overflow:hidden; float:left; margin:2px 4px; background:#eee; position:relative;}
div.featuredsites div strong{display:block; margin:0; padding:2px; background:#14498D; color:#FED44A;}
div.featuredsites div p{ padding:4px 4px 4px 4px;}
div.featuredsites div ul{padding:0 4px 2px 0; }
div.featuredsites div img{border:1px solid #000; display:block; float:right; margin:2px 2px 2px 2px;}
div.featuredsites div a.buildinglink{position:absolute; bottom:10px; right:2px; width:100px; text-align:right; text-decoration:none;}

 ul.whymobile{list-style:disc;}
 ul.whymobile li{font-weight:bold;color:#FED44A; padding-bottom:4px; font-size:1.1em}
 ul.whymobile li span{color:#003787; }
/*sifr*/

.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
.sIFR-replaced {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced > div {display: none !important;}


.sIFR-active h1{ visibility: hidden; color:#123473; 
 width:530px; height:22px; font-size:22px; line-height:22px; margin-bottom:12px;
}

/*homepage*/
.homepage #wrapper{ background: #fff url(images/homepage/map_callout.jpg) 0 190px no-repeat;}
.homepage .content {position:relative; padding:585px 342px 30px 25px; min-height:300px; _height:300px;}
.homepage #skyline{position:absolute; top:190px; right:0; background: transparent url(images/homepage/skyline_callout.jpg) 0 0 no-repeat; width:604px; height:300px; margin:0; padding:0;}
	.homepage #skyline div.callouttext{border:1px solid #000; background:#fff; width:292px; float:left; color:#000; margin:24px 0 0 0;}
	.homepage #skyline div.callouttext span.title{display:block; text-indent:-999px; background:url(images/homepage/skyline_callout_title.jpg) 0 0 no-repeat; width:215px; height:25px; overflow:hidden;}
	.homepage #skyline div.callouttext p{padding:0; margin:4px; color:#000; font-size:12px;}
		.homepage #skyline div.callouttext p strong{color:#000;}
	.homepage #skyline ul{display:block; float:left; list-style:none; margin:36px 34px 0 0; padding:0 0 0 37px; width:200px;}
	.homepage #skyline ul li{display:block; margin:0 0 12px 0; padding:0; list-style:none;}
	.homepage #skyline ul li a{display:block; background-repeat:no-repeat; width:200px; height:35px; background-image: url(images/homepage/homesprites.png); text-indent:-999px; }
		.homepage #skyline ul li a#mobile{background-position:0 0;}
		.homepage #skyline ul li a#mobile:hover{background-position:0 -35px;}
		
		.homepage #skyline ul li a#qol{background-position:0 -70px;}
		.homepage #skyline ul li a#qol:hover{background-position:0 -105px;}
		
		.homepage #skyline ul li a#news{background-position:0 -140px;}
		.homepage #skyline ul li a#news:hover{background-position:0 -175px;}
		
		.homepage #skyline ul li a#maproom{background-position:0 -210px;}
		.homepage #skyline ul li a#maproom:hover{background-position:0 -245px;}


.homepage #facts{ position:absolute; top:490px; right:0; background: transparent url(images/homepage/facts_callout.jpg) 0 0 no-repeat; width:317px; height:292px;}
.homepage a{font-weight:normal; color:#14498D;}

/*nav*/
.pagenav{width:500px; overflow:auto; margin:0 auto;}
.widerpagenav{width:660px;}
.pagenav a{display:block; padding:3px 8px 15px 8px; float:left; background-image:url(images/pageElements/arrow.jpg) ; background-position:50px 500px; background-repeat: no-repeat; white-space:nowrap;}
.toplink {padding:3px 8px 15px 8px;  background-image:url(images/pageElements/arrow.jpg) ; background-position:50px 50px; background-repeat: no-repeat; float:right;  margin-top:-20px;}
.pagenav a:hover{background-position:bottom center;}
 .toplink:hover{background-position: 36px bottom;}




#subnav{display:block; position:absolute; top:177px; left:1px;}
#subnav a.main{height:29px; line-height:29px; color:#fff; background-image:url(images/pageElements/menu_back.jpg); background-position:top center; background-repeat:none; display:block; width:189px; text-decoration:none; text-indent:5px; font-weight:normal; font-family:Arial, sans-serif; font-weight:bold;}
#subnav a:hover{background-position:bottom center; color:#10408A;}
#subnav ul{margin:0 2px; padding:0; color:#fff; text-align:right; list-style:none; width:189px;}
#subnav ul li span{display:block; text-align:left; margin-top:5px; padding-top:2px; color:#FBD647; font-weight:bold; border-top:1px solid #fff;}
#subnav ul li a{background-image:none; height:14px; line-height:14px; display:inline; color:#fff; font-weight:bold; text-decoration:none; }



#homelink{position:absolute;top:0; left:0; width:900px; height:154px; display:block; text-decoration:none; color:#003787; font-weight:bold; overflow:hidden; text-indent:-999px; background:url(images/pageElements/header.jpg) 0 0 no-repeat; z-index:100}


/*main nav*/
#mainmenu{position:absolute; width:900px; height:36px; top:140px; left:0; background: url(images/pageElements/YellowBar.jpg) 0 0 no-repeat; z-index:1000;}
#mainmenu div.container{ float:left; padding:0 8px; height:36px; position:relative;}
#mainmenu div.container a.levelone{color:#fff; font-size:13px; text-decoration:none;  height:36px; line-height:36px; }
#mainmenu div.container a.levelone:hover{color:#000;}
#mainmenu div.container div.dropdown{position:absolute; top:36px; left:0; width:240px; background:#eee; border:1px solid #6CADD7;}
#mainmenu div.container div.dropdown a{display:block; color:#000; font-weight:bold; padding:2px 2px 5px 2px; text-decoration:none; border-top:1px solid #eee;border-bottom:1px solid #eee;}
#mainmenu div.container div.dropdown a:hover{background:#FED44A; border-top: 1px solid #FF9740; border-bottom: 1px solid #FF9740; }


