body
{
    background-color: #999966;
    background-image: url(/Portals/0/images/BG2.gif);
    color: #666666;
    font-size: small;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.main
{
    width: 770px;
    background-color: #FFFFFF;
    background-image: url(/Portals/0/images/BGcompass.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}

.topNav
{
    width: 750px;
    text-align: right;
    border-bottom: 1px dotted #CCCCCC;
}
.header
{
    width: 750px;
}
.pageNav
{
    width: 750px;
    color: #666666;
    font-size:  xx-small;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;	
}
.searchNav
{
    color: #666666;
    font-size:  xx-small;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;	
}
.breadcrumb
{
    color: #666666;
    font-size:  xx-small;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
}
.contentPane
{
    width: 750px;
}
.heading
{
  color: Maroon;
  font-weight: bold;
}
.vspacer
{
    height: 10px;
}
.contentPaneLeft
{
    width: 488px;
    padding-right:17px;
    text-align: left;
}
.contentPaneRight
{
    width: 228px;
    padding-left:17px;
    text-align: left;
}
.nightLifeCopy
{
    padding:5px;
    text-align: left;
}
.familyLifeCopy
{
    padding:5px;
    text-align: left;
}
.rediscoverLifeCopy
{
    padding:5px;
    text-align: left;
}
.demoImg
{
    margin: 0px;
}
.demoBtn
{
    margin-top: 10px;
    border: 0px;
}
.weather
{
    width: 140px;
    border-bottom: 1px dotted #CCCCCC;
    padding: 0px 1px 1px 0px;
}
.areaMap
{
    width: 140px;
    padding: 1px 1px 0px 0px;
}
.events
{
    width: 235px;
    padding: 0px 1px 0px 1px;
}
.divider
{
    width: 1px;
    border-left: 1px dotted #CCCCCC;
}
.news
{
    width: 235px;
    padding: 0px 1px 0px 1px;
}
.spotlight
{
    width: 140px;
    text-align: right;
    border-bottom: 1px dotted #CCCCCC;
    padding: 0px 0px 1px 1px;
}
.feature
{
    width: 140px;
    text-align: right;
    padding: 1px 0px 0px 1px;
}
.copyright
{
    background-color: #CCCCCC;
    width: 770px;
}
.copyrightText
{
    font-size: xx-small;
    color: #777777;   
}
/* Main Menu */
.MainMenu_MenuContainer
{
    background-color: transparent;
    width: 750px;
    height: 22px;
}
.MainMenu_MenuBar
{
    cursor: hand;
    height: 22px;
    width: 180px;
    background-color: transparent;
}
.MainMenu_MenuItem
{
    font-weight: bold;
    font-size: xx-small;
    cursor: hand;
    color: #666666;
    font-style: normal;
    font-family: "Trebuchet MS", Arial, Helvetica;
    padding-right: 3px;
    height: 22px;
    width: 180px;
}
.MainMenu_MenuIcon
{
    display: none;
}
.MainMenu_SubMenu
{
    border: #dddddd 1px solid;
    z-index: 0;
    cursor: hand;
    background-color: #eeeeee;
    padding-left: 0px;
}
.MainMenu_MenuBreak
{
    border: none;
    background-color: transparent;
}
.MainMenu_MenuItemSel
{
    border: #ffffff 0px solid;
    z-index: 0;
    cursor: hand;
    font-weight: bold;
    font-size: xx-small;
    cursor: hand;
    color: #9D161A;
    font-style: normal;
    font-family: "Trebuchet MS", Arial, Helvetica;
    background-color: #ffffff;
    padding-right: 3px;
    height: 22px;
    width: 180px;
}
.MainMenu_MenuArrow
{
    display: none;
}
.MainMenu_RootMenuArrow
{
    display: none;
}

/* Community/County Nav */

.navMouseOver {
	font: bold 10px "Trebuchet MS" , Arial, Helvetica, sans-serif;
	color: #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}
#topNav a {
	color: #999999;
	text-decoration: none;
}
#topNav a:hover {
	color: #999999;
	text-decoration: underline;
}
div.transON { 
	background-color: white; 
	float: left;
	display: block;
}
div.transOFF {
	background-color: white;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	float: left;
	display: block;
}
#tabCommunity {
	display: block;
}
#tabCounty {
	display: none;
}

/* Content Pages */

.pgsubtitle {
   font: bold 14px "Trebuchet MS", Arial, Helvetica;
   color: #993333;
}

.colLeft {
   width: 225px;
   margin-right: 15px;
   float: left;
}
.dashedLine {
   border-top: 1px dashed #a0abb3;
   display: block;
}

.clear {
   clear: both;
}
.indent {
   margin-left: 10px;
}