/* CSS Document */
body {
	margin: 0 auto 20px auto;
	padding: 0;
  /*font: small/1.6em Verdana,Sans-serif;*/
	background-color: #E0E0E0;
	background-image: url("images/backer.jpg");
	text-align: left;
}

p {
	margin: 0;
	padding: 0px 15px 8px 20px;
	font: 11px/17px verdana, sans-serif;
}

td{
	margin: 0;
	font: 11px/17px verdana, sans-serif;
}

h1, h2, h3, h4 {
	color: #646464;
	margin: 0;
	padding: 8px 20px 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
}

#outer {
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #666;
}

/* header table style #header {
	background-color: #FFF;
	margin: 0px auto 8px auto;
	padding: 0;
} */

/*#header a{
	font-size: 12px;
	padding: 4px;
}*/

#header {
	margin: 6px auto 0 auto;
	padding: 0;
	background-image: url("images/sbciaHeadBacker.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 760px;
	height: 131px;
	text-align: left;
}


/* BEGIN HEADER NAV STYLES */

#navcontainer {
	margin: 102px 0 0 0;
	padding: 0;
	width: 676px;
	float: right;
}

#navcontainer ul {
	margin: 0;
	padding: 0px 0px 4px 0px;
	float: left;
	height: 25px;
	background: url("images/lines.gif") repeat-x bottom;
}

#navcontainer ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
	font: 10px/12px "Lucida Grande", verdana, sans-serif;
	height: 15px;
}

#navcontainer a {
	padding: 6px;
	margin: 0;
	color: #000;
	text-decoration: none;
	display: block;
	height: 15px;
	float: left;
}

#navcontainer li#active {
	background: url("images/triangle.gif") no-repeat top center;
}

#navcontainer a:hover {
	background: url("images/triangle.gif") no-repeat top center;
}

#navcontainer ul li a:visited {
	color: #000; /*9E9EB1*/
}

/*END HEADER NAV STYLES */

/* INDEX PAGE STYLES  */

td#indexCell {
	margin: 0;
	padding: 0;
/*	background-image: url("images/indexImage.jpg"); */
	background-position: bottom right;
	background-repeat: no-repeat;
}

#indexText {
	width: 400px;
	margin: 0;
	padding: 0;
}

#indexText h1 {
	font-size: 1.35em;
	padding-bottom: 2px;
	color: #646464;
}

#indexText p {
	color: #000;
}

#wrap {
	width: 145px;
	height: 60px;
	float: right;
}

#marginator {
	margin: 5px 0 0 5px;
	padding: 0;
	width: 380px;
}

#marginator ul {
	margin: 0;
	padding: 0px 0px 4px 0px;
	float: left;
	height: 25px;
	background: url("images/lines.gif") repeat-x bottom;
}

#marginator ul li {
	list-style-type: none;
	padding: 0;
	margin: 0 4px;
	display: inline;
	float: left;
	font: bold normal 14px/12px "Book Antigua Bold", georgia, serif;
	height: 15px;
}

#marginator a {
	padding: 6px;
	margin: 0;
	color: #646464;
	text-decoration: none;
	display: block;
	height: 15px;
	float: left;
}

#marginator li#active {
	background: url("images/triangle.gif") no-repeat top center;
}

#marginator a:hover {
	background: url("images/triangle.gif") no-repeat top center;
}

#marginator ul li a:visited {
	color: #646464; /*9E9EB1*/
}


/* CONTENT TABLE STYLES  */







#contentTable {
	margin: 0px 0px 12px 0px;
	background-color: #FFF;
	border: 1px solid #333;
}

#contentTable td.rightCell {
	background-color: #9E9EB1;
	border-left: 1px solid #333;
}

#contentTable td.rightCell img {
	margin: 0px 0px 15px 0px;
	padding: 0;
	border-bottom: 1px solid #333;
}





/* CONTENT TABLE STYLES  */










/* CONTENT CELL STYLES  */






td#contentCell {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

td#contentCell h1 {
	font-size: 1.45em;
}

td#contentCell h2 {
	font-size: 1.15em;
}

td#contentCell a {
	margin: 0;
	padding: 0;
}

td#contentCell ul, ol {
	font: 11px/15px verdana, sans-serif;
	margin: 0px 20px 10px 50px;
	padding: 0px;
}

td#contentCell ol {
 list-style-type: decimal; 
 list-style-position: outside; 
}

td#contentCell ul {
 list-style-type: square; 
}

td#contentCell li {
	padding: 0px 0px 8px 0px;
}




/* CONTENT CELL STYLES  */









/*  FOOTER STYLES  */






#footer {
	font-size: 9px;
	line-height: 13px;
	background-color: #9E9EB1;
	border: 1px solid #666;
	color: #FFF;
	padding: 4px 0px 0px 0px;
}

#footer p {
	font-size: 9px;
	line-height: 13px;
}

#footer img {
	float: right;
	margin: 1px 0px 0px 8px;
}

#subscribe {
	margin: 2px auto;
	padding: 0px;
	border: 1px solid #666;
	background-color: #889;
}

table#subscribe td {
	margin: 4px;
	padding: 4px;
}

table#subscribe p {
	margin: 0;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
}

#internalSubscribe {
	margin: 2px auto 6px 20px;
	padding: 0px;
	border: 1px solid #666;
	background-color: #889;
	display: block;
}

table#internalSubscribe td {
	margin: 4px;
	padding: 4px;
}

table#internalSubscribe p {
	margin: 0;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}





/*  END FOOTER STYLES  */











/*  FORM TABLE  STYLES  */






.formTable {
	margin: 6px auto;
	padding: 0;
	border: 1px solid #CCC;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}



table.formTable a {
	text-align: right;
	float: right;
	width: auto;
	color: #FFF;
	padding: 4px;
	border: 1px solid #CCC;
	margin: 4px;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	background-color: #999;
}

table.formTable a:hover {
	background-color: #FFF;
	color: #999;
}
.formTable td {
	margin: 0;
	padding: 4px 0px 1px 0px;
	background-color: #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.formTable h4 {
	font-size: 16pt;
	text-transform: uppercase;
	margin: 0px;
	width: 70%;
}


.formTable h3 {
	font-size: 14pt;
	text-transform: capitalize;
	margin: 0px;
	width: 70%;
}

/*  END FORM TABLE  STYLES  */


/*  BEGIN FORM TABLE HIGHLIGHT STYLES */

.formTableHighlight {
	margin: 6px auto;
	padding: 0;
	border: 1px solid #CCC;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}



table.formTableHighlight a {
	text-align: right;
	float: right;
	width: auto;
	color: #FFF;
	padding: 4px;
	border: 1px solid #CCC;
	margin: 4px;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	background-color: #999;
}

table.formTableHighlight a:hover {
	background-color: #FFF;
	color: #999;
}
.formTableHighlight td {
	margin: 0;
	padding: 4px 0px 1px 0px;
	background-color: #FFFFCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.formTableHighlight h4 {
	font-size: 16pt;
	text-transform: uppercase;
	margin: 0px;
	width: 70%;
}


.formTableHighlight h3 {
	font-size: 14pt;
	text-transform: capitalize;
	margin: 0px;
	width: 70%;
}


/*  END FORM TABLE HIGHLIGHT STYLES */









/*  MAIN SERVICE NAVIGATION  STYLES  */





 #mainServiceNav {
 	width: 96px;
	margin: 0;
	padding: 0;
	text-align: left;	
}

 #mainServiceNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #666;
 }

 #mainServiceNav ul li {
	margin: 0;
	padding: 0;
 	border-bottom: 1px solid #666;
 }

 #mainServiceNav a {
 display: block;
 padding: 4px;
 width: 88px;
 background-color: #FFF;
 text-decoration: none;
 }

 #mainServiceNav a:link, #mainServiceNav a:visited {
 color: #333;
 text-decoration: none;
 }

 #mainServiceNav a:hover
 {
 background-color: #9E9EB1;
 color: #FFF;
 }
 
 #mainServiceNav2 {
 	width: 96px;
	margin: 0;
	padding: 0;
	text-align: left;	
}

 #mainServiceNav2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
 }

 #mainServiceNav2 ul li {
	margin: 0;
	padding: 0;
 	border-bottom: 1px solid #666;
 }

 #mainServiceNav2 a {
 display: block;
 padding: 4px;
 width: 88px;
 background-color: #FFF;
 text-decoration: none;
 }

 #mainServiceNav2 a:link, #mainServiceNav a:visited {
 color: #333;
 text-decoration: none;
 }

 #mainServiceNav2 a:hover
 {
 background-color: #9E9EB1;
 color: #FFF;
 }
 
 
 
 

a#serviceActive  {
 background-color: #9E9EB1;
 color: #FFF;
}

a:visited#serviceActive {
 background-color: #9E9EB1;
 color: #FFF;
}




/*  SUBSERVICE NAV   */




 #subServicesNav {
 	width: 96px;
	margin: 6px 0 0 0;
	padding: 0;
	text-align: left;	
}

 #subServicesNav h1 {
	margin: 6px 0 0 0;
	padding: 0;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


 #subServicesNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	border-left: 1px solid #666;
 	border-top: 1px solid #666;
}

 #subServicseNav ul li {
	margin: 0;
	padding: 0;
 }

 #subServicesNav a {
 display: block;
 padding: 4px;
 width: 88px;
 background-color: #FFF;
 text-decoration: none;
 	border-bottom: 1px solid #666;
 }

 #subServicesNav a:link, #subServicesNav a:visited {
 color: #333;
 text-decoration: none;
 }

 #subServicesNav a:hover
 {
 background-color: #9E9EB1;
 color: #FFF;
 }





/*  END MAIN SERVICE NAVIGATION  STYLES  */






/* BLOG STYLES  */
#blog-header {
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #000;
}

#blog-header a {
	text-decoration: none;
}

#blog-header h1 {
	margin: 0;
	padding: 12px;
	text-align: left;
	/*background-image: url("images/line.gif");
	background-position: center left;
	background-repeat: repeat-y;*/
}

.post-title {
	text-align: left;
}

.date-header {
	margin: 0;
	padding: 0px 20px 4px 20px;
	color: #666;
	font-size: 10px;
}

.post-body {
	margin: 0;
	padding: 0;
	color: #000;
}

.post {
  padding: 0;
	width: 465px;
  }
	
.post a {
	text-decoration: none;
}

#powered-by {
	margin: 12px auto;
	padding: 0;
}


ul.portfolio {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.copyright {
	font-size: 9px;
	line-height: 14px;
	color: #FFF;
	text-align: left;
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 400px;
}

div.copyright img {
	float: right;
	margin: 4px 0px 0px 8px;
}


/* INDEX PAGE ROLLOVER THINGY  */

#rollerHolder { /* HOPEFULLY THIS WILL GIVE ME MARGIN CONTROL */
	margin: 10px auto;
	width: 420px;
	height: 320px;
	border: 1px solid #CCC;
	background-color: #9E9EB1;
}


ul#roller {
	width: 400px;
	height: 300px;
	background-image: url("images/test-3.jpg");
	background-color: #9E9EB1;
	margin: 10px auto;
	padding: 0;
	position: relative;
	top: 10;
	border: 1px solid #CCC;
}
	
#roller li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
#roller li, #roller a {
	height: 300px;
	display: block;
	margin: 0;
	padding: 0;
}
	
#panel1b {left: 0; width: 95px;}

#panel2b {left: 96px; width: 75px;}

#panel3b {left: 172px; width: 110px;}

#panel4b {left: 283px; width: 117px;}

#panel1b a:hover {
    background: transparent url("images/test-3.jpg")
    0 -300px no-repeat;}
  #panel2b a:hover {
    background: transparent url("images/test-3.jpg")
    -96px -300px no-repeat;}
  #panel3b a:hover {
    background: transparent url("images/test-3.jpg")
    -172px -300px no-repeat;}
  #panel4b a:hover {
    background: transparent url("images/test-3.jpg")
    -283px -300px no-repeat;}

<ItemPage>
/* ---- overrides for post page ---- */

.post {
  padding: 0;
  border: 1px solid black;
  }
</ItemPage>



span.call_now_center{
	padding-left:20px;
}


span.required{
	color:#FF0000;
}

