/* CSS Document */
 
body
{
    background-color:white;
}
 
 
/* .................................... HEADER & FOOTER ................................... */
 
#header
{
    background-image:url(headerbackground.jpg);
    height:5%;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:white;
    text-align:center;
    width:100%;
}
 
#header  a
{
    color:yellow;    
    text-decoration:none;
}
 
#header  a:hover
{
    text-decoration:underline;
}
 
#footer
{
    background-image:url(headerbackground.jpg);
    font-family:Georgia, "Times New Roman", Times, serif;
    color:white;
    text-align:center;
    border-top:2px solid white;
    float:left;
    height:5%;
    width:100%;
}
 
#footer a
{
    color:yellow;    
    text-decoration:none;
}
 
#footer a:hover
{
    text-decoration:underline;
}
 
/************************************ BANNER ************************************/
 
#banner
{
    background-image:url(bannerbackground.jpg);
    text-align:center;
    height:150px;
}
 
 
 
/************************************ TEMPLATE MENU ************************************/
 
#templateMenu
{
    float:left;
    width:11%;
    border:1px solid red;
    background-color:green;
}
 
#templateMenu ul
{
    list-style:none;
    margin:0px;
    position:relative;
    padding:0px;
    width:100%;
    border:thin solid red;
    border-bottom:0px;
}
 
#templateMenu ul a
{
    display: block;
    text-align:center;
    background-color:yellow;
    text-decoration:none;
    width:100%;
    border-bottom:thin solid red;
    color:blue;
    position: relative;
    font-size:large;
    line-height:30px;
}
 
#templateMenu ul a:hover
{
    color:black;
    background-color:yellow;
    text-transform:uppercase;
}
 
 
/************************************ CENTER CONTENT ************************************/
 
#centerContent
{
    background-image:url(contentbackground.jpg);
    width:700px;
    margin-left:35px;
    float:left;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
}
 
#centerContent ul
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    list-style-type:decimal;
    color:black;
}
 
#centerContent li
{
    margin:3% 3%;
    line-height:1.5em;
}
 
/************************************ LEFT CONTENT ************************************/
 
#leftContent
{
    margin-top:30px;
    float:left;
}
 
/************************************ RIGHT CONTENT ************************************/
 
#rightContent
{
    float:right;
}
 
/*********************************** Pre-Defined Elements ************************************/
 
p.first-letter:first-letter
{
    font-family:Georgia, "Times New Roman", Times, serif;
    color:red;
    margin-left:5%;
    font-size:xx-large;
}
 
p
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    font-size:medium;
    line-height:1.5em;
    margin:2% 3%;
    color:black;
}
 
h3
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:left;
    font-size:x-large;
    margin:2% 3%;
    color:purple;
    letter-spacing:5px;
    border-bottom:thin solid #990000;
}
 
h4
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:center;
    font-size:x-large;
    color:green;
}
 
h5
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    font-size:medium;
    margin:2% 3%;
    color:blue;
}
 
h6
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    margin:0;
    font-size:medium;
    font-weight:normal;
    color:red;
}
 
.italic
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:black;
    font-style:italic;
}
 
.bold
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:black;
    font-weight:bold;
}
 
.colorTextRed
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:red;
}
 
.colorTextBlue
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:blue;
}
 
.colorTextGreen
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:green;
}
 
.colorTextLime
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:#00FF00;
}
 
.background
{
 background-image:url(background.jpg);
}
 
/*********************************** TABLE ***********************************/
 
#contactTable
{
    border-spacing:2%;
    margin:3% 3%;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:left;
}
 
#contactTable tr
{
    border:none;
}
 
#contactTable td
{
    font-size:medium;
    color:black;
}
 
.contactForm
{
    background-color:#99FF99;
    border:1px solid red;
}
 
/*********************************** TABLE CLASSES ***********************************/
 
.table
{
    background-color:white;
    border-spacing:2%;
    margin:3% 3%;
    font-family:Georgia, "Times New Roman", Times, serif;
    border-collapse:collapse;
    text-align:left;
}
 
.tr
{
    border:none;
}
 
.td
{
    border:thin solid red;
    font-size:medium;
    padding:2px;
    text-align:center;
    color:black;
}