body {
	width: 100%;
	background: #DDDDDD url(images/sub_bkg.jpg) top left repeat-x;
	margin: 0px auto;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000;
}
body.home {
	width: 100%;
	background: #DDDDDD url(images/main_bkg.jpg) top left repeat-x;
	margin: 0px auto;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000;
}

body.tucson {
	width: 100%;
	background: #DDDDDD url(images/main_bkg.jpg) top left repeat-x;
	margin: 0px auto;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000;
} 

body.nm {
	width: 100%;
	background: #DDDDDD url(images/main_bkg.jpg) top left repeat-x;
	margin: 0px auto;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000;
}

img {
	border: none;
}
a {
	text-decoration: none;
	color: #641d00;
}
a:hover {
	text-decoration: underline;
}
h1 {
	margin: 0px;
	font-size: 20px;
	color: #fff;
}
h2 {
	margin: 10px 0px;
	font-size: 16px;
	color: #641d00;
}
h2.pencil {
	padding-left: 24px;
	background: transparent url(images/icon_pencil.png) center left no-repeat;
	position: relative;
	left: -24px;
	text-transform:uppercase;
}
h3 {
	margin: 10px 0px;
	font-size: 14px;
	color: #4F4F4F;
}
#leftBkg {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0px;
	z-index: -1;
	background: transparent url(images/l_bkg.jpg) top left repeat-x;
}
#header {
	width: 960px;
	height: 100px;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}
#logo{
	display: block; 
	width: 228px; 
	height: 100px; 
	float: left; 
	background: url(images/CHDW_logo.jpg) no-repeat; 
	text-indent: -9999px;
}
#logo a{
	display: block; 
	width: 228px; 
	height: 100px;
}
#secondNav {
	position: relative;
	width: 732px;
	height: 64px;
	float: left;
	background: transparent url(images/tertiary_bkg.jpg) top left no-repeat;
}
#secondNav .content {
	text-align: right;
	padding: 4px;
	color: #fff;
}
#secondNav img {
	position: relative; 
	top: 4px;
	margin-left: 16px;
}
#secondNav a {
	text-decoration: none;
	color: #ddd;
}
#secondNav a:hover {
	text-decoration: none;
	color: #fff;
}
#tweets {
	width: 190px;
}
#tweets ul {
	margin: 0px;
	padding: 0px;
}
#tweets li{
	list-style: none;
	/*float: left;*/
}

/* EFORM STYLES 11/2009 Mporembski */
.formError{

}

#EduRegForm label.formError{
	color:#CC1111;
	font-weight:bold;
}
/* END EFORM STYLES */

/* NAV STYLES */

#navbar {width: 960px; height: 32px; position: absolute; top: 67px; left: 0px; margin: 0px; z-index: 0;}

#nav {padding: 0px; margin: 0px; list-style: none; width: 732px; text-align: center; color: #333; margin-left: 228px;}
#nav ul { margin: 0px; list-style: none; width: 732px; text-align: center; color: #333;}

#nav li {display: inline;}
#nav li a {text-decoration: none; font-family: arial,helvetica,verdana,sans-serif; font-size: 13px; color: #333;}
#nav li a b {display: inline-block; height: 32px; line-height: 32px; padding: 0px 8px; cursor: pointer;text-transform:uppercase;}

#nav b {border-left: 1px solid #9A9A9A; border-top: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A;}
#nav b.hover {color: #000; background-color: #AAA; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; border-right: 1px solid #7F7F7F;}

#nav ul {display: none;}
#nav ul {position: absolute; left: 0px; top: 37px; background: transparent url(images/navbar_bkg.png) top left repeat; padding-left: 228px;}
#nav ul li {display: inline; position: relative;}
#nav ul li a {display: inline; padding: 7px 10px; font-size: 12px; line-height: 30px; cursor: pointer; color: #333;}
#nav ul li a:hover {color: #641d00;}

#nav ul li {border-right: 1px solid #666;}
#nav ul li.last {border: none;}

#nav .active b {color: #000; background-color: #AAA; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; border-right: 1px solid #7F7F7F;}

/* END NAV STYLES */

#wrapper {
	width: 960px;
	margin: 0px auto;
	background-color: #fff;
	padding: 5px 0px;
}
#overlay {
	position: absolute;
	z-index: 100;
}
#homeFeature {
	width: 950px;
	height: 237px;
	margin: 0px 5px;
	background-color: #666;
}
.imgone {
	width: 950px;
	height: 237px;
	background-color: #000;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
#feature {
	width: 950px;
	height: 154px;
	margin: 0px 5px 5px;
	background: #666 url(images/feature_sub.jpg) top left no-repeat;
}
#feature h1 {
	width: 700px;
	font-size: 20px;
	position: relative;
	top: 90px;
	left: 238px;
}
#subhead {
	height: 29px;
	width: 950px;
	margin: 5px;
	background-color: #D2D2D2;
}
#mainContent {
	width: 950px;
	background-color: #fff;
	margin-bottom: 5px;
}
#container {
	clear: both;
	width: 950px;
	margin: 0px 5px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#leftCol {
	width: 725px;
	float: left;
	background: #fff url(images/page_bkg.jpg) top left repeat-x;
}
#leftCol .content {
	text-align: left;
	padding: 10px 20px 10px 40px;
	line-height: 1.8em;
	text-align: justify;
}
#rightCol {
	width: 225px;
	float: left;
}
#rightCol .content {
	text-align: left;
	padding:  10px 20px;
	line-height: 1.8em;
}
#wideCol {
	width: 950px;
	float: left;
}
#wideCol .content {
	text-align: left;
	padding:  20px;
	line-height: 1.8em;
}
#innerCols {
	width: 685px;
	margin: 0px auto;
	padding-bottom: 10px;
}
#innerLeft {
	width: 443px;
	float: left;
}
#innerLeft .content {
	padding: 4px 20px 10px 20px;
	text-align: justify;
}
#innerRight {
	width: 240px;
	border-left: 2px dotted #AEAEAE;
	float: left;
}
#innerRight .content {
	padding: 4px 0px 10px 20px;
	text-align: left;
}
p.intro:first-line {
	font-weight: bold;
}
img.floatRight {
	float: right;
	margin: 10px 0px 10px 10px;
}
.dotLine {
	height: 16px;
	border-bottom: 2px dotted #AEAEAE;
	clear: both;
}
.fadeBar {
	height: 5px;
	background: transparent url(images/fadeBar.gif) top center no-repeat;
	margin: 16px 0px;
	clear: both;
}
.float {
	float: right;
}
.linkArrow {
	font-size: 16px;
	margin-left: 4px;
}
a.calendar {
	padding: 4px 0px 0px 22px;
	line-height: 22px;
	margin-right: 14px;
	background: url(images/icon_calendar.png) top left no-repeat;
	}
a.contact {
	padding: 4px 3px 0px 22px;
	line-height: 22px;
	margin-right: 14px;
	background: url(/assets/images/contact_icon.png) top left no-repeat;
}
a.newsletter {
	padding: 4px 0px 0px 22px;
	line-height: 22px;
	margin-right: 14px;
	background: url(images/icon_newsletter.png) top left no-repeat;
}
a.links {
	padding: 4px 0px 0px 22px;
	line-height: 22px;
	margin-right: 14px;
	background: url(images/icon_links.png) top left no-repeat;
}
#footer {
	width: 950px;
	margin: 0px 5px;
	background-color: #DDD;
}
#footer .content {
	font-size: 11px;
	color: #666;
	line-height: 1.4em;
	padding: 5px 20px;
}
#footer a {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	text-decoration: none;
	color: #000;
}
/* MATT */

 #locNav {
    width: 223px; height: 237px;
    background: url(/images/locMenu.png);
    margin: 0; padding: 0;
    position: relative;}
  #locNav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}
  #locNav li, #locNav a {
    height: 20px; display: block;}

  #locPH {left: 9px; top: 57px; width: 140px;}
  #locTUC {left: 9px; top: 109px; width: 130px;}
  #locNM {left: 9px; top: 161px; width: 190px;}
  
  #locPH a:hover {background: transparent  url(/images/locMenu.png)
    -9px -293px no-repeat;}
  #locTUC :hover {background: transparent  url(/images/locMenu.png)
    -9px -345px no-repeat;}
  #locNM :hover {background: transparent  url(/images/locMenu.png)
    -9px -397px no-repeat;}
	
   body.home a.home{
	background: transparent  url(/images/locMenu.png)
    -9px -530px no-repeat;
   }
   
    body.home a.home:hover{
	background: transparent  url(/images/locMenu.png)
    -9px -57px;
	cursor:default;
   }
   
   body.tucson a.tucson{
	background: transparent  url(/images/locMenu.png)
    -9px -582px no-repeat;
	cursor:default;
   }
   
   body.nm a.nm{
	background: transparent  url(/images/locMenu.png)
    -9px -634px no-repeat;  
	cursor:default;
   }
   
