/*Fixing linked images  */
a img          { border: 0px; }
a:hover img    {border: 0px; }
a:visited img  {border: 0px; }

/*Fixing Link text */
a {text-decoration: none; color: #999999; font: 100%/1.4 Arial, Verdana, Helvetica, Sans-Serif; font-weight: bold}


p {color: blue; font-size: 100%; } /* affects all paragraph elements */ 

h1,h2 {color: red; font-size: 400%; }  /* affects all h1 and h2 elements */ 

/* classes */

.inobtrusive  {color: #999999; font: 50%/1.4 Arial, Verdana, Helvetica, Sans-Serif; font-weight: bold}
.smalloomlout  {color: #999999; font: 120%/1.4 Arial, Verdana, Helvetica, Sans-Serif; font-weight: bold}
.smalllocations {color: #999999; font: 100%/1.4 Arial, Verdana, Helvetica, Sans-Serif; font-weight: bold}

/* ids (different from classes in that they are unique on a page ie. only one occurence */

#top            {background: white; width: 100%; height: 15%}
#left-mid-pad   {background: white; width: 20%; height: 70%; float: left}
#middle         {background: white; width: 60%; height: 70%; align: center; float: left}
#right-mid-pad  {background: white; width: 20%; height: 70%; float: right}
#bottom-right   {background: white; width: 20%; height: 15%; float: right}



#header {width: 90%; background: white; font-size: 20px; color: purple; } /* introduces clas header */