body
{
    font-size: 87.25%;
    font-family: Lato, "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    background: #c9c9c9; 
    height:100%;
    margin: 0;
    padding: 0;
}


h2
{
   /* background: url('/bosd2/content/images/header_bar.jpg') no-repeat; */
    display: block;
    font-weight: bold;
    font-size: 16px;
    font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
    color: #002e71;
    background-position: 0px 17px;
}

h3 {
font-size: 1.286em;
font-weight: normal;
font-family: Cardo, Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
}

a {
color:black;
text-decoration: none;
}
a:active {
outline: none;
}
a:hover {
color: #0B3AE3;
text-shadow: 0px 0px 4px #C2DBF1;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-property: color, text-shadow;
-webkit-transition-timing-function: ease-out, ease-out; 
}

a:focus
{
-moz-outline-style: none;
}

#defaultText
{
	font-family: Lato, "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}



#sbcounty-navbar
{
    width: 998px;
    margin-right: auto;
    margin-left: auto;
    z-index: 100;
}


.content-main
{
    width: 770px;    
    padding: 10px;
    color: black;
    min-height:420px;
    height:auto;
}

.gradientHeader
{
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    display: block;
    color: #002e71;
    background: url('/bosd2/content/images/gold_gradient.gif') no-repeat;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
}



/* Accordion */
.accordionHeader
{
    color: #FFFFFF;
    background-color: #3b3b3b;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 1em;
    padding-right: 5em;
    padding-top: 0.2em;
    padding-bottom: 0.1em;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    color: #FFFFFF;
    background-color: #3b3b3b;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 1em;
    padding-right: 5em;
    padding-top: 0.2em;
    padding-bottom: 0.5em;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #E6E6E6;
    border: 1px none #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: small;
}

.accordionContent a
{
    color: Navy;
    text-decoration: none;
}


.accordionContent a:hover
{
    color: Navy;
    text-decoration: underline;
}

.readMore ul
{
    display: block;
    margin-left: 2.5em;
    padding-left: 2.5em;
    text-indent: 0.5em;
}

.readMore li
{
    margin-left: 6em;
    padding-top: 0.3em;
}


.headerLink
{
    color: #002E71;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.headerLink a
{
    background: none;
    text-decoration: none;
}

.headerLink a:hover
{
    background: none;
    text-decoration: none;
}

.contactInfoHeader
{
    color: #002E71;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: small;
    font-weight: bold;
}

.contactInfoText
{
    color: #002E71;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: small;
    font-weight: normal;
}

.videoGallerytext
{
    color: #000000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 8pt;
    margin-left: 5px;
    width: 112px;
    padding: 10px;
    padding-top: 15px; /* font-weight:bold; */
    vertical-align: top;
}


.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.HiddenColumn
{
    display: none;
}

/* Links webpage */
#helpfullinksLeft
{
    float: left;
    width: 220px;
}

#helpfullinksMiddle
{
    float: left;
    width: 245px;
}

#helpfullinksRight
{
    float: left;
    width: 245px;
}

#helpfullinksTopHdrs
{
    float: left;
    width: 770px;
}

.helpfullinksSpace
{
    float: left;
    width: 20px;
}

.helpfullinksHdr
{
    display: block;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: small;
    color: #002E71;
    background-color: #CCCCCC;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.helpfullinksHdrTopLeft
{
    float: left;
    text-align: center;
    width: 475px;
    display: block;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: small;
    color: #002E71;
    background-color: #CCCCCC;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.helpfullinksHdrTopRight
{
    float: right;
    width: 265px;
    display: block;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: small;
    color: #002E71;
    background-color: #CCCCCC;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 6px;
    margin-bottom: 0px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
}
/* End Links webpage */

/* PointsofInterest.aspx webpage */

.contentPointsofInterests
{
    padding: 10px;
    color: #002e71;
    height: 700px;
}


.floatleft
{
    position: inherit;
    overflow: auto;
    float: left;
    width: 220px;
    height: 175px;
    margin: 5px 0 10px 5px;
    background-color: #fff;
    padding: 7px;
    border-top: 0px solid #999;
    border-right: 0px solid #555;
    border-bottom: 0px solid #555;
    border-left: 0px solid #999;
    text-align:center;
}

div.floatleft img
{
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-left: 2px solid #999;


}


div.floatleft img:hover
{
    border-top: 2px solid #ffc73c;
    border-right: 2px solid #ffc73c;
    border-bottom: 2px solid #ffc73c;
    border-left: 2px solid #ffc73c;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    -moz-opacity:0.75;
	color: #fff;

}



.clear-left
{
    clear: left;
}



/* End PointsofInterest.aspx webpage */


/* Video row */

.gridDefaultRow
{
	background: white;
	background-color: #EFF3FB;

}

.gridAlternateRow
{
	background: #EFF3FB; 
	background-color: White;
}

.gridSelectedRow
{
	background: #FFFF9B; 
}

.gridHighlightRow
{
	
	background: #FFFFD2; 
	
}