/**
 * Site-wide base styling
 */
.center {
     text-align:                    center;
}
.left {
    text-align:                     left;
}
.right {
    text-align:                     right;
}
 .clear {
     clear:                         both;
}
.clear-left {
    clear:                          left;
}
.clear-right {
    clear:                          right;
}
.float-left {
    float:                          left;
    padding-right:                  1em;
}
.float-right {
    float:                          right;
    padding-left:                   1em;
}
body {
	color:                          #333333;
	background-image:				url(http://static.arroyogrande.org/assets/images/backgrounds/bg.png);
	background-repeat:				repeat-x;
	background-color:				#67422d;
}
h1, h2, h3, h4, h5, h6 {
	color:							#59743e;
}
h1 {
	font-size:						2em;	
}
h2 {
    font-size:                      1.5em;
}
h3 {
    font-size:                      1.25em;
    font-weight:                    bold;
}
hr {
	height:							1px;
	color:							#59743e;
}
img.left {
    float:                          left;
    margin:                         0 1em 0 0;
}
p {
	text-align:						justify;
}
.button {
	padding:              			2px;
	font-family:          			arial, sans-serif;
	font-weight:					bold;
	color:                			#ffffff !important;
	background-color:				#bbd1a9;
	text-transform:					uppercase;
	border:							solid 1px #59743e;
	cursor:               			pointer;
}
.button:hover {
	background-color:     			#59743e; 
}
.first {
	margin-top:						0;
}
/**
 * Link styling
 */
a {
	color:							#9c6644;
	text-decoration:				none;	
}
a:hover {
	color:							#b77f5c;
	text-decoration:				underline;
}
a.external {
	padding-left:					16px;
	background:						url(http://static.arroyogrande.org/assets/images/sprites/links.png) no-repeat top left;
	background-position:			0 -79px;
}
a.img, a.img img {
	padding:						0;
	background:						none;
	border:							none;
}
a.rss {
	display:						block;
	width:							18px;
	height:							18px;
	background:						url(http://static.arroyogrande.org/assets/images/sprites/links.png) no-repeat top left;
	background-position:			0 -120px;
}
a.skip {
    display:                        none;
}
/**
 * Quick links drop-down menu styling
 */
select.goTo {
	display:						block;
	width:							100%;
	margin-bottom:					0.5em;
	padding:						0.25em;
	color:							#666666;	
}
select.goTo option {
	padding:						0 0.25em;
}
select.goTo option.html {
	margin-left:					4px;
	padding-left:					20px;
	background:						url(http://static.arroyogrande.org/assets/images/sprites/links.png) no-repeat top left;
	background-position:			0 -20px;
}
select.goTo option.pdf {
	padding-left:					20px;
	background:						url(http://static.arroyogrande.org/assets/images/sprites/links.png) no-repeat top left;
	background-position:			0 -40px;
}
select.goTo option.external {
	padding-left:					20px;
	background:						url(http://static.arroyogrande.org/assets/images/sprites/links.png) no-repeat top left;
	background-position:			0 0;
}
/**
 * Email list links
 */
ul.email {
     list-style-type:               none;
     margin:                        0;
     padding:                       0;
}
ul.email li {
    padding:                        0 0 0 20px;
	background-image:               url(http://static.arroyogrande.org/assets/images/general/email.png);
    background-repeat:              no-repeat;
	background-position:			0 2px;
}
/**
 * Error styling
 */
.error {
	padding:						0.8em;
	margin-bottom:					1em;
	border:							2px solid #ddd;
	background:						#Fbe3e4;
	color:							#8a1f11;
	border-color:					#fbc2c4;
}
ul.errors {
	padding-left:					1em;
	list-style-type:				none;
	font-weight:					bold;
	color:							#8a1f11;
	border-left:					solid 2px #fbc2c4;	
}
.input-error {
	border-color:					#fbc2c4 !important;
	color:							#8a1f11 !important;
	background-color:				#fbe3e4 !important;
}
/**
 * Notice styling
 */
.notice {
     text-align:                    justify;
}
.notice a {
     color:                         #cc3300;
}
/**
 * Boxy overrides
 */
.boxy-wrapper {
	width:							600px;
}
.boxy-wrapper .title-bar {
	background-color:				#59743e;
}
.boxy-wrapper .title-bar h2 {
  font-weight:          			bold; 
}
.boxy-wrapper .question {
	width:							552px;	
}
.boxy-wrapper .answers input {
	width:							60px;
	padding:              			2px;
	font-family:          			arial, sans-serif;
	font-weight:					bold;
	color:                			#ffffff;
	background-color:				#bbd1a9;
	text-transform:					uppercase;
	border:							solid 1px #59743e;
	cursor:               			pointer;
}
.boxy-wrapper .answers input:hover {
	background-color:     			#59743e; 
}
.boxy-modal-blackout {
	background-color:     			#999999;
	overflow:						hidden;
}
#location-map {
    height:                         220px;
    margin-bottom:                  1em;
}
span.err {
    display:                        block;
    padding-left:                   0.5em;
    border-left:                    solid 2px #fbc2c4;
    color:                          #8a1f11;
    font-weight:                    bold;
}
div.search {
    margin-bottom:                  1em;
    padding:                        1em 1em 1em 16px;
	background-image:				url(http://static.arroyogrande.org/assets/images/backgrounds/highlight-bg.png);
	background-repeat:				repeat-y;
    border:                         solid 1px #d5d5d5;
}
div.search a {
    display:                        block;
    padding-left:                   32px;
}
div.search div.employment {
    width:                          16px;
    height:                         16px;
    float:                          left;
    margin-top:                     10px;
	background-image:				url(http://static.arroyogrande.org/assets/images/sprites/search.png);
    background-repeat:              no-repeat;
	background-position:			0 -80px;
}
div.search div.event, div.search div.meeting {
    width:                          16px;
    height:                         16px;
    float:                          left;
    margin-top:                     10px;
	background-image:				url(http://static.arroyogrande.org/assets/images/sprites/search.png);
    background-repeat:              no-repeat;
	background-position:			0 0px;
}
div.search div.html, div.search div.directory {
    width:                          16px;
    height:                         16px;
    float:                          left;
    margin-top:                     10px;
	background-image:				url(http://static.arroyogrande.org/assets/images/sprites/search.png);
    background-repeat:              no-repeat;
	background-position:			0 -48px;
}
div.search div.image {
    width:                          16px;
    height:                         16px;
    float:                          left;
    margin-top:                     10px;
	background-image:				url(http://static.arroyogrande.org/assets/images/sprites/search.png);
    background-repeat:              no-repeat;
	background-position:			0 -16px;
}
div.search div.news {
    width:                          16px;
    height:                         16px;
    float:                          left;
    margin-top:                     10px;
	background-image:				url(http://static.arroyogrande.org/assets/images/sprites/search.png);
    background-repeat:              no-repeat;
	background-position:			0 -32px;
}
div.search div.pdf, div.search div.newsletter, div.search div.public-notice, div.search div.press-release {
    width:                          16px;
    height:                         16px;
    float:                          left;
    margin-top:                     10px;
	background-image:				url(http://static.arroyogrande.org/assets/images/sprites/search.png);
    background-repeat:              no-repeat;
	background-position:			0 -64px;
}
.scrollable {
	position:                       relative;
	overflow:                       hidden;
	width:                          262px;
	height:                         105px;
}
.scrollable .items {
	width:                          20000em;
	position:                       absolute;
}
.items div {
    width:                          250px;
	float:                          left;
    padding:                        0 18px;
}
a.browse {
	display:						block;
	width:							16px;
	height:							16px;
    float:                          right;
	background:						url(http://static.arroyogrande.org/assets/images/sprites/links.png) no-repeat top left;
    cursor:                         pointer;
}
a.left {
	background-position:			0 -180px;
}
a.right {
    background-position:            0 -196px;
}
a.pause {
	display:						block;
	width:							16px;
	height:							16px;
    float:                          right;
	background:						url(http://static.arroyogrande.org/assets/images/sprites/links.png) no-repeat top left;
    cursor:                         pointer;
    background-position:            0 -212px;
}
a.disabled {
	visibility:                     hidden !important;
}