
*
	{
		margin: 0;
		padding: 0;
/* 
 Removes browser default margins and padding from ALL elements; including paragraphs and lists
 They were causing problems with 'nav ul' so that's where I applied them.
 I want the defaults for paragraphs, for now.
 NO - I changed my mind; I'll determine paragraph spacing with CSS.
*/
	}
body 
    {
		background-color: #ddd;
/*		margin: 0;  -  Removes band of body color above wrapper  but does not affect browser
   	padding: 0: -  margin/padding defaults on paragraphs or lists  
*/
    }
#wrapper 
    {
	font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-size: 16px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	color: #f9dfc9;
	background-color: #a38e86;
    }
/*  ----------------  */
header /*  # B4 header stalls css - header a keyword; not an id  */
    {
	color: #32232e;
	background-color: #f9dfc9;
	height: 60px;
	width: 100%;
    }
header .logo
    {  /*  img size: 59px x 38px  */
	float: left;  /* Else positioned after other floats  */
	margin: 10px 15px 0 15px;  /*  Adjust position within <header>  */
    }
.cp_rght_notice
    {
	font-size: 0.925em;
	float:left;
	line-height: 1.5em;  /*  Increase space between 2 lines  */
	margin: 0.4em 2em 0 1em;  /*  Adjust position within <header>  */
    }
header h1
/*  Browser default margins/padding cause floated headings to be vertically centered within <header>
*/
    {  
		float:left;
		font-size: 1.5em;
		margin: 0.6em 0.5em 0 0;  /*  w/o browser defaults used to vertically position <h1> within <header>  */
    }
header h2
    {
	float: left;  /*Required else <h2> spans width of page  */
	font-size:1.25em;
	margin: 0.9em 0 0 0;	
/*	 With browser margins: 'line-height: 1.5em;'  repositions <h2> slightly down within <header>  
*/
    }
/*  ----------------  */
nav
    {
        background-color: #4c3646;
        width: 100%;
        height: 50px;
    }
nav ul
    {
/*      margin: 0;    Browser defaults causing unwanted margins and padding  
    	  padding: 0;   Change of mind: will use "*" above to remove all margins/padding.
*/
        list-style-type: none;  /*  Removes bullets  */
    }
nav li
    {
        float: left;  /*  Display <li>s in a row; not a column  */
    }
nav li a
    {
        float: left;
        text-decoration: none;  /*  Removes underlines  */
        text-align: center;
		  width:192px;  /*  960/5 = 192  */
        color: #f9dfc9;
        font-size: 0.875em;
		  font-weight: bold;
        padding: 1.25em 0 1em 0;  /*  Vertically position text & expand container's clickable area  */
    }
nav li a:hover
    {	 /*  Hi-lite clickable area when cursor rolls over link to another page  */
	color:#ffdfcf;
	background-color: #66475e;
    }
nav li.ur_here a
    {  /*  Can't exit to here so leave exit light off  */
    	color:#e9c2b0;
      background-color: #32232e;
    }
nav li.ur_here a:hover
    {  /*  Can't exit to here so don't hi-lite link  */
    	color:#e9c2b0;
      background-color: #32232e;  	
    }
/*  ----------------  */
footer 
    {
   clear: both;
/*	 'padding-top:1.25em;'  Increases height of <footer>: Apply to <address>
*/
	color: #32232e;
	background-color: #f9dfc9;
	height: 50px;
	width: 100%;
	font-size: 1.25em;	/*  OOPS - address the appropriate location  */
	font-style: italic;
	text-align: center;	/*  but address will inherit  */
    }
address
    {
    	padding-top: 0.75em;
    }

