﻿html{ height: 100% }

body
{
	height: 100%;
	margin-left:0; 
	margin-top:0; 
	margin-bottom:0; 
	font-family:Verdana;
}

body.BodyGenMasterPage 
{
	margin-left:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	background-color:#888888; 
	font-family:Verdana;
}

td.WhiteBorderGenMasterPage
{
	background-color:#FFFFFF; 
	text-align:center; 
	border-left:solid 1px White; 
	border-right:solid 1px White;
}

table.TopFrameGenMasterPage
{
	width:100%; 
	border-bottom: solid 1px #FFFFFF;
}

tr.TopFramGenMasterPage
{
	background-color:#2B4569; 
	height:47px;
}

tr.HeaderFooterBarGenMasterPage
{
	background-color:#262626;
}

td.HeaderFooterBarGenMasterPage
{
	width:100%; 
	text-align:left; 
	font-size:10pt;
}

#MenuWithPadding li
{
	padding-bottom:5px;
	margin:0px;
}

#HeaderLink1_MP
{
	width:51px; border-right: #777777 1px solid; text-align: center;
}

#HeaderLink2_MP
{
	width:88px; border-right: #777777 1px solid; text-align: center;
}

#HeaderLink3_MP
{
	width:89px; border-right: #777777 1px solid; text-align: center;
}

#HeaderLink4_MP
{
	width:43px; border-right: #777777 1px solid; text-align: center;
}

#HeaderLink5_MP
{
	width:88px; border-right: #777777 1px solid; text-align: center;
}

#HeaderLink6_MP
{
	width:135px; text-align: center;
}

#HeaderLink7_MP
{
	text-align: right;  padding-right:10px;
}

#FooterLink1_MP
{
	width:49px; border-right: #777777 1px solid; text-align: center;
}

#FooterLink2_MP
{
	width:80px; border-right: #777777 1px solid; text-align: center;
}

#FooterLink3_MP
{
	width:93px; border-right: #777777 1px solid; text-align: center;
}

#FooterLink4_MP
{
	width:187px; text-align: center;
}

#DeptTextTD_MP
{
	 text-align:left; width:100%; font-size:8pt;
}

#CityImageTD_MP
{
	vertical-align:middle; padding-right:10px;
}

#LaytonCityTextGenMasterPage
{
	color:White; 
	text-align:left; 
	font-family: Verdana; 
	font-size: 16pt;
}

#SearchGenMasterPageTD
{
	white-space: nowrap;
	vertical-align:middle; 
	text-align:right;
}

A
{
	COLOR: #2B4569	
}

.nav
{
	font-size:10px;
	TEXT-DECORATION: none;		
}

.downloadlink
{
	text-decoration: none;	
}

.municipalcodelinkCE
{
	text-decoration: none;	
}

.museumexibit
{
	text-decoration: none;	
}

.museumphotogallery
{
	text-decoration: none;	
}

A.downloadlink:link
{
    COLOR: #2B4569;  
}

A.downloadlink:visited
{
    COLOR: #2B4569;
}

A.downloadlink:hover
{
    COLOR: #2B4569;
    TEXT-DECORATION: underline;
}

A.municipalcodelinkCE:link
{
    COLOR: #000000;  
}

A.municipalcodelinkCE:visited
{
    COLOR: #000000;
}

A.municipalcodelinkCE:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}

A.museumexibit:link
{
    COLOR: #2B4569;  
}

A.museumexibit:visited
{
    COLOR: #2B4569;
}

A.museumexibit:hover
{
    COLOR: #2B4569;
    TEXT-DECORATION: underline;
}

A.museumphotogallery:link
{
    COLOR: #2B4569;  
}

A.museumphotogallery:visited
{
    COLOR: #2B4569;
}

A.museumphotogallery:hover
{
    COLOR: #2B4569;
    TEXT-DECORATION: underline;
}

A.nav:link
{
    COLOR: #ffffff;  
}

A.nav:visited
{
    COLOR: #ffffff;
}

A.nav:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline;
}

.unwatermarked
{
	font-size: 11px;
}

.watermarked
{
	font-size: 11px;
	color: gray;
	font-style: italic;
}

.iwantbullet
{
	list-style-type:square;
	line-height:16px;
	color:#ffffff; 
	padding-left:8px; 
	margin-left:8px; 
	padding-top:0px; 
	margin-top:0px;
	padding-bottom: 0px;
	margin-bottom:0px;
}

strong.CityTitle
{
	font-weight: 100;
	font-size: 22px;
	font-family: Verdana;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(/public/Images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.wrappedimage
{
	padding-right: 10px;
	padding-bottom: 10px;	
}

.lc-cell{	border-right: black 1px solid;	border-top: black 1px solid;	border-left: black 1px solid;	border-bottom: black 1px solid;	text-align: left;	vertical-align: top;}
.lc-cell A:link{	color: black; text-decoration: none;}
.lc-cell A:visited{	color: black; text-decoration: none;}
.lc-cell A:active{	color: black; text-decoration: none;}
.lc-cell A:hover{	color: black;	text-decoration: underline;}
.lc-cell ul
{
	list-style-type: square; 
	font-size: 8pt; 
	margin-top:1px; 
	margin-bottom:1px; 
	margin-left:25px; 
	line-height:10pt;
	padding:0px;
}

.lc-dayheader{	border-top: black 1px solid;	font-weight: bold;	color: white;	border-bottom: black 1px solid;	background-color: #262626;}

.lc-monthheader{	font-weight: bold;	color: white;	background-color: #2B4569;}
.lc-monthheader A:link{	font-weight: bold;	font-size: smaller;	color: white; text-decoration: none;}
.lc-monthheader A:visited{	font-weight: bold;	font-size: smaller;	color: white; text-decoration: none;}
.lc-monthheader A:active{	font-weight: bold;	font-size: smaller;	color: white; text-decoration: none;}
.lc-monthheader A:hover{	font-weight: bold;	font-size: smaller;	color: white;  text-decoration: underline;}      

.lc-othermonth
{
	border-right: black 1px solid;	border-top: black 1px solid;	vertical-align: top;	
	border-left: black 1px solid;	border-bottom: black 1px solid;	
	background-color: #aaaaaa;	text-align: left;
	filter:alpha(opacity=60); opacity:.60; -moz-opacity:.60;
} 
.lc-othermonth A:link{	color: Black; text-decoration: none;}
.lc-othermonth A:visited{	color: Black; text-decoration: none;}
.lc-othermonth A:active{	color: Black; text-decoration: none;}
.lc-othermonth A:hover{	color: Black;	text-decoration: underline;} 
.lc-othermonth ul
{
	list-style-type: square; 
	font-size: 8pt; 
	margin-top:1px; 
	margin-bottom:1px; 
	margin-left:25px; 
	line-height:10pt;
	padding:0px;
}

.lc-selectedcell
{
	border-right: black 1px solid;	border-top: black 1px solid;	vertical-align: top;	
	border-left: black 1px solid;	color: white;	border-bottom: black 1px solid;	
	background-color: #2B4569;	text-align: left;
	filter:alpha(opacity=60); opacity:.60; -moz-opacity:.60;
}
.lc-selectedcell A:link{	font-weight: bold;	color: white; text-decoration: none;}
.lc-selectedcell A:visited{	font-weight: bold;	color: white; text-decoration: none;}
.lc-selectedcell A:active{	font-weight: bold;	color: white; text-decoration: none;}
.lc-selectedcell A:hover{	font-weight: bold;	color: white;	text-decoration: underline;}
.lc-selectedcell ul
{
	list-style-type: square; 
	font-size: 8pt; 
	margin-top:1px; 
	margin-bottom:1px; 
	margin-left:25px; 
	line-height:10pt;
	padding:0px;
}

.lc-todaycell
{
	border-right: black 1px solid;	border-top: black 1px solid;	vertical-align: top;	
	border-left: black 1px solid;	border-bottom: black 1px solid;	
	background-color: #dddddd;	text-align: left;
	filter:alpha(opacity=60); opacity:.60; -moz-opacity:.60;
}
.lc-todaycell A:link{	color: black; text-decoration: none;}
.lc-todaycell A:visited{	color: black; text-decoration: none;}
.lc-todaycell A:active{	color: black; text-decoration: none;}
.lc-todaycell A:hover{	color: black;	text-decoration: underline;}
.lc-todaycell ul
{
	list-style-type: square; 
	font-size: 8pt; 
	margin-top:1px; 
	margin-bottom:1px; 
	margin-left:25px; 
	line-height:10pt;
	padding:0px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	color:#ffffff;
	background-color:#2B4569;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.ElectionInfo th
{
	font-family:Georgia;
	font-size:12pt;
	vertical-align:top;
	color:#2b4569;
}

.ElectionInfo td
{
	font-family:Arial;
	font-size:9pt;
	vertical-align:top;
	text-align:center;
	border-top: #4169e1 thin solid;
}


.ElectionInfoBody td
{
	font-family:Arial;
	font-size:9pt;
	vertical-align:top;
	text-align:left;
	border-top: #4169e1 thin solid;
}
