/***** Maricopa Chamber of Commerce *****/
/***** © 2009 Maricopa Chamber of Commerce *****/
/***** Designed & coded by Factor 1 studios *****/
/***** http://www.factor1studios.com *****/


/***** Global Settings *****/

* {
	margin: 0;
}

html, body {
border:0;
margin:0;
padding:0;
height: 100%;
}

body {
font:.9em/1.4em arial, helvetica, sans-serif;
background: url(../images/header.jpg) repeat-x top #fff;
color:#4c3b25;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
color:#4c3b25;
}

h1 {
padding:20px 0 5px 0;
letter-spacing:-1px;
font:2.3em trebuchet ms, trebuchet, arial, helvetica, sans-serif;
border-bottom: 3px solid #4c3b25;
margin: 0 0 20px 0;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em trebuchet ms, trebuchet, arial, helvetica, sans-serif;
}

h3 {
font:1em trebuchet ms, trebuchet, arial, helvetica, sans-serif;
font-weight:bold;
padding-bottom: 5px;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
list-style:disc;
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
text-decoration:underline;
color:#4c3b25;
}

a:hover {
text-decoration: none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -105px; /* the bottom margin is the negative value of the footer's height */
}

/***** header *****/

#header h1 {
float:left;
display:block;
padding: 12px 0 0 22px;
text-indent:-2000px;
margin: 0;
border: none;
}
	
	#header h1 a {
	width:255px;
	height:102px;
	display:block;
	background:url(../images/chamberlogo.png) no-repeat;
	}
	
	
/***** TopNav *****/

#topnav {
	float: right; 
	margin: 0 0 0 0;
	background: #53113f;
	border-bottom: 1px solid #400b2e;
	height: 23px;
	display: block;
	font-size: .7em;
	padding: 3px 2px 0 2px;
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#topnav li {
list-style: none;
margin: 0;
padding: 0 10px;
*padding: 0 9px;
float: left;
display: block;
}

#topnav a {
color:#fff;
text-decoration: none;
}

#topnav a:hover {
color:#d3bfcc;
}

/***** Main Nav*****/
#mainnav {
	float: right;
	margin: 60px 0 0 35px;
	text-align: right;
	clear: right;
	color:#FFF;
	text-transform: uppercase;
	text-align: right;
	width: 600px;
}

#mainnav li {
float: left;
display: block;
}

#mainnav li a {
color:#fff;
text-decoration: none;
margin: 0 13px;
padding: 6px 5px;
}

#mainnav ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
}

#mainnav li a:hover {
	border-bottom: 3px solid #681a4d;
}

#mainnav li:last-child {
border: none;
}

/***** Content General *****/

/***** Home *****/

.ui-tabs .ui-tabs-hide {
     display: none;
}

#mobilehome {display: none !important;}



#tabs {
width: 952px;
height: 372px;
display: block;
display: block;
margin-top: 45px;
*margin-top: 65px;
background: url(../images/home-jquery.jpg) no-repeat;
padding: 3px 4px 0 4px;
overflow-y: hidden;

}

.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
display: block;
cursor: pointer;
}

.tabNavigation li a {
margin: 0;
float: left;
display: block;
width: 237px;
height: 19px;
border-right: 1px solid #d8d8d8;
font-size: 1.2em;
text-align: center;
text-decoration: none;
}

.tabNavigation #tourismbox a {
border: none;
width: 238px;
}

.tabNavigation a {
text-decoration: none;
color:#666666;
padding: 27px 0 28px 0;
display: block;
}

#residentbox a, #businessbox a, #potentialbox a, #tourismbox a {
text-decoration: none;
}

#residentbox, #businessbox, #potentialbox, #tourismbox {
float: left;
display: block;
}

#residentbox.ui-tabs-selected a {
background: #545153;
color:#fff;
}

#residentbox a:hover {
background: #545153;
color:#fff;
}

#businessbox.ui-tabs-selected a {
background: #262225;
color:#fff;
}

#businessbox a:hover {
background: #262225;
color:#fff;
}

#potentialbox.ui-tabs-selected a {
background: #fed280;
color:#444;
}

#potentialbox a:hover {
background: #fed280;
color:#444;
}

#tourismbox.ui-tabs-selected a {
background: #93a9b4;
color:#fff;
}

#tourismbox a:hover {
background: #93a9b4;
color:#fff;
}

#resident-image {
background: url(../images/res-home.jpg) no-repeat;
color: #fff;
width: 952px;
height: 295px;
_margin: -5px 0 0 0;
}

#resident-image .jboxlink a {
color:#fff;
}

#business-image {
background: url(../images/biz-home.jpg) no-repeat;
color: #fff;
width: 952px;
height: 295px;
_margin: -5px 0 0 0;
}

#business-image .jboxlink a {
color:#fff;
}

#potential-image {
background: url(../images/prores-home.jpg) no-repeat;
color: #fff;
width: 952px;
height: 295px;
_margin: -5px 0 0 0;
}

#potential-image .jboxlink a {
color:#fff;
}

#tourism-image {
background: url(../images/tourism-home.jpg) no-repeat;
color: #000;
width: 952px;
height: 295px;
_margin: -5px 0 0 0;
}

#tourism-image .jboxlink a {
color:#000;
}

#events {
background: url(../images/upcoming-news.jpg) no-repeat;
width: 490px;
display: block;
float: left;
margin: 26px 0 0 3px;
padding: 20px;
font-size: 1.1em;
line-height: 1.5em;
}

#events h2 {
text-transform: uppercase;
color: #52113c;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
padding: 0 0 10px 0;
margin: 0;
}

#events a {
text-decoration: none;
}

#events a:hover {
text-decoration: underline;
}

#flash-banners {
width: 391px;
height: 189px;
float: right;
display: block;
margin: 26px 3px 0 0;
}

/******** home twitter updates ********/
	#twitter_div li {list-style: none; border-bottom: 1px solid orange; padding: 0 0 10px 0px; margin: 0 0 5px 0px; font-size: 0.8em; line-height: 1.1em;}
	#twitter_div ul {padding: 0px; height: 130px;}
	a.twitterlink {font-size: 10px;}
	
	

/***** Homepage jquery box items *****/

.jboxtext {
width: 418px;
font-size: 1.2em;
line-height: 1.6em;
padding: 42px 0 0 47px;
display: block;
}

.jboxbuttons {
height: 40px;
padding: 23px 0 0 47px;
}

.jboxbuttons ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.jboxbuttons li {
list-style: none;
display: block;
float: left;
}

.jboxbuttons a.button {
background: transparent url(../images/button_a.png) no-repeat scroll bottom right;
display: block;
float: left;
height: 40px;
margin-right: 12px;
padding-right: 15px; /* sliding doors padding */
text-decoration: none;
color: #fff;
}

.jboxbuttons a.button span {
background: transparent url(../images/button_span.png) no-repeat bottom left;
display: block;
line-height: 1em;
padding: 13px 0 13px 18px;
outline: none;
}
				
.jboxbuttons a.button:hover {
background: transparent url(../images/button_a-hover.png) no-repeat scroll bottom right;
outline: none; /* hide dotted outline in Firefox */
}

.jboxbuttons a.button:hover span {
background: transparent url(../images/button_span-hover.png) no-repeat bottom left;
padding: 13px 0 13px 18px;
}

.jboxlink {
padding: 15px 0 0 47px;
}

#hidden {
display: none;
}

/***** Subpage *****/

#headerphoto {
width: 960px;
display: block;
margin-top: 35px;
*margin-top: 55px;
}

#maintext {
width: 603px;
float: left;
display: block;
font-size: .95em;
}

#sidebar-nav {
width: 197px;
min-height: 300px;
height: auto;
_height: 300px;
background: url(../images/sidebar.png) no-repeat;
float: left;
display: block;
margin: 25px 0 0 22px;
padding: 0 0 15px 0;
font-size: .9em;
}

#sidebar-nav ul {
list-style: none;
padding: 17px 0 13px 0;
margin: 0 7px 0 0;
*padding: 15px 0 0 0;
*margin: 27px 7px 0 0;
_margin: 27px 0 0 0;
}

#sidebar-nav a {
width: 195px;
height: 25px;
}

#sidebar-nav li {
width: 195px;
height: 25px;
}

#sidebar-nav li a {
text-decoration: none;
padding: 0 0 0 13px;
width: 195px;
height: 25px;
display: block;
}

#sidebar-nav li h4 {
text-decoration: none;
padding: 0 0 0 13px;
width: 195px;
height: 25px;
font-size: 1.4em;
display: block;
}

#sidebar-nav li a:hover {
background: url(../images/sidebar-hover.png) no-repeat;
color:#fff;
}

.line {
margin: 0 5px 0 0;
width: 183px;
border-bottom: 1px solid #4c3b25;
float: right;
display: block;
_margin: 0 3px 0 0;
}

#sidebar-ads {
float: right;
display: block;
width: 120px;
margin: 25px 0 0 0;
}

#sidebar-ads img {
display: block;
padding: 0 0 20px 0;
}

/***** Board Bios *****/

#boardbios {
font-size: .95em;
}

#boardbios a {
text-decoration: none;
}

#boardbios ul {
margin: 0;
padding: 0;
list-style: none;
}

#boardbios a {
width: 252px;
height: 25px;
}

#boardbios li {
width: 252px;
height: 25px;
}

#boardbios li a {
text-decoration: none;
padding: 0 0 0 13px;
width: 252px;
height: 25px;
display: block;
}

#boardbios li a:hover {
background: url(../images/bio-hover.jpg) no-repeat;
color:#fff;
}

/***** Directory *****/

#maintext2 {
width: 760px;
float: left;
display: block;
font-size: .95em;
}

#maintext2 {
font-size: .8em;
}

#sidebar-nav2 {
width: 197px;
min-height: 300px;
height: auto;
_height: 300px;
background: url(../images/sidebar.png) no-repeat;
float: right;
display: block;
margin: 25px 0 0 0;
padding: 0 0 15px 0;
font-size: .9em;
}

#sidebar-nav2 ul {
list-style: none;
padding: 17px 0 13px 0;
margin: 0 7px 0 0;
*padding: 15px 0 0 0;
*margin: 27px 7px 0 0;
_margin: 27px 0 0 0;
}

#sidebar-nav2 a {
width: 195px;
height: 25px;
}

#sidebar-nav2 li {
width: 195px;
height: 25px;
}

#sidebar-nav2 li a {
text-decoration: none;
padding: 0 0 0 13px;
width: 195px;
height: 25px;
display: block;
}

#sidebar-nav2 li a:hover {
background: url(../images/sidebar-hover.png) no-repeat;
color:#fff;
}

#sidebar-nav2 li h4 {
text-decoration: none;
padding: 0 0 0 13px;
width: 195px;
height: 25px;
font-size: 1.4em;
display: block;
}

/***** Footer *****/

#push {
height: 105px;
padding: 10px 0 0 0;
}

#footer {
height: 105px;
background: url(../images/footerbg.jpg) repeat-x;
width: 100%;
font-size: .9em;
color:#fff;
line-height: 1.4em;
}

#footer a {
color:#fff;
}

#footertext {
width: 960px;
margin: 0 auto;
padding: 14px 0 0 0;
}

#f1, #f2 {
width: 300px;
float: left;
display: block;
padding: 0 20px 0 0;
}

#f3 {
width: 300px;
float: right;
display: block;
padding: 0 0 0 0;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }