/** GENERAL TOOLS FOR BUSINESS STYLING **/

body {
	font-family: Arial, san-serif;
	font-size: 10pt;
	color: #666;
}
table {	font-family: Arial; font-size: 10pt; color: #666; border: none;}
.subhead {
	font-family: Arial, san-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666;
}
ul li {
	padding-left: 25px;
	font-family: Arial; font-size: 10pt;
	list-style:none;
}
ol {
	padding-top: 10px;
	padding-left: 25px;
}

ol li {
	font-family: Arial; font-size: 10pt;
}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   .styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(https://www.toolsforbusiness.info/success/images/new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
#submitBtn {
    /* styles the submit button */
	padding:4px;
		box-shadow: 10px 10px 5px #888888;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:200px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 12px;
}
#submitBtn2 {
    /* styles the submit button */
	padding:4px;
	
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#C9CAE6;
	width:200px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 12px;
}

#submitBtn3 {
    /* styles the submit button */
	padding:4px;
	
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#E2E2E2;
	width:80px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 12px;
}
#n2{
    display:none;
}
@media screen and (max-width: 600px) {
  #title_message {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
  #title_message2 {
    clear: both;
    float: left;
    margin: 10px auto 5px 50px;
    width: 28%;
  }

}
#trywidth {

	width:50%;
}
    #n2{
        display:block;
float:center;

	color:#000000;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight:bold;
	text-decoration:none;;
	margin: 15px 0px 23px 45px;
    }
    #n1{
        display:none;

    }
.wrapz {
	  /* force the div to properly contain the floated images: */
	  position:relative;
	  float:left;
	  clear:none;
	  overflow:hidden;
	}
	.wrapz img {
	  position:relative;
	  z-index:1;
	}
		.wrapz .desc {
	  display:block;
	  font-weight:600;
	  position:absolute;
	  width:90%;
	  font-family:arial;
	  font-size:13px;
	  top:20%;
	  left:65px;
	  z-index:2;
	  color:#00789F;
	  text-align:left;
	}
	.header_text2 {
	text-align:left;
	color:#000000;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight:bold;
	text-decoration:none;;
	margin: 15px 0px 23px 0px;
}
.wrapz .desc2 {
	  display:block;
	  font-weight:600;
	  position:absolute;
	  width:90%;
	  font-size:13px;
font-family:arial;
line-height:1.1em;
color:#00789F;
	  font-height: 13px;
	  top:5%;
	  left:65px;
	  z-index:2;
	  text-align:left;
	}h6 {
	font-size:14px;
	font-weight:bolder;
}
table.wide-table2
	{ width:731px; 
	margin-left: 15px;} 	
table.wide-table 
	{ width:781px; } 
table.med-table 
	{ width:493px; }
table.index-table 
	{ width:300px; } 
.borders { border-right-color: gray; 
 border-right-style: solid;
border-right-width: 1px; border-left-width: 2px;
padding-right: 6px; padding-left: 6px;}
.subhead2 {
	font-family: Arial, san-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #F06925;
	}
.subhead:hover {
	font-family: Arial, san-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: #ef6a24;
}

.navigation_head {
	font-family: Myriad Pro, Arial, san-serif;
	font-size: 11pt;
	font-weight: bold;
	text-transform:uppercase;
	color: #ef6a24;
}

.header_text {
	text-align:left;
	color:#58595b;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 0px 23px 0px;
}

.mainText {
margin-left:25px;

	font-family: Arial, san-serif;
	font-size: 10pt;
	color: #666;
	line-height:120%;
}	

.border {
	border: 8px solid #d3d2d2;
}

.border_secondary {
	border: 8px solid #e5e5e5;
}

.footer {
	margin: 10px 50px 30px 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	color:#000000;
}

.header_home_bkg {
	text-align:left;
	border:0px;

	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 0px 5px 0px;
}

.header_secondary_bkg {
	text-align:left;
	border:0px;

	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 0px 10px 0px;
}

.left_column_home {
	margin: 0px 15px 10px 15px;
	}

.right_column {
	margin: 0px 22px 10px 22px;
	}

.right_column_banners {
	margin: 0px 0px 15px 0px;
	}
	
.body_area_home {
	margin: 0px 27px 30px 45px;
	}
	
.body_area_secondary {
	margin: 0px 25px 30px 25px;
	}	

#nav {
	margin: 0px;
	padding: 0px;
}

#flash {
	float: left;
	margin-right: 1px;
}




/*** BULLET CLASS ***/

.body_area_secondary li {
margin-bottom:8px;
}


.list {
	list-style-image:url(https://www.toolsforbusiness.info/success-in-mississippi/images/Bullet.gif);
	margin: 0px 0px 0px 0px;
	margin-top: 1em;
}

.list li {
margin-bottom:8px;
}



/*** NAVIGATION STYLING ***/

.left_li ul {
	list-style:none;
	font-family: Arial, san-serif;
	font-size: 10pt;
	color: #666;
	margin:0;
	padding:0;
}

.left_li ul a{
	color:#656058;
	text-decoration:none;
}
ul a{
	color:#656058;
	text-decoration:none;
}
ul a:hover{
	color:#ef6a24;
	text-decoration:none;
}
.left_li ul a:hover{
	color:#ef6a24;
	text-decoration:none;
}

.left_li li {
   margin:0;
   padding:8px;
   border-bottom:solid 1pt #d3d2d2;
}

A:LINK    {font-family: Arial; color: #000000; text-decoration: Underline; }
A:ACTIVE  {font-family: Arial; color: #000000; text-decoration: Underline; }



/*** SPONSORS IN RIGHT NAVIGATION CLASS ***/	
	
.sponsors {
	padding:10px;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height: 120%;
	margin: 25px 0px 23px 0px;
}	




/*** BUTTON CLASS ***/
.button371 {
		padding:4px;
		box-shadow: 10px 10px 5px #888888;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:220px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	margin: 25px 5px 23px 22px;
}
.button37 {
		padding:4px;
		box-shadow: 10px 10px 5px #888888;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:300px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	margin: 25px 5px 23px 22px;
}

.button37 a:link {
		text-decoration:none;
}.button {
	padding:4px;
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:100px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;

	text-decoration:none;
	margin: 25px 75px 23px 22px;
}

.button a{
	padding:4px;
	text-align:center;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 9pt;
	font-weight:bold;
}
.button2 {
	padding:4px;
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:100px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 5px;
}

.button2 a{
	padding:4px;
	text-align:center;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 9pt;
	font-weight:bold;
}
.button3 {
	padding:4px;
	text-align:center;
	
	
	border:solid #9f9fa1 1px;
	background:#C9CAE6;
	width:200px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 5px 0px 14px 0px;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 10px auto; /* center for now */
	width: 10em; /* ems so it will grow */
	background: url(https://www.toolsforbusiness.info/success/images/sbbody-r2.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(https://www.toolsforbusiness.info/success/images/sbhead-r2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(https://www.toolsforbusiness.info/success/images/sbhead-l2.gif) no-repeat top left;
	margin: 0;
	padding: 22px 5px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(https://www.toolsforbusiness.info/success/images/sbbody-l2.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 5px;
}
li.disadv
   {
      font-weight: bold;
	  font-style: italic;
   }
   /*
   City of Atascadero
   Programming and PHP Tom Whaley, City of Atascadero
   Design and CSS Dusty Davis, Pierre Rademaker Design
   Copyright 2006, All Rights Reserved
   
*/


/* NOTES:
   Sidebar weather is in a separate CSS file under components */


body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}
li.disadv
   {
      font-weight: bold;
	  font-style: italic;
   }

p {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}

a {
	text-decoration:  none;
	font-weight: bold;
	color: #68000d;
	}
 
	a:hover {
	text-decoration: underline; 
	}
 
/* Type and colors */
.TableCells { background-color: #292929 }
A:LINK    {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: Underline; font-weight: bold; }
A:VISITED {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: Underline; font-weight: bold;}
A:HOVER   {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: Underline; font-weight: bold;}
li {color: #000000;  line-height: 20px; list-style-image: url('https://www.toolsforbusiness.info/success/headers/box_clovis.gif'); }

#leftcol {
 font-family: Helvetica, Arial, sans-serif;
 color: #03274b;
 }
 
#pathway {
 font-family: Helvetica, Arial, sans-serif;
 color: #666;
 }

	
/* Sitewide general styles */

li {
	margin-left: 0;
	}

.clr {
	clear: both;
	}
	
.content {
	padding: 0;
	line-height: 18px;
	}
	

/* Layout */

#pagewidth-800 {
	width: 998px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
H1 {display: inline;color: #000000; font-family: Denmark; font-size:34pt }
H2 {display: inline;color: #000000; font-family: Denmark;  font-size:18pt }
H5 {display: inline;color: #000000; font-family: Denmark;  font-size:16pt }
H6 {display: inline;color: #000000; font-family: Denmark;  font-size:14pt }
H3 {display: inline;color: #000000; font-family: Verdana; font-size: 24pt }
H4 {display: inline;color: #000000;font-family: Verdana; font-size: 10pt;  }
#outer-800 {
	width: 998px;
	background: url('https://www.atascadero.org/images/right-bkgd2.gif');
	background-repeat: repeat-y;
	} 

#header {
	height: 114px; 
	width: 100%; 
	}

	
#banner {
	margin: 118px 0 0 61px;
	height: 30px;
	float: left;
	}
	
html>/**/body #banner {margin: 90px 0 0 125px;}

	
#leftcol {
	width: 105px;
	float: left;
	position: relative;
	padding: 6px;
	background: #ecebe2;
	}

#maincol-normal-800, #maincol-broad-800, #maincol-wide-800 { 
 	float: left; 
 	width: 624px;
 	margin-left: 10px;
 	} 

	
#photos {
	float: right;
	width: 179px
	height: 171px;
	padding: 26px;
	background: #032746;
	}
 	

#rightcol-normal, #rightcol-broad, #rightcol-wide {
	width: 179px;
	padding: 26px;
	float: right;
	position: relative;
	background: #abbc97;
 	} 


#footer-800 {  
	width: 974px; 
	color: #ecebe2;
	font-size: 11px;
	line-height: 1.4em;
	text-align: center;
	padding: 12px;
	background: #433929;
	}


/* Search box */


#search {
	margin: 0px;
	padding: 0px;
	width: 148px;
	height: 28px;
	float: right;
	padding-left: 10px;
	padding-top: 2px;
	vertical-align: top;
	}

#search .inputbox{
	width: 100px;
	height: 18px;
	font-size: 10px;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 3px;
	line-height: 14px;
	}

#search .button37 {
		padding:4px;
		box-shadow: 10px 10px 5px #888888;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:300px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	margin: 25px 5px 23px 22px;
}


}.button {
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 10px;
	background: transparent;
	border: none;
	line-height: 10px;
	}

#search form {
	margin: 0px;
	padding: 0px;
	}


/* Specific areas */


#homebar a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	color: #666;
	line-height: 17px;
	}	
	
	
ul.mostread {
	margin: 0;
	list-style: none;
	}

li.mostread {
	margin: 0 0 5px 0;
	padding: 1px;
	list-style: none;
	}
	
html>/**/body .mostread {
	margin: 4px 0 4px -11px;
	list-style: none;
	}

	
#leftcol h3 {
	color: #73121e;
	}
	
#footer-800 a {  
	color: #ecebe2;
	}

#pathway { 
	width: 500px;
	height: 19px;
	padding-top: 5px;
	}
	
.pathway, .pathway a {
	color: #bbb;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	}
	

/* Modules */

#leftcol div.module, #rightcol-normal div.module {
	width: 113px;
	margin-bottom: 10px;
	}


#rightcol-broad div.module {
	width: 177px;
	margin-bottom: 10px;
	}


div.module h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
	
/* Main text areas */

#user1 {
	float: left;
	width: 49%;
	}

#user2{
	float: right;
	width: 49%;
	}

#user3 {
	width: 100%;
	}

#user1 ul, #user2 ul, #user3 ul {
	list-style: none;
	margin: 2px 0 5px 0;
	padding: 0;
	}



/* Details */

.pagenav {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #7b876c;
	font-size: 9px;
	}
	
a.pagenav {
	color: #680005;
	}	

hr {
	width: 90%; 
	}
	
hr.separator {
	width: 40%; 
	}
	
.small {
	font-size: 10px;
	}

.button, .inputbox {
	border: 1px solid #BBBBBB;
	}


.createdate, .modifydate {
	font-family: Helvetica, Arial, sans-serif;
	color: #7b876c;
	font-size: 9px;
	height: 20px;
	line-height: 20px;
	}

a.readon {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	padding-left: 13px;
	margin-top: 10px;
	}

.blog_more, .contentdescription {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	}

a.readon:hover {
	text-decoration: none;
	}

.blog {
	width: 100%;
	}

.contentheading {
	font-size: 16px;
	font-weight: bold;
	color: #032746;
	height: 23px;
	line-height: 20px;
	}

.contentpaneopen {
	text-align: left;
	background: transparent;
	line-height: 1.8;
	width: 98%;
	}

.sectiontableheader {
	font-weight: bold;
	font-size: 10px;
	height: 25px;
	line-height: 25px;
	}

.categorytitle {
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	}

.componentheading {
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	color: #032746;
	margin-bottom: 5px;
	}

a.category {
	text-decoration:  underline; 
	}
 
a.category:hover {
	text-decoration:  underline; 
	}

table.moduletable {
	width:  100%; 
	}

.poll {
	text-align: center;
	}


.back_button a {
font-weight: normal;
	}


.blog_more ul li {
	list-style: none;
	line-height: 18px;
	}

table.contenttoc {
	border: 1px solid #CCCCCC;
	padding: 3px;
	}

table.contenttoc th {
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px solid #BBBBBB;
	}

.lightone {
	background: #ecebe2;
}

.rowStatusC {
       background: #CCCCCC;
       text-decoration: line-through;
}

.rowStatusW {
       background: pink;
       text-decoration: line-through;
}

form {
	margin: 0px;
	padding: 0px;
	}


#header {
	background: url('https://www.atascadero.org/images/temp-header2.jpg') no-repeat left;
	}
 
a, #search .inputbox, #search .button, div.module h3 {
	color: #03274b;
	}


.contentheading {
	color: #0d1817;
	}


/* Joomla Weirdness */

#accessibility {
	position: absolute -2000px -1000px;
	display: none;
	}

#source {
	position: absolute -2000px -2000px;
	display: none;
	}