/* New CSS Layout Template with 1 Column & No Tables - updated on 1/05/10 by smd */

body {
   border-width: 0px;
   padding: 0px;
   margin: 5px 2px 5px 2px;  /* this means top-5px, right-2px, bottom-5px, left-2px */
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #000000; /* black */
   background-color: #CCCCCC; /* light gray */
   }

/* Style for Paragraph (p) */

p  {font-family: Verdana; padding: 1px 2px 1px 2px;}

/* Style for differnt font color */
  
.fcwhite {font-family: Verdana; color: #FFFFFF;}
.fcblack {font-family: Verdana; color: #000000;}
.fcred   {font-family: Verdana; color: #FF0000;}
.fcblue  {font-family: Verdana; color: #0000FF;}
.fcgreen {font-family: Verdana; color: #00C000;}
.fcyellow{font-family: Verdana; color: #FFFF00;}

/* Style for differnt font sizes */
  
.fs06  {font-size: 6px;}
.fs08  {font-size: 8px;}
.fs10  {font-size: 10px;}
.fs12  {font-size: 12px;}
.fs14  {font-size: 14px;}
.fs16  {font-size: 16px;}
.fs18  {font-size: 18px;}
.fs20  {font-size: 20px;}

/* Style for Heading 1 (h1) */

h1 {font-family: Verdana; font-size: 20px; font-weight: bold; color: #FFFFFF;}

/* Style for Heading 2 (h2) */

h2 {font-family: Verdana; font-size: 14px; font-weight: bold; color: #FFFFFF;}

/* Style for Heading 3 (h3) */

h3 {font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF;}
  
/* Style for Heading 4 (h4) */

h4 {font-family: Verdana; font-size: 11px; color: #FFFFFF;}

/* Style for Heading 5 (h5) */

h5 {font-family: Verdana; font-size: 9px; color: #FFFFFF;}

/* Style for Heading 6 (h6) */

h6 {font-family: Verdana; font-size: 8px; color: #FFFFFF;}

/* Additional Style - centered */

.centertext {text-align: center; font-weight: bold; padding: 1px 0px 1px 0px;}

/* Additional Style - centered */

.justifytext {text-align: justify; padding: 1px 10px 1px 10px;}
 
/* Style for Container - Grouping all elements, like header, main and the footer sections into center of page */

#container {
   margin-left: auto;
   margin-right: auto; 
   width: 800px;
   height: 100%;
   background-color: #FFFF99; /* light yellow */
   }

#header {
   position: relative;
   float: left;
   left: 0.00%;
   width: 792px;
   border-top: 3px solid #333333;
   border-right: 4px solid #333333;
   border-bottom: 0px dotted #333333;
   border-left: 4px solid #333333;
   -moz-border-radius-topleft: 4px;
   -webkit-border-top-left-radius: 4px;
   -moz-border-radius-topright: 4px;
   -webkit-border-top-right-radius: 4px;
   background-color: #999999;
   }

/* Additional Style - for text in header */

.headertext {text-align: center; font-weight: bold; padding: 1px 0px 1px 0px;}
   
#menutop {
   position: relative;
   float: left;
   left: 0.00%;
   width: 792px;
   border-top: 3px solid #333333;
   border-right: 4px solid #333333;
   border-bottom: 3px solid #333333;
   border-left: 4px solid #333333;
   background-color: #FFFFFF;
   }

#wrapper {
   position: relative;
   float: left;
   left: 0.00%;
   width: 792px;
   height: 100%;
   padding: 0px 0px 5px 0px;
   border-top: 0px solid #333333;
   border-right: 4px solid #333333;
   border-bottom: 0px solid #333333;
   border-left: 4px solid #333333;
   background-color: #999999;
   }
   
#sidetoside {
   position: relative;
   float: left;
   left: 0.00%;
   width: 774px;
   margin: 2px 5px 12px 5px;
   color: #003366;   
   border-top: 4px solid #333333;
   border-right: 4px solid #333333; 
   border-bottom: 4px solid #333333;
   border-left: 4px solid #333333;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color: #CCCCCC; 
   }   
   
#leftside {
   position: relative;
   float: left;
   left: 0.00%;
   width: 90px;
   height: 380px;
   margin: 5px 0px 5px 5px;
   color: #003366;   
   border-top: 4px double #333333;
   border-right: 4px double #333333; 
   border-bottom: 4px double #333333;
   border-left: 4px double #333333;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color: #C0C0C0; 
   }
   
#middle {
   position: relative;
   float: left;
   left: 0.00%;
   width: 570px;
   height: 380px;
   margin: 5px 4px 0px 4px;
   border-top: 4px solid #333333;
   border-right: 4px solid #333333;
   border-bottom: 4px solid #333333;
   border-left: 4px solid #333333;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color: #CCCCCC;
   }

#middleonly {
   position: relative;
   float: left;
   left: 0.00%;
   width: 774px;
   height: 380px;
   margin: 5px 5px 5px 5px;
   border-top: 4px solid #333333;
   border-right: 4px solid #333333;
   border-bottom: 4px solid #333333;
   border-left: 4px solid #333333;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color: #CCCCCC;
   }
   
#rightside {
   position: relative;
   float: right;
   right: 0.00%;
   width: 90px;
   height: 380px;
   margin: 5px 5px 5px 0px;
   border-top: 4px double #333333;
   border-right: 4px double #333333;
   border-bottom: 4px double #333333;
   border-left: 4px double #333333;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color: #C0C0C0;
   }
   
#footer {
   position: relative;
   float: left;
   left: 0.00%;
   width: 792px;
   margin: 0px 0px 0px 0px;
   border-top: 3px solid #333333;
   border-right: 4px solid #333333;
   border-bottom: 3px solid #333333;
   border-left: 4px solid #333333;
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   background-color: #999999;
   }

/* Additional Style - for text in footer */

.footertext {text-align: center; padding: 1px 0px 1px 0px;}

/* end of CSS */