
/* UNIVERSAL STYLES */
p
{
	margin:10px 0px;
}
a									/* LINKS: style */
{
	color:#2E5CB6;
	text-decoration:none;
}	
a:hover								/* LINKS: hover style */
{
	text-decoration:underline;
	color:#cc0000;
}
a:visited							/* LINKS: visited style */
{
	color:#6699FF;
}
a img, img							/* IMAGES: hides borders for image links */
{
	border: 0px;				
	text-decoration:none !important;
}
input
{
	margin: 2px;
	padding: 1px;
}
.inputAlign input, .inputAlign label
{
	vertical-align:middle;
}


/* HEADER-SUBHEADER DESIGN */
#header		
{
	width: 994px;
	height: 142px;
	margin: auto;				/* centers the layout */
	position:relative;			/* places the logo correctly */
	overflow: hidden;
	background-color: #003466;
	background-image: url(/images/header-planet.jpg);
	background-repeat: no-repeat;
	border:1px solid #ccc;
	border-width:0px 0px 0px 0px;
}
#subheader
{
	width: 994px;
	height: 18px;
	margin: auto;
	overflow: hidden;
	background-color: #003466;
	color:white; 
	font-size:10px;
	border:1px solid #ccc;
	border-width:0px 0px 0px 0px;
}
#subheader a 
{
	/*color:white;*/ 
}

#header img, #centered			/* LOGO: Public logo style */
{
	padding: 4px;
	background: #ffffff;
	border: 1px solid #000;
	position: absolute; 
	left: 30px; 
	top: 10%; 
	/*margin: 30px 30px 30px 65px;*/
}
#centered
{
	padding:15px;
	font-size:20px;
	
}
#header h1						/* hides reader text */
{
	display: none;
}


/* CONTENT UNIVERSAL LAYOUT */		
#content
{
	width: 992px;
	margin: auto;				/* centers the layout */
	overflow: auto;
	min-height:600px;
	background-color:#ffffff;
	border:1px solid #ccc;
	border-width:0px 1px;
}
.summary 						/* the summaries on the results page */
{
	text-indent:0px;
	margin-left:0px;
	clear:both;
}
.summary a, summary a:visited
{
	text-decoration:underline;
}
.clear
{
	clear: both;
	display: block;
}
.formBg		
{
	background-color: #ffffff; 
	border: 1px solid #000; 
	border-top: 0px;
}


/* CONTENT COLUMNS: Layout style */		
.leftColumn
{
	float: left;
	width: 220px;
}
/*Note to anyone editing this because of an invisible 4th column
  That's the advertising column and if you can't see it you  need 
  to turn off adblock don't make the same mistake I did and change the 
  width to fix it*/
.middleColumn
{
	float: left;
	width: 395px;
}
/* This makes the images have a max width so they don't flow out of their container*/
.middleColumn img.weather	
{
	margin:6px auto;
	display:block;
	max-width:490px;
	width:auto !important;
	width:490px;
}
.middleColumn li
{
	margin-left:15px;
}
.rightColumn
{
	float: left;
	width: 246px;
}
.advertisingColumn
{
	width:120px;
	padding:5px;
	float:left;
}
.advertisingColumn img
{
	display:block;
	max-width: 120px;
	margin: 13px auto;
	overflow: hidden;
}
.features, .events
{
	margin:18px 7px;
}


/* BOX DESIGN: layout style */		
dl.box							/* BOX DESIGN: layout style */
{
	border: 1px solid #A6BEDE;	/* outline of boxes - original color: 666666 */
	display: block;				
	margin: 18px 7px;			/* space around Boxes */
}
dl.box dd
{
	border-top: 1px solid #A6BEDE; /* line under box title - original color: 666666 */
	background: #ffffff; 		/* future background color for map box - E9EEF6 */
	padding: 5px;				/* padding around content in boxes */
	overflow:auto;
}


/* BOX TITLE DESIGN: layout style */		
dl.box dt
{
	padding: 1px 20px 1px 5px;	/* pads the title text */
	background: #D8E1EF;		/* background color for box titles - original color: dadada */
	position: relative;			/* places the minimize graphic correctly */
	line-height: 20px;			/* title box height */
	overflow: auto;
	_height: 100%;				/*property for IE6 forces full height*/
	font-family:Verdana,Arial;
}
dl.box a
{
	font-size: 10px;				/*property for IE6 forces full height*/
	font-family:Verdana,Arial;
}
dl.box dt h2					/* BOX TITLE TEXT: style */
{
	font-size: 10px;
	font-weight: bold;
	color: #333333;				/* title text color */
	float: left;
	border-bottom:none;
}
.box li 		/* style for Features/Content navigation */
{
	padding-left: 0px;
	list-style-position: inside;
}
.box ul
{
	padding-left: 6px;
}
.box ul ul li
{
	list-style-image: url(/images/neutral.jpg);
	list-style-type: square;
}
#iefix .box ul ul li
{
	list-style-image: url(/images/neutralIE.jpg);
}
.box ul ul ul li
{
	list-style-image: none;
	list-style-type: circle;
}


/* BOX CONTENT DESIGN: layout style */		
dl.box dd h3 img			  	/* the "NEW" graphic styles */
{
	float:left;
	padding-top:1px;
	padding-right:5px;  		/* styles space between NEW graphic and title */
}


/* PERSONALIZE: Minimize/Collapse function */		
dl.box dt span.options
{
	right: 1px;
	top: 5px;
	width: 40px;
	cursor: default;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
}

a.minimize
{
	background: url(/images/minimize-grey.png) no-repeat;
}dl.box dt span.options a
{
	height: 11px;
	width: 11px;
	display: block;
	float: right;
	text-indent: -900000px;
	margin-right: 3px;
	cursor: pointer;
}
a.maximize
{
	background: url(/images/maximize-grey.png) no-repeat;
}
.iconArrow, .iconArrowLeft
{
	background-image:url(/edit/images/iconArrow.png);
	background-position: right 2px;
	background-repeat:no-repeat;
	padding:0px 14px 2px 0px;
}
.iconArrow:hover
{
	background-position:right -12px;
}
.iconArrowLeft
{
	background-position: left 2px;
	padding:0px 0px 2px 14px;
}
.iconArrowLeft:hover
{
	background-position:left -12px;
}


/* PERSONALIZE-FUTURE: Minimize/Collapse function */		
a.close						/* future?? */
{
	background: url(/images/delete.png);
}
.external					/* future?? */
{
	background: url(/images/external.gif) right center no-repeat;
	padding-right: 12px;
}


/* : CONTENT NAVIGATION: style */		
.contentexpand ul li
{
	font-weight:bold;
	color:#000000;
}
.contentexpand ul ul li
{
	font-weight:normal;
}


/* : EVENTS: results and details */		
.date
{
	font-size: 10px;
	color:#999999;
}
.event div div span
{
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin-top:5px;
	clear:both;
}
.event div div div
{
	margin-top:5px;
	float:left;
}
.email
{
	padding: 0px 15px 0px 0px;
	background:url(/images/iconEmail.png) right 1px no-repeat;
}


/* ADVERTISING: graphic layout style */		


/* CONTENT TITLES: layout style */		
h3
{
	font-family: verdana;
	font-weight: bold;
	font-size: 11px;
	color:#2E5CB6;
	padding-bottom: 0px;
	padding: 9px 0px 0px 0px;	/* Adds the space above the title */
	display: block;	
}
h3:first
{
	margin: 1px 0px 0px 0px;
}
h3.articletitle						/* Used on Detail page titles (features, events) */
{
	font-size: 20px;
	padding-top:3px;
	padding-bottom:5px;
}


/* : SITES OF INTEREST: layout style */		
.soi li
{
	list-style-type:circle;
	margin-left:10px;
	text-indent:-13px;
}
.soi h3
{
	font-weight:bold;
	font-size:11px;
}
.soi a
{
	text-decoration:none;
}


/* : FOOTER: layout style */		
.footer, .tucsonFooter
{
	background:url(/images/footer.jpg) no-repeat;
	clear:both;
	margin:auto;
	width:972px;
	height:80px;
	padding:10px;
	text-align:right;
	border:1px solid #ccc;
	border-width:0px 1px 1px 1px;
}	


/* Tucson Custom Footer*/		
.tucsonFooter
{
	background:url(/images/footer-tucson.jpg) no-repeat;
}
.tucsonFooter a
{
	text-decoration:underline; 
	color:#ffcc99; 
	font-size: 11px;
}
.tucsonFooter a:Hover 
{
	text-decoration:underline; 
	color:#ffffff;
}
.tucsontext	 
{
	color:#cc9966; 
	font-size: 11px;
}


/* TEXT COLOR AND DESIGN */		
.author /* used in Features */	
{
	margin:10px 0px;
	color:#666666;
}
.fineprint
{
	font-size:10px;
	color:#666666;
}
#features dd h2
{
	margin-top:10px;
	font-weight:normal;
	border:1px solid #000000;
	border-width:0px 0px 1px 0px;
}


/*Chamber Styles*/
#chamber ul
{
	float:left;
	list-style-image:url(/images/neutral.gif);
}
#chamber ul li
{
	text-indent:-13px;
	margin-left:10px;
}
.alphabetlist
{
	text-align:center;
	white-space:nowrap;
}
.chamberMem
{
	border-top: 1px dotted black; 
	margin-top: 5px;
	clear:both;
}
.chamberMem div
{
	clear:both;
}
.chamberMem div span
{
	font-weight:bold;
	display:block;
	float:left;
	width:120px;
	margin:4px 0px;
}
.chamberMem div div
{
	float:left;
	margin:4px 0px;
	clear:none !important;
}
#nwwarn .form label
{
	width:135px;
	text-align:right;
	float:left;
	clear:both;
	margin:5px;
}
#nwwarn .form input,#nwwarn .form select
{
	float:left;
	margin:2px;
}
h3.one, h3.two, h3.three 
{
	background-color: #669ACC ;
	background-repeat:no-repeat;
	background-position: left;
	text-indent:-9000px;
	height:38px;
	border:1px solid #444444;
	margin-top:10px;
}
h3.one
{
	background-image:url(/images/title-NW-1.jpg);
}
h3.two
{
	background-image:url(/images/title-NW-2.jpg);
}
h3.three
{
	background-image:url(/images/title-NW-3.jpg);
}

div.step
{
	padding:16px 4px;
	background:#a1c2e1;
	border:1px solid #777777;
	overflow:auto;
}
.required
{
	color:#990000;
	font-weight:bold;
}

/* : HEADLINES: layout style */		
/* : FEATURES NAVIGATION: graphics */		
.box li 		/* style for Features/Content navigation */
{
	padding-left: 0px;
	list-style-position: inside;
}
.box ul
{
	padding-left: 6px;
}
.box ul ul li
{
	list-style-image: url(/images/neutral.jpg);
	list-style-type: square;
}
#iefix .box ul ul li
{
	list-style-image: url(/images/neutralIE.jpg);
}
.box ul ul ul li
{
	list-style-image: none;
	list-style-type: circle;
}
.features ul li a
{
	font-size:10px;
	font-weight:bold;
}
.features ul ul li a
{
	font-weight:normal !important;
	font-size:11px;
}
li.plus				/* expand/collapse graphic for Features/Content navigation */
{
	list-style-image: url(/images/plus.jpg) !important;
}
li.minus				/* expand/collapse graphic for Features/Content navigation */
{
	list-style-image: url(/images/minus.jpg) !important;
}
h3.plus				/* expand/collapse graphic for Features/Content navigation */
{
	background:url(/images/plus.jpg) no-repeat left 12px;
	padding-left:15px;
	cursor:pointer;
}
h3.minus				/* expand/collapse graphic for Features/Content navigation */
{
	background:url(/images/minus.jpg) no-repeat left 12px;
	padding-left:15px;
	cursor:pointer;
}


/*Fix for IE 
* The list didn't look right because IE doesn't apply the same padding to list-style-images as firefox*/
#iefix li.plus
{
	list-style-image: url(/images/plus.gif) !important;
}
#iefix li.minus				
{
	list-style-image: url(/images/minus.gif) !important;
}
.weather h2
{
	padding-left:30px;
	padding-bottom:6px;
	background:url(/images/icon-sun_and_cloud24.png) transparent left center no-repeat;
}
h2
{
	font-size:16px;
	border-bottom:dashed 1px #CCCCCC;
	padding-bottom:4px;
}
.event
{
	margin-top:20px;
}
.features h2
{
	padding:6px 0 3px 30px;
	background:url(/images/icon-text_rich_marked24.png) transparent left top no-repeat;
}
.events h2 span, .features h2 span
{
	color:#999999;
	font-size:11px;
	font-weight:normal;
	padding-bottom:5px;
	vertical-align:middle;
}
.events h2
{
	margin-top:25px;
	padding:6px 0 3px 30px;
	background:url(/images/ICON-calendar24.png) transparent left top no-repeat;
}
.links h2
{
	padding-left:30px;
	padding-bottom:6px;
	background:url(/images/icon-link24.png) transparent left center no-repeat;
}
.content dt h2
{
	padding-left:30px;
	padding-bottom:6px;
	background:url(/images/icon-document24.png) transparent left center no-repeat;
}
.regionImage
{
	margin-bottom:0px !important;
}
.regionImage img
{
	display:block;
	margin:auto; 
	max-width: 203px;
}
.regionNav
{
/*		margin-top:0px !important;
	border-top:0px !important;*/
}
.nwwarnSignUpLink, .internalWebLink, .signUpEmerLink, .signUpLink, .amberSignUpLink, .activeAmberLink
{
	margin:10px;
	padding:10px 0 10px 41px;
	background-color:transparent;
	background-position:5px 10px;
	background-repeat: no-repeat;
	font-size:10px;
	text-align:center;
	border:2px dashed #cccccc;
}
.nwwarnSignUpLink
{
	background-image:url(/images/icon-mda32.png);
}
.internalWebLink
{
	background-image:url(/images/icon-text_lock32.png);
}
.signUpEmerLink
{
	background-image:url(/images/icon-receiver2-32.png);
	background-position:5px 11px;
}
.signUpLink
{
	background-image:url(/images/ICON-mobilephone1-32.png);
	background-position:5px 9px;
}
.amberSignUpLink
{
	background-image:url(/images/icon-users_family32.png);
}
.activeAmberLink
{
	background-image:url(/images/icon-user1_view32.png);
}
.editorContent ul 
{
	margin: 15px 0;
}
.editorContent ul li
{
	margin-left: 20px;
	list-style-position: outside;
}


/* School Signup Form */		
A.whitelinks		{font-family: Verdana, Arial;text-decoration:underline; color:#ffffff; font-size: 12px;}
A.whitelinks:Hover	{text-decoration:none; color:#ffffff;}
A.signuplinks		{font-family: Verdana, Arial;text-decoration:underline; color:#99ccff; font-size: 10px;}
A.signuplinks:Hover {text-decoration:none; color:#99ccff;}
A.signupemail		{font-family: Verdana, Arial;text-decoration:underline; color:#ffffff; font-size: 10px;}
A.signupemail:Hover {text-decoration:none; color:#ffffff;}
A.language			{font-family: Verdana, Arial; text-decoration:underline; color:#99ccff; font-size: 10px;}
A.language:Hover	{text-decoration:none; color:#ffffcc;}
A.ltyellow			{font-family: Verdana, Arial; text-decoration:underline; color:#ffffcc; font-size: 10px;}
A.ltyellow:Hover	{text-decoration:none; color:#ffffff;}
A.links  {font-family: Verdana, Arial; text-decoration:underline; color:#3366cc; font-size: 11px;}
A.links:Hover {text-decoration:none; color:#cc0000;}
	
.whlgtitle		{font-family: Verdana, Arial;color:#ffffff; font-size: 22px;}
.whbody   		{font-family: Verdana, Arial;color:#ffffff; font-size: 10px;}
.whlgbody		{font-family: Verdana, Arial;color:#ffffff; font-size: 11px;}
.rdsmbody		{font-family: Verdana, Arial;color:#990000; font-size: 10px;}
.optinlgbody	{font-family: Verdana, Arial;color:#003366; font-size: 11px;}
.optinbody		{font-family: Verdana, Arial;color:#000000; font-size: 10px;}
.smbody			{font-family: Verdana, Arial;color:#000000; font-size: 10px;}
.lgbody			{font-family: Verdana, Arial;color:#000000; font-size: 13px;}
.optinsmbody	{font-family: Verdana, Arial;color:#003366; font-size: 10px;}
.rdbody			{font-family: Verdana, Arial;color:#990000; font-size: 11px;}
.pipe			{font-family: Verdana, Arial;color:#6699cc; font-size: 10px;}
.pipetext		{font-family: Verdana, Arial;color:#99ccff; font-size: 10px;}
.grbody			{font-family: Verdana, Arial; color:#999999; font-size: 10px;}


/* Public Signup Form */		
A.whitelinks  {font-family: Verdana, Arial; text-decoration:underline; color:#ffffff; font-size: 10px;}
A.whitelinks:Hover {text-decoration:none; color:#ffffff;}


/* Public Signup Form - Titles with white border box */		
fieldset
{
	padding:20px 20px 20px 20px;
	margin-bottom:10px;
	background:#6699CC;
	border:1px solid #aabbcc;
}
legend
{
	padding: 0px 10px;
	margin-left:0px;
	background:#6699CC;
	border:0px;
}
legend span
{
	font-size:25px; 
	color:white; 
	font-style: italic;
	/*font-weight: bold;*/
}


/*FCK styles*/
.smallest	{font-size: 10px;}
.smaller	{font-size: 11px;}
.small		{font-size: 12px;}
.medium		{font-size: 14px;}
.large		{font-size: 16px;}
.larger		{font-size: 18px;}
.largest	{font-size: 20px;}
.xlargest	{font-size: 25px;}


/* css from old design; internal site */

/*Public Alert Box*/
.PBBoxbackgroundBorder
{
	background-color: #ffffcc; 
	background-image: url(/images/pb-middleBG.jpg); 
	background-repeat: repeat-x;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.PBBoxInnerBorder
{
	border-left:1px solid #ffffcc;
	border-right:1px solid #ffffcc;
}

.PBBoxBody
{
	text-align:left; 
	margin: 0px 20px 0px 30px; 
	font-family:Verdana,Arial; 
	font-size:11px; 
}

/*EAS Alert Box*/
.EBBoxbackgroundBorder
{
	background-color: #FFCC99; 
	background-image: url(/images/Eb-middleBG.jpg); 
	background-repeat: repeat-x;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.EBBoxInnerBorder
{
	border-left:1px solid #FFCC99;
	border-right:1px solid #FFCC99;
}

.EBBoxBody
{
	text-align:left; 
	margin: 0px 20px 0px 30px; 
	font-family:Verdana,Arial; 
	font-size:11px; 
}

/*Weather Alert Box*/
.WBBoxbackgroundBorder
{
	background-color: #D5ADD5; 
	background-image: url(/images/Wb-middleBG.jpg); 
	background-repeat: repeat-x;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.WBBoxInnerBorder
{
	border-left:1px solid #D5ADD5;
	border-right:1px solid #D5ADD5;
}

.WBBoxBody
{
	text-align:left; 
	margin: 0px 20px 0px 30px; 
	font-family:Verdana,Arial; 
	font-size:11px; 
}

/* text links */		
A.alerts  {font-family: Verdana, Arial; text-decoration:none; color:#003366; font-size: 10px;}
A.alerts:Hover {text-decoration:underline; color:#003366;}
A.INTredsmlink  {font-family: Verdana, Arial; text-decoration:underline; color:#cc3300; font-size: 10px;}
A.INTredsmlink:Hover {text-decoration:none; color:#cc3300;}
A.links  {font-family: Verdana, Arial; text-decoration:underline; color:#3366cc; font-size: 11px;}
A.links:Hover {text-decoration:none; color:#003366;}
A.navside  {font-family: Verdana, Arial; text-decoration:none; color:#cc3300; font-size: 10px;}
A.navside:Hover {text-decoration:underline; color:#cc3300;}
A.smlinks  {font-family: Verdana, Arial; text-decoration:none; color:#3366cc; font-size: 10px;}
A.smlinks:Hover {text-decoration:underline; color:#003366;}
A.weathercenter  {font-family: Verdana, Arial; text-decoration:underline; color:#ffffcc; font-size: 10px;}
A.weathercenter:Hover {text-decoration:none; color:#ffffcc;}
A.whcopyright  {font-family: Verdana, Arial; text-decoration:underline; color:#ffffff; font-size: 10px;}
A.whcopyright:Hover {text-decoration:none; color:#ffffff;}
A.whlink  {font-family: Verdana, Arial; text-decoration:none; color:#ffffff; font-size: 10px;}
A.whlink:Hover {text-decoration:underline; color:#ffffff;}

/* links - latest dated 10-22-09 */		
A.linkBlue10  {font-family: Verdana, Arial; text-decoration:underline; color:#3366cc; font-size: 10px;}
A.linkBlue10:Hover {text-decoration:none; color:#003366;}
A.linkBlue11  {font-family: Verdana, Arial; text-decoration:underline; color:#3366cc; font-size: 11px;}
A.linkBlue11:Hover {text-decoration:none; color:#003366;}
A.linkBlue12  {font-family: Verdana, Arial; text-decoration:underline; color:#3366cc; font-size: 12px;}
A.linkBlue12:Hover {text-decoration:none; color:#003366;}
A.linkBlue13  {font-family: Verdana, Arial; text-decoration:underline; color:#3366cc; font-size: 13px;}
A.linkBlue13:Hover {text-decoration:none; color:#003366;}


/* text */		
.body  {font-family: Verdana, Arial; color:#000000; font-size: 11px;}
.copyright  {font-family: Verdana, Arial; color:#99ccff; font-size: 10px;}
.dkgreybody  {font-family: Verdana, Arial; color:#666666; font-size: 11px;}
.greybody  {font-family: Verdana, Arial; color:#999999; font-size: 11px;}
.greysmbody  {font-family: Verdana, Arial; color:#999999; font-size: 10px;}
.INTtitle  {font-family: Verdana, Arial; color:#990000; font-size: 14px;}
.privacyTitle  {font-family: Verdana, Arial; color:#003366; font-size: 30px;}
.rdbody  {font-family: Verdana, Arial; color:#990000; font-size: 11px;}
.rdlgbody  {font-family: Verdana, Arial; color:#990000; font-size: 12px;}
.whbody  {font-family: Verdana, Arial; color:#ffffff; font-size: 10px;}
.whlgbody  {font-family: Verdana, Arial; color:#ffffff; font-size: 11px;}

/* text - latest dated 10-22-09 */		
.textBlack10	{font-family: Verdana, Arial; color:#000000; font-size: 10px;}
.textBlack11	{font-family: Verdana, Arial; color:#000000; font-size: 11px;}
.textBlack12	{font-family: Verdana, Arial; color:#000000; font-size: 12px;}
.textBlack13	{font-family: Verdana, Arial; color:#000000; font-size: 13px;}
.textRed14		{font-family: Verdana, Arial; color:#990000; font-size: 14px;}
.textgrey10		{font-family: Verdana, Arial; color:#666666; font-size: 10px;}

TABLE.monitortable {font: 11px Verdana, Arial; BACKGROUND-COLOR: #999999;}/*These two set up the default font and table background.*/
TABLE.monitortable td {font-family: Verdana, Arial;}
.historyWhite  {font-family: Verdana, Arial; color:#000000; font-size: 10px; background-color: #ffffff;}/*These set the TD's font and background color within the table.*/

