/* HTML Tag Redefinition */
html, body {height: 100%;  }

html {background: url(http://www.yerba-buena.net/themes/yerba/images/html-bg.jpg) repeat top center; }

body {
	background: url(http://www.yerba-buena.net/themes/yerba/images/body-bg.jpg) repeat-x top center; 
	padding: 0px;
	margin: 0px;
	font: normal normal 14px Helvetica, Arial, sans-serif;
	color: #555;
}

img {border: 0px}
a 
{ cursor:pointer}
a,a:visited,a:active {
	color: #66aa33;
	outline: none;

}
a:hover {
	color: #66CC00;
} 

label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ 
	width: 962px;
	padding: 0 21px; 
	margin: auto; 
	text-align: left; 
	background: url(http://www.yerba-buena.net/themes/yerba/images/page-bg.png) repeat-y top center;
}



#page #headerSpacer{ height:64px }
#page #header { 
	background: url(http://www.yerba-buena.net/themes/yerba/images/yerba-header.jpg) no-repeat;
	height: 119px;
	width: 960px;
} 


#page #header h1 {
	font-size: 1px;
	text-indent: -1337px;
}


#page #header #logo { 
	padding: 0px; 
	margin: 15px 0 0 25px; 
	float: left;
	background: url(http://www.yerba-buena.net/themes/yerba/images/yerba-logo.jpg) no-repeat;
	width: 260px;
	height: 80px;
}


#page #header #logo a {
	display: block;
	width: 260px;
	height: 80px;
}


#page #headerNav{ 
	width: 962px;
	margin: 0 auto;
	background: #616161 url(http://www.yerba-buena.net/themes/yerba/images/menu-bg.jpg) repeat-x;
	border-bottom: 1px solid #FFFFFF;
	position: relative;
}

#page #headerNav .nav { 
	list-style:none; 
	margin: 0 auto; 
	padding: 0; 
}


#page #headerNav .nav li {
	float: left; 
	margin: 0 12px; 
	color: #999; 
	font-size: 13px; 
 
	font-weight: bold;
	padding: 15px 0; 
}

#page #headerNav .nav li a { 
	text-decoration:none; 
	color:#FFFFFF;
	padding: 15px 5px; 
}

#page #headerNav .nav li a:hover {
/*
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
*/
	background: #9b9b9b;
}

#page #headerNav .nav li.nav-selected { 
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #9b9b9b;
	/* padding: 12px 5px 16px; */ 
}


#plans-link a {
	display: block;
	background: url(http://www.yerba-buena.net/themes/yerba/images/plans-link.jpg) no-repeat top left;
	height: 42px;
	width: 204px;
	float: right;
	margin: 40px 30px 0 0;
}

#plans-link a:hover {
	background-position: bottom left;
}

#menu-shadow {
	background: url(http://www.yerba-buena.net/themes/yerba/images/menu-shadow.png) repeat-x;
	height: 4px;
	position: absolute;
	top: 0px;
	z-index: 5;
	width: 100%;
}


#page #central{
	background: url(http://www.yerba-buena.net/themes/yerba/images/central-bg.jpg) no-repeat top #ffffff; 
	border-top: 1px solid #999999;
	clear:both;
	padding: 25px 35px; 
}

#page .no-sidebar { background-image: none !important}
#page #central.central-left {  }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {
	/* padding-left: 68px !important;  */
	padding-right: 0px !important; 
	float: right;
}
 
#page #central #body{ 
	float: left; 
	width:560px; 
	padding-right: 28px; 
	padding-left: 0px !important; 
	padding-right: 0px !important; 
	border-left: 1px solid #097C53;
	padding-left: 40px !important;
}

#page #body ul { 
	list-style: none; 
	padding: 0px; 
}
#page #body li { 
	list-style: square;
	padding-left: 5px;
}

#page #body .AwardsBox {
	height: 310px;
	width: 550px;
	background: url(http://www.yerba-buena.net/themes/yerba/images/awards-box.jpg)top left repeat-x;
}

#page #body .AwardsTitle {
	margin-left: 80px;
	padding-top: 20px;
	width: 400px;
}

#page #body .AwardsBox h4 {
	text-align: center;
	color: #097C53;
}

#page #body .AwardsBox ul { 
	padding-left: 35px;
}

#page #body .AwardsBox li { 
	list-style: square;
	padding-bottom: 5px;
	font-style: italic;
	font-weight: bold;
	font-size: 0.95em;
}

#page .no-sidebar #body{ float: none !important; width: auto !important; }

#page #central #sidebar{ 
	float: right; 
	width: 258px; 
	overflow: hidden; 
}



#page #central.navLeft{ background:url(http://www.yerba-buena.net/themes/yerba/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#footer{ 
	clear:both; 
	color: #fff; 
	font-size:10px; 
	background: url(http://www.yerba-buena.net/themes/yerba/images/footer-bg.png) repeat-y bottom center;
	width: 962px;
	margin: 0 auto;
	padding: 0 21px;
}

#footer-inner {
	width: 918px;
	margin: 0 auto; 
	padding: 20px 21px 35px;
}

#footer a { 
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	color: #F4BD37;
}

#footer span.sign-in {margin-left: 20px}
#footer span.powered-by { float:right; }






/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */

.call-today {
	font-size: 1.75em;
	font-weight: bold;
	color: #475E9A;
	margin: 10px 0;
}

.call-today span {
	display: block;
	font-size: .8em;
	line-height: 1.5em;
}

#services {
	margin-top: 20px;
	font-size: 1.5em;
}

#services ul {
	padding: 0px;
}


#services ul li {
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #097C53;
}

#services a {
	text-decoration: none;
	color: #999;
	padding: 5px;
}

#services a:hover {
	color: #FFF;
	background: url(http://www.yerba-buena.net/themes/yerba/images/sidebar-link-hover-bg.jpg) repeat-x
}


.locations {
	padding: 0;
}

.locations li {
	list-style: none !important;
}

#body ul li {
	list-style: disc;
	margin: 5px;
}


.clear {
	clear: both;
}

h2, h3, h4 {
	color: #097c53;
	margin: 0 0 10px 0;
}

p {
	line-height: 18px;
}


#body h2 {
	font-size: 2.7em;
	margin: 0 0 15px 0;
}

#body h3 {
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

#splash {
	position: relative;
	
}

#splash-copy-container {
	position: absolute;
	z-index: 4;
	background: url(http://www.yerba-buena.net/themes/yerba/images/splash-content-bg.png) no-repeat top left;
	height: 278px;
	width: 542px;
	color: #FFFFFF;
}

#splash-copy {
	width: 380px;
	margin: 10px 0 0 25px;
}

#splash-copy h2 {
	color: #FFFFFF;
	font-size: 3em;
	margin: 35px 0 15px;
}

#splash-copy p {
	font-size: 1.5em;
	margin-top: 0px;
	line-height: 1em;
}

#recent-project-container {
	margin-top: 25px;
}

.recent-projects {
	border-top: 1px solid #097C53;
	padding: 15px 0 5px;
	margin-bottom: 10px;
}

.recent-projects img {
	float: right;
	width: 145px;
}

.recent-projects h3 {
	font-size: 1.25em !important;
	float: left;
	margin: 5px 0;
	width: 380px;
}

.recent-projects p {
	float:left;
	margin-top:5px;
	width: 380px;
}

#subpage-copy-container {	
	position: absolute;
	z-index: 4;
	background: url(http://www.yerba-buena.net/themes/yerba/images/splashcontentsubbg.png) no-repeat top left;
	height: 150px !important;
	width: 542px;
	color: #FFFFFF;
}


#page #central-subpage{
	background: url(http://www.yerba-buena.net/themes/yerba/images/central-subbg.jpg) no-repeat top #ffffff; 
	border-top: 1px solid #999999;
	clear:both;
	padding: 25px 35px; 
}

#page #central-subpage.central-left div#sidebar {float: left !important; }


#page #central-subpage.central-left #body {
	padding-left: 40px !important; 
	padding-right: 0px !important; 
	float: right;
	border-left:1px solid #097C53;
	
}



#page #central-subpage #sidebar{ 
	float: right; 
	width: 258px; 
	overflow: hidden; 
}

#page #central-subpage #sidebar p{ line-height:24px}

#page #central-subpage #sidebar ul.nav { 
	list-style: none; 
	margin-left: 0px; 
	padding: 0px; 
	padding-left: 24px; 
	font-size: 1.1em;
}
#page #central-subpage #sidebar ul.nav li { 
	margin-bottom: 16px;
	list-style: none;
	background: url(http://www.yerba-buena.net/themes/yerba/images/link-arrow-down.png) no-repeat left top;
	padding-left: 14px;
}

#page #central-subpage #sidebar ul.nav a { 
	text-decoration:none; 
	color: #097C53; 
}

#page #central-subpage #sidebar ul.nav a:hover { 
	color: #999; 
}

#page #central-subpage #sidebar ul.nav li.nav-selected {
  font-weight: bold;
  background: url(http://www.yerba-buena.net/themes/yerba/images/link-arrow-right.png) no-repeat left top !important;
}

#page #central-subpage #sidebar ul.nav a:hover{ text-decoration:underline }

#page #central-subpage #sidebar ul.nav ul{ 
	list-style: none; 
	margin-left: 0px; 
	padding: 0px; 
	padding-left: 16px; 
	margin-top: 16px; 
}

#page #central-subpage #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central-subpage #body{ 
	float: left; 
	width: 560px; 
	padding-left: 0px !important; 
	padding-right: 0px !important; 
}


#page #central-subpage.full-subpage #body { 
	float: left; 
	width: 100%; 
	padding-left: 0px !important; 
	padding-right: 0px !important; 
}



table input, textarea {
	border: 1px solid #9B9B9B;
	padding: 4px;
}


#projects-page {
	
}

#projects-page h3 {
	margin-bottom: 0px;
	font-size: 1.1em;
}

#projects-page img {
	float: right;
	padding: 0 0 4px 4px;
}


#body #staff-table, #projects-table, #ca-bidboard, #utah-bidboard{
	border: 1px solid #999;
	border-collapse: collapse !important;
	margin-bottom: 20px;
}

#body #staff-table thead, #projects-table thead, #ca-bidboard thead, #utah-bidboard thead {
	background: #097C53 !important;
	color: #FFF;
	font-weight: bold;
}

#body #staff-table td, #projects-table td, #ca-bidboard td, #utah-bidboard td {
	border: 1px solid #999;
	padding: 5px;
}




#social-icons {
	margin: 10px 0;
}


#social-icons img {
float: left;
margin-right: 10px;

}

#body div img {
	margin: 0 0px 4px 4px;
}