* {
	margin: 0;
	padding: 0;
}

body{ 
	 margin:0; 
	 padding:0; 
	 font-family: "Trebuchet MS";
	 font-size:12px;
	 background:#add4f3 url('images/BackGrad.png') left top repeat-x;
	/* background:#9cb2cc url('images/BackGrad.gif') left top repeat-x;*/
	 height:100%;
	 text-align:left;
 }
 
 html{ 
	 margin:0; 
	 padding:0; 
	 font-family: Tahoma;
	 font-size:12px;
	 background:#add4f3 url('images/BackGrad.png') left top repeat-x;
	/* background:#9cb2cc url('images/BackGrad.gif') left top repeat-x;*/
	 height:100%;
	 text-align:center;
 }
 
 body p
{
  padding: 0 5px 0 5px;
  font-family:Tahoma;
  color:#26272a;
  text-align:center;
} 


body h1
{
  padding: 10px 5px 10px 5px;
  font-family:"Trebuchet MS";
  font-size:150%;
  font-weight:bold;
  color:#022a64;  
 }
 
#LeftImg
{
  top: 0px;
  left:10px;
  position:absolute;
  display:none;

} 

#RightImg
{
	top:0;
	right:0px;
	position:absolute;
	display:none;
}

#Gator
{
	left:10px;
	bottom:65px;
	position:absolute;
}

#header
{
    margin: 0 0 0 0;
    height: 98px;
    background-image:url('images/HeadBGgrad.png');
    background-repeat: no-repeat;
    background-position: top left;	
} 

#logoImgHome
{
    margin:0;
    padding-top:2px;
    padding-left:2px;
    z-index:0;
    background:transparent url('images/PhotoshopAlachuaLogo.png') left top no-repeat;
    width:60%;
    border:none;
    text-decoration:none;
    height:100%;
    float:left;
}

*html #logoImgHome
{
	background-image:url('Images/HeadBGImgIE6.png');
}

#logoImg
{
    margin:0;
    padding-top:0;
    padding-left:2px;
    width:60%;
    border:none;
    text-decoration:none;
    height:100%;
    float:left;
}

#headerRight
{
	float:right;
	width:35%;
	height:100%;
}

#container
{
	margin-left:auto;
	margin-right:auto;
    margin-top:0;
	padding: 0 10px 15px 10px;
	background:transparent url('images/containerBGgrad.png') top repeat-y !important;
	width:965px;
	min-height:525px;
	text-align:left;
	position:relative;
	}

*html #container
{
	width:967px;
}

#btmContainer
{
    width:985px;
	background: transparent url('images/BtmContainerGrad.png') top no-repeat;
	margin-left:auto;
	height:20px;
	margin-right:auto;
	position:relative;
}

#IntPageImage
{
	width:965px;
	height:165px;
	padding-top:1px;
	padding-bottom:1px;
}

/* ----------------------- START ACCESSIBILITY SECTION ------------------------ */

#accessoptions
{
    float: none;
    position:absolute;
    left:-99999px;
    
}

#accessoptions a
{
    text-decoration: none;
    margin: 0;
    color:#ffffff;
    padding: 0px 5px 0px 5px;
}

#accessoptions a:link, #accessoptions a:visited
{
    color: #ffffff;
}

#accessoptions a:hover
{
    color: #335381;
    text-decoration: none;
    background-color: #d2e4ff;
}

/*FOR ACCESSIBLIITY FEATURES PAGE*/
.accessibilityHeader
{
    border: 1px solid #ac9b81;
    background: #ececec;
}

#accesskeyList, #tabindexList
{
    border-left: 1px solid #ac9b81;
    border-bottom: 1px solid #ac9b81;
    border-right: 1px solid #ac9b81;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 100%;
    padding: 0 1px 5px 1px;
}

tr.accessibilityTitle
{
    color: #fff;
    background: #ac9b81;
}

.accessTitle
{
    border-bottom: 1px dashed #23345a;
}




/*--------------------------- END ACCESSIBILITY SECTION -----------------------------*/

/*-------------------------- EYEBROW Section -----------------------------*/

#bannerLinks
{
    text-align: right;
    font-size: 12px; /*85%*/
    color: #fff;
    font-family: "Trebuchet MS", serif;
    padding-top:30px;
    padding-right:20px;
}

#bannerLinks a:active
{
    color: #fff;
    text-decoration: none;
}

#bannerLinks a:visited
{
    color: #fff;
    text-decoration: none;
}

#bannerLinks a:link
{
    color: #fff;
    text-decoration: none;
}

#bannerLinks a:active
{
    text-decoration: none;
}

#bannerLinks a:hover
{
    /*border-top: 5px solid #AC9B81;*/
    color: #26272a;
    text-decoration: underline;
}

/*BLUE VERTICAL BAR SETTING FOR TOP BANNER NAVIGATION*/
.splitWhite
{
    color: #fff;
}

/*HIDE TEXT (for accessibility setting)*/
.hidden
{
    display: none;
}

/*-------------------- END EYEBROW STYLES ---------------------------*/

/*SEARCH BOX AND BUTTON CORE STYLES*/

td.ms-sbgo {
padding:1px 3px;
background-color:transparent;
}
td.ms-sbcell 
{
border:none;
padding:5px 0 0 5px;
white-space:nowrap;
height:30px;

}

td.ms-sbcell input
{
	height:18px;
	width:200px;
}

#WebPartWPQ1
{
	width:225px;
}

#searchPage table
{
	margin-left:10px;
}

/* ------------------------------- */


/* search form styles from CORE.CSS */

.srch-Icon
{
	padding-right:5px;
}

.srch-Title {
color:#003399;
font-family:Tahoma;
font-size:13px;
margin:0 0 5px;
}

/* end search form styles*/

.non-visual {
	position:absolute;
	left:-9999px;
}

.ms-pagebreadcrumb{
	padding:4px 3px 6px 11px;
	border-left:none;
	border-top:none;
	border-bottom:1px solid #c7c7c7;
	font-family:"Trebuchet MS";
}

.ms-pagebreadcrumb a{
	font-size:11px;/*85%;*/
	background-color:#fff;
	color:#707070;
	text-decoration:underline;
}

.ms-pagebreadcrumb a:hover{
	text-decoration:none;
}
.ms-pagebreadcrumb{
	font-size:11px;/*85%;*/
	background-color:#fff;
	color:#707070;
	text-decoration:none;
}

.removeMargins
{
	margin-left:2px;
	margin-right:2px;
	margin-top:0;	
}

*:first-child+html .ms-sitemapdirectional a
{
	unicode-bidi:embed;
}

*:first-child+html .ms-sitemapdirectional
{
	unicode-bidi:embed;
}

*:first-child+html .removeMargins
{
	margin-top:-0px;
	position: relative;
	top: -15px;
    
}
*:first-child+html .ms-pagebreadcrumb
{
	min-height:1%;
	vertical-align:top;
}

*:first-child+html .topnav
{
	margin-bottom:0px;
}

/* start homepage content styles*/
#wrapper
{
    margin: 0 6px 0 4px;
    padding: 0; 
    width:99%;
 }
 
.bannerContainer
{
	background-image:none;
	background-position:right top;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-right:10px;
	padding-left:5px;
}


/*------------- TOP NAVIGATION STYLES ------------------*/ 

/*{
    background: #fff url('images/TopNavGrad.gif') left bottom repeat-x;
    height: 35px;
    margin:2px 0 1px 0;
    list-style:none;
    color:#a0a0a0;
    list-style:none;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    width:100%;
}
*/
/*----- Commented out for Chris' topnav table fix 3/25/11

 *html .topnav
{
	width:965px;
	margin-left:2px;
}*/

/*--------------- Top Nav Styles for Questech Navigation ----------------- */

.topnavList
{
	list-style:none;
	margin:0;
	padding-top:5px;/*2px*/
	display:inline;
	width:100%
}

.topnavListItem
{
	list-style:none;
	float:left;
	padding-left:2px;/*5px*/
	padding-top:8px;
	width:103px;
	border-right:#c7c7c7 1px solid;
}

.topnavCurrentItem  /* ----- uses topnav li a styles ------ */
{     
	width:90%;
	text-decoration: none;
	padding: 1px 2px 0 2px;
	display: block;
	font-family:Georgia;
	/*font-family:Tahoma, Arial, Sans-Serif;*/
    font-size:12px; /*1em*/
    font-weight:bold;
    color:#335381;
   /* margin-right:5px;  */
    text-align:center;
    margin-left:1px;  
	border:none;
}

.topnavCurrentItem a:hover
{
	/*background:#fff url('images/topnav_hover.png') repeat-x left top;*/
	background: url('images/HoverGrad.png') repeat-x top left;
	border-bottom:#035fa7 1px solid;
	/*color:#26272a;*/
	color: #fff;
	text-decoration:underline;
    bottom:5px;
	height:1.9em;
}
/*{
	list-style:none;
	margin:0;
	padding-top:5px;/*2px*/
/*	display:inline;
	width:100%
}

.topnav ul li
 { 	
 	 margin: 0 2px 0 2px; 
 	 display:inline;
  
 }
*/


/*------------- End Top Nav Styles for Questech Navigation  -------------- */


table.topNav 
{
    width: 965px;
}

table.topNav td 
{
    background: #28425B url('images/nav-bg.jpg') repeat-x;
    border-top: 1px solid #fff;
   /* border-bottom: 1px solid #fff;*/
}

table.topNav .navHover 
{
    background: #578546 url('images/nav-bg-hover.jpg') bottom center no-repeat;
}

table.topNav a 
{
    font-size: 16px;
    font-family:Georgia;
	font-weight: 600;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
	color: #fff;
	text-decoration: none;
    padding: 9px 10px 10px 10px;
    display: block;
}
 .topnav
 { 
 	width: 965px; 
 	height: 38px; 
 	background:url('images/navBG.png') repeat-x; 
 	margin-top:1px;}



.topnav ul
 { 
 	list-style:none; 
 	margin: 0 0 0 0; 

 }


.topnav ul li
{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	float:left;
	top: 0;
}

.topnav li, .topnav a
{
	height:38px;
	display:block;
}

.topnav ul li#Home
{
	background-image: url('images/home.png');
	width:89px;
	text-indent:-9999px;
	left:0;	
}

.topnav ul li#Citizens
{
	background-image: url('images/citizens.png');	
	width:170px;
	left:89px;	
	text-indent:-9999px;		
}

.topnav ul li#Residents
{
	background-image: url('images/residents.png');	
	left:259px;
	width:116px;
	text-indent:-9999px;
}

.topnav ul li#Businesses
{
	background-image: url('images/businesses.png');	
	width:124px;
	left:375px;
	text-indent:-9999px;			
}

.topnav ul li#Visitors
{
	background-image: url('images/visitors.png');	
	left:499px;
	width:92px;
	text-indent:-9999px;
}

.topnav ul li#EMSvc
{
	background-image: url('images/emergency.png');	
	left:591px;
	width:212px;
	text-indent:-9999px;			
}

.topnav ul li#Offices
{
	background-image: url('images/county.png');	
	left:803px;
	width:162px;	
	text-indent:-9999px;	
}

.topnav ul li#Home a:hover {background: transparent  url('images/home.png') 0 -39px no-repeat;}
.topnav ul li#Citizens a:hover {background: transparent  url('images/citizens.png') 0 -39px no-repeat;}
.topnav ul li#Residents a:hover {background: transparent  url('images/residents.png') 0 -39px no-repeat;}
.topnav ul li#Businesses a:hover {background: transparent  url('images/businesses.png') 0 -39px no-repeat;}
.topnav ul li#Visitors a:hover {background: transparent  url('images/visitors.png') 0 -39px no-repeat;}
.topnav ul li#EMSvc a:hover {background: transparent  url('images/emergency.png') 0 -39px no-repeat;}
.topnav ul li#Offices a:hover {background: transparent  url('images/county.png') 0 -39px no-repeat;}



/*{
	list-style:none;
	float:left;
	padding-left:2px;/*5px*/
/*	padding-top:8px;
	width:103px;
	border-right:#c7c7c7 1px solid;
}

.topnav ul li#EM,
.topnav ul li#CO,
.topnav ul li#CS
{
	padding-top:2px;
	line-height:12px;
}

.topnav ul li#CU
{
	border-right:none;
}

*html .topnav ul li
{
	width:100px;
}*/
/*.topnav ul li a 
{     
	width:90%;
	text-decoration: none;
	padding: 1px 2px 0 2px;
	display: block;
	font-family:Georgia;
	/*font-family: Tahoma;*/
  /*  font-size:11px;
    font-weight:bold;
    color:#335381;
   /* margin-right:5px;  */
 /*   text-align:center;
    margin-left:1px;  
	border:none;
}

    
*html .topnav ul li a
{
	padding: 0;
	margin-right:0;
}

.topnav ul li a:hover
{
    background:#fff url('images/topnav_hover.png') repeat-x left top;
	border-bottom:#035fa7 1px solid;
	color:#26272a;
	/*text-decoration:underline;*/
   /* bottom:5px;
    height:1.95em;
	font-size:13px;
}

.topnav ul li#EM a:hover,
.topnav ul li#CS a:hover,
.topnav ul li#CO a:hover
{
    height:2.4em
}


.topnav ul li a:focus
{
	color:#27262a;	
} */
/* ------------------------ END TOP NAVIGATION STYLES -----------------------*/

/* ------------------------ STYLES FROM MOSS -------------------------------*/
	

/*#searchContainer td #LowerCell
{
   width:85%;
   padding-left:10px;
}*/


/* -------------------------------------------------------------------------------*/
#threecolsMidHOME /* This is used for the top of the content area. Creates three even columns for the three panels contained within.*/
{
	width:715px;
	float:left;
    position:relative;
    padding-top:2px;
    margin-bottom:10px;
}

*html #threecolsMidHOME 
{
	display:inline;
	padding-left:4px;

}

*html #rightcolMidHOME , *html #leftcolMidHOME , *html #maincolMidHOME 
{
	display:inline;
	width:31%;
	padding-left:2px;
}



#rightcolMidHOME /* Right section of 3 column layout*/
{
    width: 32%;/*width: 258px;*/
    float: left;
    position: relative;
    display:inline;
    font-size: 90%;
    padding-right:3px;
    margin: 4px 0 2px 1px;
}

#rightcolMidHOME .HomePanelTab
{
	background-image:url("/Style%20Library/Images/SEHeader.png") !important;
}

#leftcolMidHOME .HomePanelTab
{
	background-image:url("/Style%20Library/Images/CSHeader.png") !important;
}

#rightcolBtmHOME .HomePanelTab
{
	background-image:url("/Style%20Library/Images/EMHeader.png") !important;
}

#maincolBtmHOME .HomePanelTab
{
	background-image:url("/Style%20Library/Images/GovtHeader.png") !important;
}

#leftcolBtmHOME .HomePanelTab
{
	background-image:url("/Style%20Library/Images/IIHeader.png") !important;
}

#leftcolMidHOME /* Left section of 3 column layout*/
{
    width: 32%; /*257px;*/
    height:auto;
    float: left;
    position: relative;
    font-size: 90%;
    padding-right:0;
    margin: 4px 0 2px 2px;
}

#maincolMidHOME /* Center section of 3 column layout*/
{
    float: left;
    display: inline;
    position: relative;
    width: 33%;/*width: 258px;*/
    font-size: 90%;
    margin: 4px 10px 2px 0;
}

#threecolsBtmHOME
{
    width:715px;
	float:left;
    position: relative;
    padding-top:2px;
}

*html #threecolsBtmHOME
{
	display:inline;
	padding-left:4px;

}

*html #rightcolBtmHOME, *html #leftcolBtmHOME , *html #maincolBtmHOME  
{
	display:inline;
	width:31%;
	padding-left:2px;
}

#rightcolBtmHOME /* Right section of 3 column layout*/
{
    width: 32%;/*width: 258px;*/
    float: left;
    position: relative;
    font-size: 90%;
    height:260px;
    padding-right:3px;
    margin: 4px 0 2px 1px;
}

#leftcolBtmHOME /* Left section of 3 column layout*/
{
    width: 32%; /*257px;*/
    height:250px;
    float: left;
    position: relative;
    font-size: 90%;
    padding-right:1px;
    margin: 4px 8px 2px 2px;
}

#maincolBtmHOME /* Center section of 3 column layout*/
{
    float: left;
    display: inline;
    position: relative;
    width: 32%;/*width: 258px;*/
    font-size: 90%;
    height:200px;
    margin: 4px 8px 2px 0;
}


.homecontentCol
{
    padding: 1px 1px 0 3px;
    margin: 0 2px;
    font-family: "Trebuchet MS"; /*Tahoma, Arial, sans-serif;*/
}

.HomePanel

{
    background:#e6e9ec url('Images/whiteTowhiteGrad.png') repeat-x; /*url('Images/PanelBGGrad.png')*/
    border-bottom: solid 1px #e6e6e6;
    margin: 0px;
    padding: 0px;
    padding-bottom:5px;
	width: 100%;
    vertical-align:top;
	position:relative;
	z-index:100;
	height:250px;
}

#maincolMidHOME .HomePanel
{
	border-left:none;
	background:#f8dfc6 url('Images/whiteTowhiteGrad.png') repeat-x; /*#fef82*/
}

#leftcolMidHOME .HomePanel
{
	background:#f8dfc6 url('Images/whiteTowhiteGrad.png') repeat-x;

}

#threecolsBtmHOME .HomePanelTab 
{
	color: #fff /* fabulously #335381 */ !important;
	background: transparent url('Images/HomeTabGrad.png') top left no-repeat;
	height:24px;
	border-bottom: solid 1px #E6E5E5;
	margin: 0px;
	padding:2px;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Georgia;/* Tahoma;*/
	font-size: 150%; /*125%*/
	font-weight: bold;
	text-align: left;
	/*text-shadow: 2px 2px 2px #131313; /*drop shadow for FireFox browser */


}

#threecolsMidHOME .HomePanelTab 
{
	color: #fff/* fabulously #335381 */ !important;
	background: transparent url('Images/HomeTabGrad.png') top left no-repeat;
	height:24px;
	border-bottom: solid 1px #E6E5E5;
	margin: 0;
	padding:2px;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Georgia;/*Tahoma;*/
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
/*	text-shadow: 2px 2px 2px #131313; drop shadow for FireFox browser */

}

.HomePanelContent
{
    margin: 0px;
	padding: 3px 5px;
	font-size:90%;
	height: 150px;
}

.HomePanelContent h2
{
	font-family: "Trebuchet MS";/*Tahoma, sans-serif;*/
	font-size:130%;
	color:#23345a;
	font-weight:bold;
	padding-bottom:5px;
	display:none;
}

#maincolMidHOME .HomePanelContent h2
{
	display:block !important;
}

#leftcolMidHOME .HomePanelContent h2
{
	display:block !important;
}


.HomePanel .ViewMore
{
    margin:0px;
    padding:52px 4px 2px 0;
    height:10px;
    color:#2a4d80;
    font-size:100%;
    float:right;
    vertical-align:bottom;
    color:#2a4d80 !important;
} 

.HomePanel .ViewMore a:visited
{
 color:#2a4d80;
 text-decoration:none;
}

.HomePanel .ViewMore a
{
 color:#2a4d80;
 text-decoration:none;
}

.HomePanel .ViewMore a:hover
{
	color:#26272a;
	text-decoration:underline;
}


.HomePanel .HomePanelContent a
{
 color:#26272a;
 text-decoration:none;
 font-weight:bold;
}


.HomePanelContent a:active
{
	color:#2a4d80;
    text-decoration: none;
}

.HomePanelContent a:hover
{
	color:#2a4d80;
    text-decoration: underline;
}

.HomePanelContent ul
{
	list-style:none;
	margin: 0 0 0 5px;
	line-height: 13px;
	color:#000;
	text-decoration:none;
	font-family:"Trebuchet MS";
}

.HomePanelContent ul li
{
    list-style:none;
    padding-bottom:5px;
    padding-top:3px;
    text-align:left;
    line-height:14px;
    white-space:normal;
    font-size:11px;
}



/*--------------------------------------------------------------------------------*/

 #HomeTopContainer
 {
  width:100%;
  height: 270px;
  padding-top:5px;
  margin-bottom:5px;
 }
 
 #HomeTopContainer #leftCol
 {
     width: 466px;
     height:270px;
     margin-left:3px;/*5px*/
     float:left;
     background-color:#fff;
 }
 
  #HomeTopContainer #rightCol /*Featured News container*/
 {
     width: 474px;
     height:270px;
     border-bottom:1px solid #ececec;
     /*border: solid 1px #7a7a7a;*/
     float:right;
     margin-right:5px;
     background:#fff url('Images/TanGrad.png') repeat-x top left;
     overflow:hidden;
 }
 
 #HomeTopContainer #rightCol .spotlight
 {
    /*background-color:#fff;*/
    padding: 2px;
    height:auto;
    font-family: "Trebuchet MS";
    font-size:11px; /*.9em*/
 }
 
 #HomeTopContainer #rightCol .spotlight h2,
 #HomeTopContainer #rightCol .spotlight #feature h2 a
  {
   color:#335381;
   font-size:20px;/*1.25em*/
   font-family:Georgia;/*Tahoma, serif;*/
   padding: 2px;
 /*  text-shadow: 2px 2px 2px #9b9797; /*drop shadow for FireFox browser */

  }
  
#HomeTopContainer #rightCol .spotlight #feature 
 {
    font-family:"Trebuchet MS";/*Tahoma*/
    color:#26272a;
    font-size:12px;/*.9em*/
    padding-bottom: 10px;
    height:165px;
    border-bottom: solid 1px #ececec;
 }
  

#HomeTopContainer #rightCol .spotlight #feature p
{
	padding-top:2px;
	text-align:left;	
	font-size:12px;/*1em*/
	font-family:"Trebuchet MS";
	line-height:13px;
}

@media only screen and (max-device-width: 480px) {
 #HomeTopContainer #rightCol .spotlight #feature p{font-size:9px !important; line-height: 12px !important;}
 #HomeTopContainer #rightCol .spotlight #feature ul li{font-size:9px !important;}
 #HomeTopContainer #rightCol .spotlight #feature ul li a{font-size:9px !important;}
 #HomeTopContainer #rightCol .SpotList ul li{font-size:10px !important; text-indent:-70px!important; padding-left:75px!important;}
 #HomeTopContainer #rightCol .SpotList ul li a{font-size:10px !important;}
 #maincolLSB p{font-size:75%;}
 #maincolLRSB p{font-size:75%;}

}

 
#HomeTopContainer #rightCol .spotlight #feature a,
#HomeTopContainer #rightCol .spotlight #feature a.visited
 {
    color:#2a4d80;
    text-decoration:underline;
 }

#HomeTopContainer #rightCol .spotlight #feature a.active,
#HomeTopContainer #rightCol .spotlight #feature a.hover
 {
    color:#26272a;
    text-decoration: none;
 }
    
#HomeTopContainer #rightCol .spotlight #feature img.SpotImg 
  {
    float:right;
    margin:0 2px 0 2px;
    padding: 2px;
    border:none;
  }
 
  
#HomeTopContainer #rightCol .SpotList
 {
    margin:0 5px;
    overflow:hidden;
    padding:0 1px 0 1px;

 }
  
#HomeTopContainer #rightCol h4
{
    font-size:14px;
    font-family:"Trebuchet MS";/*Tahoma;*/
    color: #335381;
    padding:1px;
    float:left;
}

#HomeTopContainer #rightCol a.morelink
{
    float:right;
    color:#2a4d80;
    font-family:"Trebuchet MS";
    /*font-family:Tahoma;*/
    font-size:11px;/*85%*/
    
}
  
#HomeTopContainer #rightCol .SpotList ul
  {
    list-style:none;
    margin: 0 0 0 5px;
  /*  line-height: 1em;*/
    color:#26272a;
    text-decoration:none;
    float:left;
    position:relative;
    font-size:11px;
}

#HomeTopContainer #rightCol .SpotList ul li

{
    list-style:none;
    padding-bottom: 0;
    font-family:"Trebuchet MS";/*Tahoma;*/
    font-size: 11px;
    text-align:left;
    line-height:13px;
    white-space:normal;
    text-indent:-70px;
    padding-left:66px;
}

#HomeTopContainer #rightCol .SpotList ul li a
 {
    color:#2a4d80;
    text-decoration:underline;
    font-size:11px;
 }


#HomeTopContainer #rightCol .SpotList a:visited
{
	color: #2a4d80;
    text-decoration: underline;
}

#HomeTopContainer #rightCol .SpotList a
{
	color: #2a4d80;
    text-decoration: underline;
}

#HomeTopContainer #rightCol .SpotList a:hover
{
	color:#26272a;
    text-decoration: none;
}

#HomeTopContainer #rightCol .SpotList a:active
{
	color:#26272a;
    text-decoration: none;
}

.supImg 
{
	background-color:#CFDAEB;
	border:1px solid #C0C0C0;
	padding:3px;
	margin:6px;
}


/*------------------------------ Hover Image Description ----------------------------------*/
.imgteaser 
{
	margin: 0;
	float: left;
	position: relative;
}

.imgteaser a 
{
	text-decoration: none;
	float: left;
}

.imgteaser a:hover 
{
	cursor:pointer;
}

.imgteaser a img /*-- Styling for the image container is handled above in "topleftCol --*/
{
	margin: 0;
	border: none;
}

.imgteaser a .more 
{
	position: absolute; /*-- Keep the Learn More in bottom-right corner of the image. We don't want it floating away on us! --*/
	right: 1px;
	bottom: 5px;
	font-size: 12px;
	font-family:"Trebuchet MS";
	color: #fff;
	background: #000;
	padding: 5px 10px;
	opacity:.80; /*Cross-browser Compatible Transparency*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency **This must be listed PRIOR to IE5-7 filter in order for IE8 to see it** --*/
	filter:alpha(opacity=80);/*-- IE 5 - 7 Transparency--*/
}

.imgteaser a:hover .desc
{
	display: block;
	font-size: 12px; /*1.2em*/
	font-family:"Trebuchet MS";
	/*padding: 0 0; /*10px 0 */
	background: #000;
	opacity:.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/*- --IE 8 Transparency **This must be listed PRIOR to IE5-7 filter in order for IE8 to see it** --*/
	filter:alpha(opacity=80);/*- -- IE 5 - 7 Transparency--*/
	color: #fff;
	position: absolute;/*-- Keep this little guy at the bottom of the panel! --*/
	bottom: 5px;
	left: 1px;
	padding:2px;
	padding-left:4px;
	margin: 0;
	width: 98%;
	border-top: 1px solid #999; /*-- thin, grey top border --*/
}

.imgteaser a:hover .desc strong /*-- This is the "Title" section of the description set styling here for title --*/
{
	display: block;
	margin-bottom: 5px;
	font-size:13px;
}

.imgteaser a .desc /*-- Keep the description hidden until the user hovers over it --*/
{	
    display: none; 
}

.imgteaser a:hover .more /*-- Hide "Learn More" from users once the description is visible --*/
{ 
    visibility: hidden;
}

/*--------------------------- RIGHT COLUMN CONTENT ---------------------------------*/
#wrapper #rightcolContent
{
    float: right;
    font-family:"Trebuchet MS";
    font-size:100%;
    color:#26272a;
    width: 230px;
    margin: 6px 0 0 1px;
    vertical-align:top;
}

#wrapper #rightcolContent .RightPanel
{
    /*border: solid 1px #7a7a7a;*/
    border-top: solid 2px #7CAD6B;
   	background:#fff url('Images/TanGrad.png') repeat-x top left; 
    margin: 0 1px 10px 10px;
    padding: 3px 0 0 0;
    padding-bottom:5px;
	width: 92%;
    vertical-align:top;
	position:relative;
	z-index:100;
	text-align:center;
}

#wrapper #rightcolContent .RightPanelTab
{
	/*border-bottom: solid 1px #7a7a7a;*/
	margin: 0px;
	padding:2px;
	-moz-user-select: none;
	-khtml-user-select: none;
	/*text-shadow: 1px 1px 1px #131313; drop shadow for FireFox browser */
	/*font-family: sans-serif;
	font-size: 125%;
	font-weight: bold;
	text-align: left;
	color:#335381;*/
	display:block;
	font-family: Georgia;
	font-size: 145%;
	font-weight: bold;
	text-align: left;
	color:#E7903F;

}

#wrapper #rightcolContent .RightPanel img
{ border:none;
  padding-top: 3px;}

/* --------------------------- WEATHER FORECAST -------------------------------*/

/**** Web Parts ****/

/* Weather */
#forecast_main
{
	padding-top:0;
}
#forecast_images
{
	padding-top:8px;
	width:200px;
	float:left;
	padding-left:4px;
}
#table_forecast_images
{
	width:100%;
}
#code_image
{
	width:52px; 
	height:52px; 
	margin-top:-6px; 
	margin-left:11px
}

*:first-child+html #code_image
{
	margin-left:5px;				
}
	
.condition
{
	color:#FFFFFF;
	font-family:arial;
	font-size:8pt;
	text-align:center;
	font-weight:bold;	
}
.temp
{
	color:#FFFFFF;
	font-family:arial;
	font-size:28pt;
	font-weight:bold;
	text-align:center;
	margin-left:-3px;
}
.highlow
{
	color:#FFFFFF;
	font-family:tahoma, sans-serif;
	font-size:8pt;
	text-align:center;
	margin-left:-5px;
}
.error
{
	font-family:Verdana;
	color:gray;
	text-align:center;
	font-size:10pt;
	
}
#forecast_info
{
	padding-left:7px;
	width:200px;
	float:left;
	font-family:"Trebuchet MS";
	/*font-family:tahoma, sans-serif;*/
	font-size: 8pt;
	text-align:left;
}
#forecast_info a
{
	font-size:7pt;
	text-align:center;
	
}
#forecast_info div
{
	font-family: Georgia;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#2a4D80;
}

/* ----------------------------- Footer ----------------------------- */
#footer{
	margin: 0;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	clear:both;
	font-family:"Trebuchet MS";
}
#footer h3{
	font-weight: bold;
	font-size: 85%;
}

#footer p{
	font-size: 90%;
	margin: 0;
	padding: 3px 0;
	padding-top:15px;
	font-family:"Trebuchet MS";

}	

#footer a
{
    color: #2a4d80;
    text-decoration: none;
    margin: 0;
    padding: 0 1px;
}

#footer a:active
{
    text-decoration: underline;
}

 #footer a:hover
{
    text-decoration: underline;
}


 /* *** Float containers fix *** */ 
.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* Float Contaners */
.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.clearBoth{
	clear: both;
}

.clearLeft{
	clear: left;
}

.clearRight{
	clear:right;
}




/*----------------------------------- SHAREPOINT STYLES --------------------------------------*/
/* these main styles control the height of the main three areas */
#customMainHeader {
	height: 35px;
}

/* make sure the page is full height */
#customFullHeight {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto;
	height: auto !important;
	height: 50px;
	background-color: white;
}

/* height and settings for the top dark bar */
#customTop {
	height: auto;
	color: white;
	width:981px;
	margin: auto !important;
	padding-bottom:2px;
	overflow:hidden;
	/*text-align:left;*/
	/*margin-left:18%;*/
	/*background-image: url("/_layouts/images/siteTitleBKGD.gif");
	background-repeat: repeat-x;*/
}

*:first-child+html #customTop
{
	margin-left:0;
	width: 965px;
	height:auto;
}
*:first-child+html .customPageWidth
{
	padding-top:2px;
	padding-bottom:2px;
	width:965px;
	margin-left: 0;
	height:auto;
}

*:first-child+html #customTopLeft
{
	padding-bottom:0;
	padding-left:5px;
}

/* used repeatedly to ensure the middle part of the page is a certain width
while expanding full size */
.customPageWidth {
	width: 963px;
	margin-left: 2%;
	border: none;
	padding-top:23px;
	height:auto;
}

/* top bar left part */
#customTopLeft {
	padding-top: 5px;
	float: left;
	padding-left:15px
}
/* top bar right part */
#customTopRight {
	padding-top: 5px;
	float: right;
	text-align:right;
}


.sharepointLogin
{
	float:right;
	display:inline;
}
.sharepointLogin .ms-globallinks
{
    position:relative;
}

.ms-siteaction
{
	text-align:left;
}

.siteActionMenu
{
	white-space:nowrap;
	font:12pt tahoma;
	padding:0;
	border:none;
	cursor:pointer;
	text-align:left;
}

.siteactionmenu div div div{
	background-image:url("/_layouts/images/siteactionsmenugrad.gif");
	background-repeat:repeat-x;
	border-top:1px solid #6593cf;
	border-left:1px solid #6593cf;
	border-right:1px solid #6593cf;
	background-color:#6593cf;
	padding:1px 4px 3px 10px;
	text-align:left;
}

.banner{
	vertical-align:bottom;
}
.ms-banner a:link{
	text-decoration:none;
	white-space:nowrap;
}
.ms-banner a:visited{
	text-decoration:none;
}

@media print{
.ms-buttonheightwidth2{
	display:none;
}

.ms-buttonheightwidth{
	display:none;
}

.ms-banner{
	display:none;
}

.ms-searchform{
	display:none;
}

.ms-titlearearight{
	display:none;
}

.ms-titlearealeft{
	display:none;
}

.ms-areaseparatorcorner{
	display:none;
}

.ms-areaseparatorright{
	display:none;
}

.ms-rightareacell{
	display:none;
}

.ms-areaseparatorleft{
	display:none;
}

.ms-siteaction{
	display:none;
}

.ms-globallinks{
	display:none;
}

.ms-leftareacell{
	display:none;
}

.ms-pagemargin{
	background-color:#83b0ec;
	background-image:none;
	background-repeat:no-repeat;
	background-position:-143px 0px;
	height:100%;
}

.ms-pagebottommarginright{
	background:#9cb2cc;
}

.ms-pagebottommarginleft{
	background:#9cb2cc;
}

.ms-pagebottommargin{
	background:#9cb2cc;
}

.ms-bodyareapagemargin{
	background:#9cb2cc;
	border-top:none;
}

.ms-buttonheightwidth2{
	display:none;
}

.ms-buttonheightwidth{
	display:none;
}

.ms-banner{
	display:none;
}

.ms-searchform{
	display:none;
}

.ms-titlearearight{
	display:none;
}

.ms-titlearealeft{
	display:none;
}

.ms-areaseparatorcorner{
	display:none;
}

.ms-areaseparatorright{
	display:none;
}

.ms-rightareacell{
	display:none;
}

.ms-areaseparatorleft{
	display:none;
}

.ms-globallinks{
	display:none;
}
.ms-leftareacell{
	display:none;
}

.ms-pagetitle{
	color:#000000;
	font-family:verdana;
	font-size:16pt;
	margin:0px 0px 4px 0px;
	font-weight:normal;
}

.srch-Metadata
{
	text-align:left;
}