/*
   New Perspectives on HTML and CSS
   Tutorial 4
   Case Problem 4

   Park City Gazette Style Sheet
   Author: David Katelansky
   Date:   05/27/2015

   Filename:         paper.css
   Supporting Files: 

*/

*
{
   padding: 0px;
   margin: 0px;   
}

body
{   
   display: block;   
   color: black;
   font-family: Helvetica, Times, 'sans-serif';
   z-index: 0;
}

header
{
   background-image: url('ColoradoHeader.jpg');
   background-repeat: no-repeat;
   background-position: center;   
   background-size: 71.5% 100%;
   display: block;
   font-size: 48pt;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   letter-spacing: 1px;
   width: 100%;
   background-color: cyan;
}

nav
{
   display: block;
   height: 87.2%;
}

nav.vertical
{
   position: absolute;
   top: -3%;
   margin-top: 100px;
   clear: left;
   float: left;
   width: 14.25%;
   text-indent: 15%;
   background-color: cyan;  
}

nav.vertical li
{
   font-weight: 600;
   list-style-type:none;
   text-indent: 4%;
   margin-top: 20px;
   margin-bottom: 20px;
   font-size: 0.75em;
}

nav.vertical li a
{ 
   text-decoration: none;
   color: black;   
}

nav.vertical li a:hover
{
   color: red;
}

#RightSide
{
   display: block;
   position: absolute;
   top: -3%;
   right: 0%;
   margin-top: 100px;  
   width: 14.25%;
   text-indent: 15%;
   background-color: cyan;  
   height: 90%;
   font-size: 0.75em;
}

#RightSide li
{
   font-weight: 600;
   list-style-type:none;
   text-indent: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#RightSide li a
{ 
   text-decoration: none;
   color: black;   
}

#RightSide li a:hover
{
   color: red;
}

section
{
   margin-left: 15%;
   margin-right: 15%;
   margin-top: 1%;
}

footer
{   
   position: absolute;
   bottom: 0px;    
   width: 100%;
}

footer address
{
   background-color: white;
   border-top: 1px solid black;
   color: black;
   font-size: 14pt;
   font-style: normal;
   text-align: center;
   margin-top: 25px;
   padding-bottom: 20px;
}