@import "../../includes/GPUNavigationMenu.css";
/*page colors: */
/* reddish: #996666
   lighter red: #CC9999
   dark red accent: #663333
   light olive: #CCCC99
   light grey: #E6E6CC
   blue: #2769DA
   green: #336600
   lighter green: #99CC99
*/

/* page styles */
	html * 
	{
	font: normal normal lighter small/normal serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
	body 
	{
		background-color: #E6E6CC;
	   	font-family: Verdana, Arial, Helvetica;
	    font-size: 100%;
       	margin: 3px 3% 0px 3%;
		}
    #pagecontainer 
    {
     	min-width: 600px;
       	max-width: 1024px;
    }
	#headercontainer 
	{   
	    height: 79px;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    background-color: #996666;
	    background-image: url(../../images/background_header.jpg);
	    background-position-y:top;
	    background-position-x: right;
	    background-repeat: no-repeat;
    }
	#headercontainer_zoning 
	{   
	    height: 79px;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    background-color: #7A93E3;
	    background-image: url(../../images/background_header_zoning.jpg);
	    background-position-y:top;
	    background-position-x: right;
	    background-repeat: no-repeat;
    }
        #headercontainer h1 
        {
            color: #ffffff;
            font-size: 150%;
            font-weight: bold;
            line-height: 75%;
            margin-top: 4px;
        }
        #headercontainer h2
        {
            color: #ffffff;
            font-size: 110%;
        }
        #headercontainer_zoning h1 
        {
            color: #ffffff;
            font-size: 150%;
            font-weight: bold;
            line-height: 75%;
            margin-top: 4px;
        }
        #headercontainer_zoning h2
        {
            color: #ffffff;
            font-size: 110%;
        }
        .biggerLetter 
        {
            font-size: 120%;
        }
    #notifications
    {
        padding-top: 8px;
        float: left;
        font-size: 100%;
    }
    #pagefunctionsmenu
    {
        font-size: 80%;
        right: 0px;
        top: 2px;
        float :right;
        padding: 3px 5px 0px 0px;
        margin: 3px -5px 0px 0px;
        background-color: #E6E6CC;
    }
    #pagefunctionsmenu_zoning
    {
        font-size: 80%;
        right: 0px;
        top: 2px;
        float :right;
        padding: 3px 5px 0px 0px;
        margin: 3px -5px 0px 0px;
        background-color: #E6E6CC;
    }
    #headercontent 
    {
        padding-top: 9px;
    }
    #topnavigationmenu
          {
            min-height: 20px;
            padding-left: 100px;
            padding-bottom: 0px;
            padding-top: 2px;
            background-color: #996666;
            background-image: url(../../images/header_GPUSeal_bottom.jpg);
            background-position-y:top;
            background-position-x:left;
            background-repeat:no-repeat;
            font-size: 90%;
            }
     #topnavigationmenu_zoning
          {
            min-height: 20px;
            padding-left: 100px;
            padding-bottom: 0px;
            padding-top: 2px;
            background-color: #7A93E3;
            background-image: url(../../images/header_GPUSeal_zoning_bottom.jpg);
            background-position-y:top;
            background-position-x:left;
            background-repeat:no-repeat;
            font-size: 90%;
            }
   
    #footer 
    {
    background-color: #CCCC99;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index:5;
    }
    #footer p 
    {
    padding: 0px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 75%;
 }
    #footer a:visited 
    {
        color: #ffffff;
        text-decoration: underline;
    }
    #footer a:link 
    {
        color: #ffffff;
        text-decoration: underline;
    }
    #footer a:hover 
    {
        color:#996666;
    }
        
    #pagetitle
    {
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	border-left: solid 1px #996666;
	border-top: solid 1px #996666;
	border-right: solid 1px #996666;
    }
    #pagecontent
    {
    height:1px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	border-left: solid 1px #996666;
	border-bottom: solid 1px #996666;
	border-right: solid 1px #996666;
	z-index: 0;
    position: relative;

    }
	/*change height to 100% for non-IE6 browsers */
	html>body #pagecontent 
	{
	height: 100%;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	border-left: solid 1px #996666;
	border-bottom: solid 1px #996666;
	border-right: solid 1px #996666;
	}

    #pagetitle_zoning
    {
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	border-left: solid 1px #7A93E3;
	border-top: solid 1px #7A93E3;
	border-right: solid 1px #7A93E3;
    }
    #pagecontent_zoning
    {
    height:1px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	border-left: solid 1px #7A93E3;
	border-bottom: solid 1px #7A93E3;
	border-right: solid 1px #7A93E3;
	z-index: 0;
    position: relative;

    }
	/*change height to 100% for non-IE6 browsers */
	html>body #pagecontent_zoning 
	{
	height: 100%;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	border-left: solid 1px #7A93E3;
	border-bottom: solid 1px #7A93E3;
	border-right: solid 1px #7A93E3;
	}


/* text styles */
	p
	{
	margin: 0.5em 0 
	}
	.printonly 
	{
	    display: none;
	}
.headerimages 
{
    float:right;
    margin-right:2px;
    position:relative;
}    
.copyright 
{
    font-size: 60%;
    color: #996666;
    text-align: center;
}
    
.emergencynotification 
{    font-size: 60%;
	font-weight: bold;
	color: red; 
}
    
    .emergencynotification a:visited{
	text-decoration: underline;
	color: Red;
}
        
    .emergencynotification a:link{
	text-decoration: underline;
	color: Red;
}
    .emergencynotification a:hover
{
	text-decoration: none;
	color: Red;
}
    .skipnav 
    {
        display: none;
    }
    .graphicalhidden
    {
        display: none;
    }
    /*enable this on print/text CSS */
    /*
    .textonlyhidden 
    {
        display: none;
    }
    */
/*page content styles */
#pagefunctionsmenu a
{
    text-decoration:underline;
    color: #996666;
}
#pagefunctionsmenu a:link
{
    text-decoration:underline;
    color: #996666;
}
#pagefunctionsmenu a:hover 
{
    text-decoration: underline;
    color: #CC9999;
    }
    
#pagefunctionsmenu_zoning a
{
    text-decoration:underline;
    color: #7A93E3;
}
#pagefunctionsmenu_zoning a:link
{
    text-decoration:underline;
    color: #7A93E3;
}
#pagefunctionsmenu_zoning a:hover 
{
    text-decoration: underline;
    color: #B6C6F6;
    }
    
    
#pagetitle h3 
{
    font-size: 130%;
    color: #336600;
}
#pagecontent p 
{
	font-size: 80%;
	font: small serif;
	font-family: Arial, Helvetica, sans-serif;
} 
#pagecontent img {
		position:relative;
}	
#pagetitle a:link {
	color: #336600;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
#pagecontent a:link {
	font-family: Arial, Helvetica, sans-serif;
	font: normal normal normal small Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: underline;
	margin-right: 2px;
	margin-left: 2px;
	font-size: small;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	top: auto;
	text-align: right;
}
#pagetitle a:visited {
	color: #336600;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
#pagecontent a:visited {
	color: #336600;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
#pagetitle a:hover{
	color: #99CC99;
	text-decoration: underline;
	}
#pagecontent a:hover{
	color: #99CC99;
	text-decoration: underline;
	}
#pagecontent h1 {
	font-weight: bold;
	text-align: left; 
	text-decoration: underline;
	font-size: 120%;
	color: #996666;
}
#pagecontent h2 {
	font-weight: bold;
	text-align: left; 
	text-decoration: underline;
	font-size: 110%;
	color: #336600;
}
#pagecontent h3 {
	font-weight: bold;
	text-align: left; 
	font-size: 110%;
	color: #996666;
}
#pagecontent h4 {
	font-weight: bold;
	text-align: left; 
	text-decoration: none;
	font-style:italic;
	font-size: 100%;
	color: #336600;
}
#pagecontent hr 
{
    width: 75%;
    color: #9C9284;
    text-align: center;
}
#pagecontent ul 
{
    margin-left: 2em;
}
#pagecontent li
{
    list-style-type:disc;
}
#pagecontent ol 
{
    margin-left: 2em;
}
#pagecontent table 
{
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
}
#pagecontent th 
{
    background: #996666;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
}


#pagetitle_zoning h3 
{
    font-size: 130%;
    color: #336600;
}

#pagecontent_zoning p 
{
	font-size: 80%;
	font: small serif;
	font-family: Arial, Helvetica, sans-serif;
} 
#pagecontent_zoning img {
		position:relative;
}	
#pagetitle_zoning a:link {
	color: #336600;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
#pagecontent_zoning a:link {
	font-family: Arial, Helvetica, sans-serif;
	font: normal normal normal small Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: underline;
	margin-right: 2px;
	margin-left: 2px;
	font-size: small;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	top: auto;
	text-align: right;
}
#pagetitle_zoning a:visited {
	color: #336600;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
#pagecontent_zoning a:visited {
	color: #336600;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
#pagetitle_zoning a:hover{
	color: #99CC99;
	text-decoration: underline;
	}
#pagecontent_zoning a:hover{
	color: #99CC99;
	text-decoration: underline;
	}
#pagecontent_zoning h1 {
	font-weight: bold;
	text-align: left; 
	text-decoration: underline;
	font-size: 120%;
	color: #996666;
}
#pagecontent_zoning h2 {
	font-weight: bold;
	text-align: left; 
	text-decoration: underline;
	font-size: 110%;
	color: #336600;
}
#pagecontent_zoning h3 {
	font-weight: bold;
	text-align: left; 
	font-size: 110%;
	color: #996666;
}
#pagecontent_zoning h4 {
	font-weight: bold;
	text-align: left; 
	text-decoration: none;
	font-style:italic;
	font-size: 100%;
	color: #336600;
}
#pagecontent_zoning hr 
{
    width: 75%;
    color: #9C9284;
    text-align: center;
}
#pagecontent_zoning ul 
{
    margin-left: 2em;
}
#pagecontent_zoning li
{
    list-style-type:disc;
}
#pagecontent_zoning ol 
{
    margin-left: 2em;
}
#pagecontent_zoning table 
{
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
}
#pagecontent_zoning th 
{
    background: #7A93E3;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
}



/*classes for shadow effect */
.container {
	position: relative;
	left: -1px;
	top: -1px;
}
.shadow3 {
	position: relative;
	left: -1px;
	top: -1px;
}
.shadow2 {
	position: relative;
	left: -1px;
	top: -1px;
}
.shadow1 {
	/*background: #F1F0F1; */
	background: #E6E6CC;
	}

.shadow2 {
	background: #DBDADB;
	}

.shadow3 {
	background: #B8B6B8;
	}
.container {
	background: #ffffff;
	border: 1px solid #996666;
	}
.container_zoning {
	background: #ffffff;
	border: 1px solid #7A93E3;
	}


.spacerline
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height:3px;
    clear:both;
}
.spacerline1
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height:1px;
	background: #B8B6B8;
}
.spacerline2
{
    padding: 0px 0px 0px 0px;
    margin: 0px -1px 0px 1px;
    height:1px;
	background: #DBDADB;
}
.spacerline3
{
    padding: 0px 0px 0px 0px;
    margin: 0px -2px 0px 2px;
    height:1px;
	background: #E6E6CC;
}

/*begin print media */
@media print 
{
	html * 
	{
	    padding: 0px 60px 0px 0px;
	}

#footer 
{
    display: none;
}
#pagefunctionsmenu 
{
    display: none;
}
#headercontainer 
{
    background-image: none;
    background-color: #CCCC99;
}        
        #headercontainer h1 
        {   
            padding-top: 6px;
            color: #ffffff;
            font-size: 170%;
            font-weight: bold;
            line-height: 75%;
        }
        #headercontainer h2
        {
            color: #ffffff;
            font-size: 130%;
        }
        .biggerLetter 
        {
            font-size: 140%;
        }
        #pagetitle 
        {
            border: none;
        }
        #pagecontent 
        {
            border:none;
        }
        #container
        {
             border: none;
        }
        #topnavigationmenu 
        {
            background-image: none;
        }
		#pagetitle h1
		{
		    page-break-after: avoid;
		    page-break-before: avoid;
		}
		
#pagecontent p
{
    page-break-before: avoid;
    padding-right: 60px;
}
.noprint 
{
    display: none;
}
.printonly
{
    display: inline;
}
.spacerline 
{
    display: none;
}		    
.GPUNavigationMenu 
{
    display: none;
}    
.headerimages 
{
    display: none;
}    
.emergencynotification 
{
    display: none;
}       
.shadow3 
{
    background-color: #ffffff;
}    
.shadow2 
{
    background-color: #ffffff;
}    
.shadow1 
{
    background-color: #ffffff;
}    
} /*end print media */