/* This file contains only the core structural styles needed by most applications.
   For application specific styles, please refer to the styles.css in your
   applications "styles" directory. 
   
   !!! DO NOT PUT APPLICATION SPECIFIC STYLES HERE !!! */


/* Structural Styles*/

	html, body {
		background-color: #fff;
		background-image: url("/shared/Styles/esriCore2010/images/pagebg2.jpg");
		background-repeat: repeat-x;
		color: #4d4d4d;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 20px;
    	letter-spacing: normal;
		margin: 0;
		padding: 0;
	}
	#centerWrapper{
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	
	.container_12, .container_16 {
		color: #4d4d4d;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		letter-spacing: normal;
		line-height: 20px;
		margin-top: 20px;
		padding-left: 17px;
	}
	
	/* from font.css */
	h1, h2, h3, h1 a, h2 a, h3 a, .EsriFont1, .EsriFont1 a, #globalNavPrimary li {
    font-weight: normal !important;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    font-family: 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif;
	}
	.shadowText h1, .shadowText h2, #navMain, #topperText h1, #topperText h2, #eventTopperText h2, #eventTopperText h1, .shadowThis, .EsriFont2, .EsriFont2 a {
    font-weight: normal !important;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
	font-family: 'Avenir LT W01 65 Medium', Verdana, Geneva, sans-serif;
    text-shadow: 0px 1px 0px rgba(0,0,0.2);
	}
	#topperText h3, #eventTopperText h3, .shadowText h3, .shadowThisSub, .EsriFont3, .EsriFont3 a {
    font-weight: normal !important;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    font-family:'Avenir LT W01 65 Medium', Verdana, Geneva, sans-serif;
    text-shadow: 1px 1px 3px #4d4d4d; /* Text shadow for newer browsers */
	filter: progid: DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#4d4d4d', Positive=true); /* IE */
	_filter: none; /* Remove IE6 */
	}

	h1 {
		color: #007ac2;
		font-size: 27px;
		line-height: normal;
		margin: 20px 0 18px 0;
		padding: 0;
	}
	h1 a {
	    color: #004575;
	    text-decoration: none;
	}
	h1 a:hover {
	    color: #004575;
	    text-decoration: underline;
	}
	h2 {
		font-size: 18px;
		color: #222;
		line-height: normal;
		margin: 25px 0 9px 0;
		padding: 0;
	}
	h2 a {
	    color: #222;
	    text-decoration: none;
	}
	h2 a:hover {
	    color: #222;
	    text-decoration: underline;
	}
	h3{
		color: #222;
		font-size: 15px;
		margin: 17px 0 0 0;
		padding: 0;
	}
	h3 a {
	    color: #222;
	    text-decoration: none;
	}
	h3 a:hover {
	    color: #222;
	    text-decoration: underline;
	}
	h4, h5, h6 {
	    font-size: 14px;
	    color: #000;
	    margin: 15px 0 0;
	    padding: 0;
	}
	h4 a, h5 a, h6 a {
	    color: #000;
	    text-decoration: none;
	}
	h4 a:hover, h5 a:hover, h6 a:hover {
	    color: #000;
	    text-decoration: none;
	}
	ul {
	    line-height: 19px;
	    list-style-image: none;
	    list-style-position: outside;
	    list-style-type: none;
		margin: 10px 0 10px -5px;
		padding: 0;
	}
	ul li, ol ul li {
	    background: transparent url("/shared/Styles/esriCore2010/images/bulletBlueBoxMedium.gif") no-repeat scroll 0px 3px;
	    margin: 7px 0;
		padding-left: 21px;
	}
	p {margin: 13px 0;}
	
/* Link Formatting */

	/*
a:link		{color: #0060A7;}
	a:visited	{color: #0060A7;}
	a:hover 	{color: #FF6600;}
	a:active 	{color: #2679BC;}
*/
	
/* Global Structure Styles */

	/*.highlight, .required {
		color: #E48028;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		line-height: 1.25em;
	}*/
	.highlight {
		color: #E48028;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		line-height: 1.25em;
	}
	.fileInfo {
    color: #999999;
    font-size: 9px;
    font-weight: normal !important;
	}
	.clearing, .clear {
		clear:both;
	}
	
	.fieldsetNoBorder {
		border: 0 none;
		margin: 0;
		padding: 0;
	}
	
/* Header Styles */
	#globalHeaderWrapper{
		margin: 0 auto;
	    min-width: 960px;
	    padding: 0;
	    width: 100%;
	}
	#globalHeader{
		font-size: 13px;
		height: 131px;
		margin: 0 auto;
		padding: 0;
		width: 960px;
	}
	#globalHeader #homelink {
		display: block;
		float: left;
		background: url("/shared/Styles/esriCore2010/images/globalLogoTagline.png") no-repeat;
		width: 414px;
		height: 71px;
		margin: 15px 0 10px 0;
	 	*margin: 15px 0 11px 0;
	 	/* PNG FIX FOR IE6 */
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/shared/Styles/esriCore2010/images/globalLogoTagline.png", sizingMethod="crop");
	}
	#globalNavUtility {
		float: right;
		text-align: right;
		font-size: 11px;
		margin: 20px 0  0;
		color: #ccc;
	}
	#globalNavUtility a {
		color: #2A7433;
		padding: 0 5px;
		text-decoration:none;
	}
	#globalNavUtility a:link {
		text-decoration:none;
	}
	#globalNavUtility a:hover {
		color: #000;
		text-decoration:underline;
	}
	#globalSearchEsri form, #globalSearchESRI form {
		margin: 12px 0 0 0;
		*margin: 14px 0 0 0;
		padding: 0;
	}
	#globalSearchEsri fieldset, #globalSearchESRI fieldset  {
		border: 0 none;
		margin: 0;
		padding: 0;
	}
	#globalSearchEsri input, #globalSearchESRI input {
		font: 10px Verdana, Helvetica, sans-serif;
		vertical-align: middle;
		float: right;
		color: #2C6892;
		height: 16px;
		/**height: 20px !important;*/ /* IE hack from Raymond; needed for Search */
		padding: 1px 0 1px 5px;
		*padding: 2px 0 0 5px;
		border: 1px solid #ACC2D1;
		width: 207px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-topleft: 4px;
	}
	#globalSearchEsri .init_css, #globalSearchESRI .init_css {
		color: #2C6892;
		background-color: #F0F6FA;
	}
	.mast-btn {
		background: url("/shared/Styles/esriCore2010/images/search-mag.jpg") repeat-x scroll left top transparent;
		float: right;
		display: inline-block;
		width: 20px;
		height: 20px;
	}
	.mast-btn:hover {
		background: url("/shared/Styles/esriCore2010/images/search-mag.jpg") repeat-x scroll 0 -20px transparent;
		cursor: pointer;
	}

	
/* Primary Navigation Styles */
	#globalNavPrimary {
		clear: both;
		margin: 0 0 0 18px;
		padding: 0;
		text-align: left;
	}
	#globalNavPrimary ul {
		line-height: 19px;
		list-style: none outside none;
	}
	#globalNavPrimary li {
		background: none repeat scroll 0 0 transparent;
		float: left;
		list-style: none outside none;
		margin: 1px auto auto;
		padding: 0;
		text-align:left;
	}
	#globalNavPrimary li a {
		background-image: url("/shared/Styles/esriCore2010/images/blank.gif");
		color: #e8eff5;
		display: block;
		font-size:14px;
		line-height: 16px;
		padding: 8px 25px 0 17px;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	}
	/* FIX BOTTOM-PADDING FOR CHROME 1.0 & SAFARI 3 */
	body:first-of-type #globalNavPrimary li a {
		padding-bottom: 10px;
	}
	#globalNavPrimary li ul {
		display: none;
		background-color: #eee;
		border-top: 1px solid #c6c6c6;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#globalNavPrimary li:hover ul, #globalNavPrimary li.hover ul {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
		list-style-image: url("/shared/Styles/esriCore2010/images/clear.gif");
		z-index: 999999;
	}
	#globalNavPrimary li:hover li, #globalNavPrimary li.hover li {
		float: none;
		border: 1px solid #c6c6c6;
		border-top: none;
		position: static;
		padding: 0;
		list-style: none;
	}
	#globalNavPrimary li:hover li a, #globalNavPrimary li.hover li a {
		background-color: #fff;
		padding: 3px 11px 5px 9px;
		font-weight: normal;
		color: #2F627F;
		text-shadow: none;
		white-space:nowrap;
		/* FIX WIDTH FOR IE6 */
		_width: 220px;
	}
	#globalNavPrimary a:hover {
		background:url("/shared/Styles/esriCore2010/images/nav-hover.jpg") top center repeat;
	  	color: #fff;
	  	text-decoration: none;
	}
	#globalNavPrimary li li a:hover {
		background-color: #2F627F;
		color: #fff;
		text-decoration: none;
	}
	#globalNavPrimary a.on {
		background: url("/shared/Styles/esriCore2010/images/nav-active.jpg") repeat scroll center top transparent;
	    color: #fff;
	    text-decoration: none;
	}
	#utilityNav .button:hover, .button:hover {
		background: #326f99;
		text-decoration: underline;
	}
	ul .button:hover {
		text-decoration:none;
	}

/* Page Title with blue bar */
	#globalTitle { 
		background: url("/shared/Styles/esriCore2010/images/globalHeaderTile.gif") bottom left repeat-x; 
		color: #106798; 
		font-weight: bold; 
		font-size: .85em; 
		margin-bottom:15px;
		margin-top: 20px;  
		padding-bottom: 4px; 
		padding-left: 15px; 
	}

/* Content Styles */
	#contentWrapper{
		margin: 0 auto;
		text-align: left;
		width: 700px;
		padding-right: 225px;
		/*width: 960px;*/
	}
	#contentWrapper2{
		margin: 0 auto;
		text-align: left;
		width: 960px;
	}
 	
/* Footer Styles */
	#globalFooter{
		border-top: 1px solid #B8CBDC;
		color:#999;
		margin-top: 25px;
		padding: 10px 0;
	}
	#globalFooter #globalFooterNav{
		font-size: 11px;
		height: 32px;
		padding:8px 0 8px 0;
		text-align: center;
	}
	#globalFooterNav a {
		padding: 0 10px;
		text-decoration: none;
	}
	#globalFooter #globalFooterNav a {color: #2A7433; padding: 0 10px; text-decoration: none;}
	#globalFooter #globalFooterNav a:link {color: #2A7433;}
	#globalFooter #globalFooterNav a:visited {color: #2A7433; color: #2A7433; padding: 0 10px; text-decoration: none;}
	#globalFooter #globalFooterNav a:hover {color: #000; text-decoration: underline;}

/* img Frame Styles */
	.imgFrame {
		padding: 18px;
		background-color: #F0F6FA;
		margin-bottom: 25px;
		font-size: 12px;
		line-height:18px;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=3);
		zoom: 1;
		-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.35);
		-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.35);
		box-shadow:0px 0px 3px 0px rgba(0,0,0,0.35);
	}
	.imgFrame p {
		margin: 3px 0 0 0;
		color: #4d4d4d;
		zoom: 1; /*This command is supported by IE only*/
		overflow:visible;
	}

/* END Global Structure Styles */

