@media screen, projection, print
{
    
    
    .IE8Fix
    {
        z-index: 1000;    
    }
    
	body
	{
		font-family: Sans-Serif;
		font-size: small;
		height: 100%;
		width: 98%;
	}

	p
	{
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	.divDownload
	{
	    
	}
    
    .divFooter
    {
        background-image: url(images/nav_bg_green.gif);
        background-position: left top;
        background-repeat: repeat-x;
        margin: 0px;
        padding: 0px;
    }

    .FooterImage
    {
        margin: 0px;
        padding: 0px;
    }

	h1, h2, h3, h4, h5, h6
	{
		background: transparent none repeat scroll 0% 0%;
		border-bottom: 1px solid #AAAAAA;
		color: black;
		font-weight: normal;
		margin: 0pt;
		padding-bottom: 0.17em;
		padding-top: 0.5em;
	}
	h1
	{
		line-height: 1.2em;
		margin-bottom: 0.5em;
		padding-bottom: 0pt;
		font-size: 188%;
	}

	h2
	{
		font-size: 150%;
	}

	h3, h4, h5, h6
	{
	    border-bottom: medium none;
		font-weight: bold;
	    background-color: White;
	    color: #004584;		
	}

	h3
	{
		font-size: 132%;
		margin-bottom: 0.4em;
	}

	h4
	{
		font-size: 116%;
		margin-bottom: 0.4em;
	}

	h5
	{
		font-size: 100%;
	}

	h6
	{
		font-size: 80%;
	}


	hr
	{
		background-color: #AAAAAA;
		border: 0pt none;
		color: #AAAAAA;
		height: 1px;
		margin: 0.2em 0pt;
	}

	li
	{
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.BreadCrumbs
	{
		
	}
	
	.BreadCrumbsDiv
	{
		display:none;/*Remove this property to make the bread crumbs visible*/
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.WebPartEditMode
	{
		border-style: dotted;
		border-width: 1px;
		border-color: Black;
		margin: 2px;
		padding: 2px;		
	}
	
	.CommandLink
	{
		white-space: nowrap;
	}
	
	.CompletionListItem
	{		
		padding: 0px;
		margin : 0px;
	}
	
	.CompletionListItemHighlight
	{		
		background-color: Gray;
		color: White;		
		padding: 0px;
		margin : 0px;
	}
	
	.WarningDiv
	{
		background-image: url(../images/server_warning.png);
		background-repeat: no-repeat;
		background-position: 15px center;
		background-color: #FFFAE5;
		padding-bottom: 25px;
		padding-top: 25px;
		padding-left: 80px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: solid 1px #CF6B30;
		color: #000;
		font-style: italic;
	}


    .rhsPanel
    {
        background-image: url(../images/BlueVertical.png);
        background-repeat:repeat-y;
        background-color:Red;
        background-position:left;
    }

	.ImageTable
	{
		margin: 5px;
		font-size: 80%;
		font-style: italic;
		background-color: #f9f9f9;
		border-width: 1px;
		border-style: solid;
		border-color: #ccc;
	}


	.tblBody a
	{
		color: #003399;
	}
	.tblBody a:hover
	{
		background-color: #003399;
		color: White;
	}
		

    a img
	{
		border: none 0px white;
	}
	
	.warning
	{
		background-color: Red;
		color: White;
		border: solid 1px black;
	}

	.watermark
	{
		height: 18px;
		padding: 2px 0 0 2px;
		border: 1px solid #BEBEBE;
		background-color: #F0F8FF;
		color: gray;
	}

	.SeeAlsoHeading
	{
		color: Black;
		font-weight: normal;
		font-size: 150%;
		font-family: sans-serif;
	}

	.SeeAlsoNoData
	{
		padding-left: 30px;
		font-style: italic;
	}

	/*Admin Styles*/

	.AddControlPanel
	{
		padding: 10px 10px 10px 10px;
		border: solid 1px black;
	}

	.AdminPanelBorder
	{
		padding: 5px;
		border-style: dashed;
		border-width: 1px;
		border-color: Gray;
		margin: 2px 2px 0px 0px;
	}

	.CollapsedPanel
	{
		height: 0px;
		overflow: hidden;
	}

	.AdminPanelColumn
	{
		background-color: #F5F5DC; /*Beige*/
		height: 0px;
		overflow: hidden;
	}

	.AdminColumnHeading
	{
		text-align: center;
		cursor: hand;
		background-color: #F8F8FF; /*GhostWhite*/
		border: dashed 1px Silver;
		padding: 5px;
	}

	.AdminPanel
	{
		background-color: #FFDEAD; /*navajowhite*/
		color: Black;
		padding: 2px;
		border: dashed 1px black;
		visibility: hidden;
		width: 200px;
	}

	.AdminPanel a
	{
		color: Gray;
	}

	.AdminPanel a:hover
	{
		color: Black;
		background-color: #D3D3D3; /*LightGrey*/
	}

	.AdminPanelColumn a
	{
		color: Gray;
	}

	.AdminPanelColumn a:hover
	{
		color: Black;
		background-color: #D3D3D3; /*LightGrey*/
	}

	.modalBackground
	{
		background: url(../Images/modal_background.png);
		background-repeat: repeat;
	}

	/* Page Borders */

	div.tab
	{
		position: relative;
		float: left;
		padding: 0;
		margin: 2px;
		width: auto;
		text-align: left;
	}
	div.tabInner
	{
		margin: 10px 10px 40px 20px;
	}

	div.borderTopLeft
	{
		position: absolute;
		left: -1px;
		top: -1px;
		width: 10px;
		height: 10px;
		background-color: #fff;
		background-image: url(images/topleft.gif);
	}

	div.borderTop
	{
		position: absolute;
		left: 9px;
		right: 9px;
		top: -1px;
		height: 10px;
		background-color: #fff;
		background-image: url(images/top.gif);
		background-repeat: repeat-x;
	}

	div.borderTopRight
	{
		position: absolute;
		right: -1px;
		top: -1px;
		width: 10px;
		height: 10px;
		background-color: #fff;
		background-image: url(images/topright.gif);
	}



	div.borderRight
	{
		position: absolute;
		right: -1px;
		top: 9px;
		bottom: 0px;
		width: 10px;
		background-color: #fff;
		background-image: url(images/right.gif);
	}

	div.borderLeft
	{
		position: absolute;
		left: -1px;
		top: 9px;
		width: 10px;
		bottom: 0px;
		background-color: #fff;
		background-image: url(images/left.gif);
	}


	div.borderBottom
	{
		position: absolute;
		left: 9px;
		right: 9px;
		bottom: -3px;
		height: 16px;
		background-color: #fff;
		background-image: url(images/bottom.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}


	div.borderBottomLeft
	{
		position: absolute;
		left: -1px;
		bottom: -1px;
		width: 10px;
		height: 16px;
		background-color: #fff;
		background-image: url(images/bottomleft.gif);
	}

	div.borderBottomRight
	{
		position: absolute;
		right: -1px;
		bottom: -1px;
		width: 10px;
		height: 16px;
		background-color: #fff;
		background-image: url(images/bottomright.gif);
	}





	/* Toolbar */



	.Menu
	{
		color: White;
		font-weight: bold;
		font-family: Sans-Serif;
		background-image: url(images/MenuBackgroundBlue.png);
		background-repeat: repeat-x;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 14px;
		padding-right: 14px;
	}
	.Menu:hover
	{
		color: White;
		background-color: Gray;
		background-image: none;		
	}

	.MenuSelected
	{
		color: Black;
		font-weight: bold;
		font-family: Sans-Serif;
		background-image: none;
		background-color: #DCDCDC; /*Gainsboro*/
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 13px;
		padding-right: 13px;
		border: solid 1px gray;
	}

	.MenuSelected:hover
	{
		cursor: default;
	}

    img
	{
	    border: none 0px white;
	}


	.MenuSub
	{
		color: Black;
		font-weight: bold;
		font-family: Sans-Serif;
		background-color: #DCDCDC; /*Gainsboro*/
		background-repeat: repeat-x;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 14px;
		padding-right: 14px;
		border: solid 1px #DCDCDC;
		background-image: none;
	}
	.MenuSub:hover
	{
		color: Black;
		background-color: GhostWhite;		
		background-image: url(images/HoverGradient.png);
		background-repeat: no-repeat;
		background-position: left top;
		border: solid 1px black;		
	}
	.MenuSub:active
	{
		background-color: White;
		border: solid 1px black;	
	}


	.MenuSelectedSub
	{
		color: Black;
		font-weight: bold;
		font-family: Sans-Serif;
		background-image: none;
		background-color: #DCDCDC; /*Gainsboro*/
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 13px;
		padding-right: 13px;
		border: solid 1px gray;		
	}

	.MenuSelectedSub:hover
	{
		cursor: default;
	}
	
	
	.RadioChecked
    {
        background-image: url(images/Checked.png);
        background-repeat: no-repeat;
        padding-left: 18px;
        text-decoration: none;      
      
        
    }
    
    .RadioUnChecked
    {        
        background-image: url(images/UnChecked.png);
        background-repeat: no-repeat;
        padding-left: 18px;
        text-decoration: none;  

    }
    
    .divMapLinks
    {
        text-align: center;
    }
    .divMapLinks a
	{
		color: Black;
	}
	.divMapLinks a:hover
	{
		background-color: White;
		color: Black;
		text-decoration: underline;
	}
	
	img
	{
	    border: none 0px white;
	}

	a img
	{
		border: solid 1px Transparent;
		padding: 1px;
	}

	a:hover img
	{
		background-color: White;
		border: solid 1px Gainsboro;
	}
    
    /* Legend Table Styles Begin */
   .legendTitle
    {
        font-weight: normal;
        vertical-align: middle;
        padding-left: 10px;
        font-size: smaller;
        
    }
    
    .legendTable
    {
        width: auto;                
    }

    .legendRow
    {
        
    }
    
    .legendSectionTitle
    {
        font-weight: bold;        
        font-size: small;
        padding-left: 10px;
        border-bottom: solid 1px Gainsboro;
        border-top: solid 1px Gainsboro;                
    }
    
    .legendSectionBody
    {
        padding-left: 10px;
        font-style: italic;
        font-size: smaller;
    }

    .legendKeyTile
    {
        padding: 5px, 5px, 5px, 5px;
        text-align: center;
        padding-left: 20px;
    }
    
    .legendKeyTile img
    {
        width: 31px;
        height: 16px;
    }
    
    
    /* Legend Table Styles End */
    
    /*Submission styles*/
    .submissionContainer
    {
        width: 800px;
        color: #32306D;
        margin-top: 50px;
    }
    
    .submissionHeading
    {
        margin-top : 20px;
        border-top: solid 3px #89C54B;
        border-bottom: solid 3px #89C54B;
        border-left: none;
        border-right: none;
        color: #32306D;
        padding-top: 5px;
        padding-bottom: 5px;
        
    }
    
    .submissionSmallText
    {
        font-size: 8pt;
    }
    
    .submissionLargeText
    {
        font-size: 10pt;
        font-weight: bold;
    }

    .submissionDataEntryTable
    {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;       
    }
    
    .submissionPointOuterDiv
    {
        padding-top: 10px;
        
    }
    
    .italic
    {
        font-style: italic;
    }
    
    .submissionTextBoxMultiLine
    {
        width: 98%;
        height: 150px;
    }
    .submissionTextBoxSingleLine
    {
        width: 98%;        
    }
    
    .divLegend
    {
        width: 100%;
        height: 700px;        
        
    }
    
    
    /*end submision styles*/
    
    
    /*end submision styles*/
    
    /* start plan index styles */
    
    .planIndexTbl
    {
    }
    
    .planIndexTblRowTitle
    {
    }
    
    .planIndexTblChptr
    {
        font-weight:bold;
        padding-left: 15px;
    }
    
    .planIndexTblRowDetail
    {
    }
    
    .planIndexTblDetail
    {
        padding-left: 30px;
    }
    
    .planIndexTblPdfDetail
    {
        text-align:center;
    }
    
    /* end plan index styles */
    
    /* start road map index styles */
    
    .alphabetLinks
    {
        text-align: center;
        font-size:large;
    }
    
    .alphabetIndex
    {
        font-size: large;
    }
    
    .topOfPage
    {
        font-size:smaller;
        padding-left: 10px;
    }
    
    .rdIndexRdName
    {
        padding-left: 25px;
    }
    
    .rdIndexRdLinks
    {
        padding-left: 20px;
    }
    
    /* end road map index styles */
    
    /* start town/area index styles */
    
    .twnIndexMapLnk
    {
        padding-left: 25px;
    }
    
    .twnIndexAppLnk
    {
        padding-left: 25px;
    }
    
        
    
    /* start town/area index styles */
    
}

@media print
{
	.tblPageTop
	{
		display: none;
	}



}