/* CSS Tutorial:

# indicates ID selector
. indicates class selector

Examples:
#top {
    background-color: #ccc;
    padding: 20px
}

.intro {
    color: red;
    font-weight: bold;
Note:
ID can be used to identify ONLY one element in the code
class can be used to identify MULTIPLE elements in the code

Use Example:
<div id="top">
	<h1>Chocolate curry</h1>
	<p class="intro">This is my recipe for making curry purely with chocolate</p>
	<p class="intro">Mmm mm mmmmm</p>
</div>

Note:
You can specific an HTML element by simply stating the HTML selector first like
p.jam {  whatever  }
This will only be applied to paragraph elements that have the class “jam”.
*/


.serif {
  font-family: "Times New Roman", Times, serif;
}

.sansserif {
  font-family: arial, Helvetica, sans-serif;
}

.boldblacktext {
color: black;
font-weight: bold;
}
.bigbold125green {
  font-weight: bold;
  font-size: 125%;
  color: #22b14c;
  text-transform: capitalize;
}
.center_only {
text-align: center;
}

.text_left120 {
text-align: left;
font-size: 120%;
}

.normaltext_left {
text-align: left;
font-family: arial;
}

.normaltext{
font-family: arial;
}
/*
body {
  background-image: url("images/header13x147px.png");
  background-repeat: repeat-x;
}
*/
/*
#headerimage {
background-image: url(images/header%2013x147px.png);
}
*/
#pgheader {
font-family: Arial;
font-size: 25px;
line-height: 30px;
font-weight: bold;
color: white;
text-align: center;
}

#text12px {
font-family: Arial;
font-size: 12px;
display: block;
line-height: 16px;
color: #333333;
}
#textlinks {
font-family: Arial;
font-size: 12px;
line-height: 14px;
}
#menuimage {
background-image: url(images/menubar.png);
}
#text14px {
font-family: Arial;
font-size: 14px;
line-height: 16px;
color: #666666;
}
#text16px {
font-family: Arial;
font-size: 16px;
color: #666666;
line-height: 25px;
}
#table.center {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
  }