/******************** General Rules ********************/

body
{
   /* position: relative; */
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   color: black;
   background-color: #ccffff;
   text-align: left;
   font-size: 12px;
   border: 0px solid blue;
}

table
{
   display: table;
   width: 950px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   margin-bottom: 15px;
   border-collapse: collapse;
   border: 0px solid blue;
}

tr
{
   display: table-row;
}

td
{
   display: table-cell;
   border-left: 2px solid blue;
   border-right: 2px solid blue;
   border-top: 2px solid blue;
   border-bottom: 2px solid blue;
   padding-left: 10px;
   padding-right: 10px;
}

hr
{
   width: 600px;
   height: 5px;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #0000FF;
}

h1
{
   text-align: center;
   color: blue;
   font-size: 18px;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
}

h2
{
   text-align: center;
   margin-top: 12px;
   margin-bottom: 16px;
   color: black;
   font-size: 16px;
   font-weight: bold;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
} 

.leftheading
{
   text-align: left;
   margin-top: 12px;
   margin-bottom: 12px;
   padding-left: 16px;
   padding-right: 16px;
   color: black;
   font-size: 16px;
   font-weight: bold;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
}

h3
{
   text-align: center;
   font-size: 14px;
   color: black;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
}

p
{
   font-size: 12px;
   color: black;
   padding-left: 16px;
   padding-right: 16px;
}

a
{
   font-size: 12px;
   font-weight: normal;
   color: #0000FF;
}

a:focus {outline: 0px;}

a:link
{
   text-decoration: none;
}

a:visited
{
   text-decoration: none;
}

a:active
{
   text-decoration: none;
}

.quote
{
   padding-left: 48px;
}

.quoteitalics
{
   font-style: italic;
   padding-left: 48px;
}

.textcentered
{
   text-align: center;
}

.textitalics
{
   font-style: italic;
}

.textbold
{
     font-weight: bold;
}

img
{
   border: 0px;
}

.imagecentered
{
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   border: 0px;
}

.elementfloatedleft
{
   float: left;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 10px;
   border: 0px solid red;
}

.elementfloatedright
{
   float: right;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 10px;
   border: 0px solid green;
}

ul,ol
{
   font-size: 12px;
   margin-top: 10px;
   margin-bottom: 10px;
}

li
{
   margin-top: 2px;
   margin-bottom: 2px;
}

ol.lettered
{
   list-style-type: lower-alpha;
}

.red
{
   
   color: red;
}

.black
{
   
   color: black;
}

/******************** Header Rules ********************/

.ImageVisible
{
   visibility: visible;
}

.ImageNotVisible
{
   visibility: hidden;
}

/******************** Menu Rules ********************/

#Menu
{
   margin-top: 12px;
   margin-bottom: 20px;
   border: 0px solid red;
}

table.menu
{
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   border-spacing: 0px;
}

tr.menu
{
   background-color: #666699;  /* Background color for horizontal menu */
   margin: 0px;
   padding: 0px;
}

td.menu
{
   border: 2px solid #c29090;  /*  Border color for horizontal menu */
   padding: 2px;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
}

ul.noShow
{
   visibility: hidden;
   position: absolute;
   list-style-type: none;
   margin: 0px;
   /* Next item needed for border-bottom of last li of list, which is 0px in li rule */
   border-bottom: 2px solid #c29090; /* Border color for pull-down menu */
   padding: 0px; 
}

li.menu
{
   list-style-position: outside; 
   background-color: #666699; /* Background color for pull-down menu */
   width: 190px;
   margin-top: 0px;
   margin-bottom: 0px;
   border-left:   2px solid #c29090; /* Border color for pull-down menu */
   border-right:  2px solid #c29090; /* Border color for pull-down menu */
   border-top:    2px solid #c29090; /* Border color for pull-down menu */
   border-bottom: 0px solid #c29090; /* Set to 0 to avoid doubling */
   padding: 2px;
}

a.white
{
   /* Original text color before mouseover on both horizontal and pull-down menu */
   color: white;
   font-weight: bold;
   font-size: 14px;
}

a.black
{
   /* Text color for mouseover on both horizontal and pull-down menu */
   color: #cc0066;
   font-weight: bold;
   font-size: 14px;
}

/******************** Container Rules ********************/

.BackgroundImageContainer
{
   /* Used together with class .Container */
   /* Background graphic physical dimensions: width: 990px; height: 760px */
   overflow: hidden;
   width: 990px;
   background-color: white;
   background-image: url(Clouds-4.jpg);
   background-repeat: no-repeat;
   border: 0px solid green;
}

.Container
{
   /* These containers are always within class .BackgroundImageContainer */
   overflow: hidden;
   width: 970px;
   margin-left: auto;
   margin-right: auto;
   border: 0px solid red;
}


/* For Splitting Whole Container in Halves and Thirds */

.TwoColumns
{
   width: 480px;
   float: left;
   border: 0px solid green;
}

.ThreeColumns
{
   width: 320px;
   float: left;
   border: 0px solid blue;
}

.Box
{
   border: 2px solid blue;
   margin: 0px;
   padding: 10px;
   background-color: #add8e6;
}

/******************** Footer Rules ********************/

#Footer
{
   overflow: hidden;
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 30px;
   border: 0px solid black;
}

.textfooter
{
   font-size: 11px;
   color: black;
   padding-left: 16px;
   padding-right: 16px;
}

#warning
{
   width: 400px;
   height: 70px;
   border: 0px solid black;
}