/* description   Supporters of Kevin Hanley for Auburn California City Council */
/* purpose    Style Sheet built for Kevin Hanley for Auburn City Council */
/* author     Betsy Davis */
/* created    March 23, 2002 */
/* editor     Betsy Davis */
/* updated    April 14, 2010 */
/* changes    Change top menu bar */

/* Body */

body
  { font-size: 12pt;
    font-family: "Times New Roman", "Times Roman", Times, FreeSerif, serif;
    color : #000080; /* navy */
    background-color : #FFFFFF ; /* white */
    background-image : url(background_blue_fade.jpg);
    background-repeat : repeat-x ;
    margin-left: 10%;
    margin-right: 10%;
    text-align : left;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    /* border: 3px green solid ; */
  }
     
/* Page Divisions */

div.header
  { clear: right;
    float : left ;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border-width: 0;
    /* border: 3px black solid ; */
    text-align: center;
  }
      
div.header a
  { text-decoration: none;
    font-style: normal;
  }

div.header hr
  { clear : both ;
  }

/* Header Buttons */

div#menu 
  { 
    margin-top : -1em ;
    margin-bottom : 1em ;
    margin-left: auto;
    margin-right: auto;
    /* border: 3px red solid ; */
  }

div#menu ul
  { margin-left : -2.5em ;
  }

/* set li as buttons */

div#menu li 
  { list-style-type : none ;
    /* border : 1px black solid ; */
    margin : 0em ;
    padding : 0.1em ;
    float : left ;
    width : 10em ;
    color : #000000 ; /* black */
    background-color : #3399CD ; /* moderate blue */
    text-align : center ;
  }

/* display anchors as buttons */

div#menu a
  { color : #000000 ; /* black */
    background-color : #3399CC ; /* moderate blue */
    text-decoration : none ;
    display : block ;
    /* border : 3px outset #3399CD ;  moderate blue */
  }

/* flash white on anchor hover */

div#menu a:hover
  { background-color : white ;
    /* border : 3px inset #3399CD ;  moderate blue */
  }

/* collapse menus */

div#menu li ul 
  { display : none ;
  }

/* show submenus on hover */

div#menu li:hover > ul
  { display : block ;
    /* margin-left : -2em ; */
  }

div#menu li li li
  { margin-left : 1em ;
  }

/* right column */

div.rightcol
  { float: right;
    width: 20%;
    margin: 0 0 0 0;
    padding: 0.2em;
    padding-bottom: 0.6em;
    border: medium solid black;
    /* border: 3px red solid ; */
    background:  #e6efFF; /* medium aliceblue */
    font-size: 0.8em;
    text-align: center;
  }

div.rightcol h3
  { font-size: 1.5em;
    font-weight: 900;
    color: #0000ff; /* blue */
    text-transform: capitalize;
    margin: 0em;
    padding: 0em;
    margin-bottom: 0.7em;
  }

div.rightcol hr
  { clear : both ;
    margin: auto;
    margin-top: 0em;
    margin-bottom: 0em;
    width: 80%;
    padding: 0em;
  }

div.rightcol p
  { padding: 0em;
    margin-top: -0.7em;
    margin-bottom: +0.0em;
  }

div.rightcol a
  { font-variant: small-caps; 
    font-weight: bold;
  }

div.rightcol em
  { font-weight: bold;
  }

div.main
  { margin-left: 0.2em;
    margin-right: 0.2em;
    padding-left: 0.0em;
    padding-right: 0.0em;
    /* border: 3px green solid ; */
  }

div.main h2
  { padding-top: 0.2em;
    padding-bottom: 0.2em;
  }

div.main p
  { padding-top: 0em;
    padding-bottom: 0em;
    margin-bottom: 0em;
    margin-top: 0.2em;
  }

div.tasks
  { text-align: left;
  }

div.endorse
  { float: left;
    width: 75%;
    margin : 0.2em ;
    padding : 0.2em ;
    /* border: 3px blue solid ; */
  }

div.footer
  { clear: both;
    float : left;
    width: 100%;
    margin: auto auto auto auto;
    padding: 0;
    /* border: 3px purple solid ; */
    border-width: 0;
    text-align: center;
  }
      
/* Form elements */

form
  { clear : both ;
    float : center ; 
    margin-right: auto;
    margin-left: auto;
  }
  
fieldset
  { border-width: 0;
    margin-right: auto;
    margin-left: auto;
  }
          
label
  { clear : left ;
    float : left ;
    width : 7em ;
    text-align : right;
    margin-right : .5em ;
  }
          
input.radiol
  { float : left ;
  }
          
input.radior
  { float : left ;
  }
          
button
  { float : left ;
    width : 10em ;
    margin-left : 7em ;
    margin-top : 1em ;
  }
          
/* Images */

img
  { padding: 0.2em;
    margin: 0.2em;
  }
      
img.left
  { float : left;
    border : 3px groove #808080; /* gray */
  }
      
img.right
  { float : right;
    border : 3px groove #808080; /* gray */
  }
      
img.button
  { border-width : 0 ; 
    /* border : 3px black single ; */
  }
      
/* Paragraphs */

p
  { text-align : left;
  }

p.left
  { text-align : left;
    clear : left ;
  }
    
p.center
  { text-align : center;
  }

/* Bullet-Point Lists */

ul
  { text-align : left;
    clear : left ;
  }

/* Headings */

h1
  { text-align : center;
  }

h2
  { text-align : center;
  }

h2.left
  { text-align : left;
  }

h3
  { text-align : left;
  }

h3.center
  { text-align : center;
  }

h4
  { text-align : left;
  }

h5
  { text-align : left;
  }

h6
  { text-align : center;
  }