/* ------------ *\
   -- Common --
\* ------------ */
   body {
        background-color : #FFFFFF;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000000;
        margin: 0px;
   }

   p, ol, ul, dl { font-size: 14px; }
   p ol, p ul, p dl, ol ul { font-size: 14px; }

   em { font-weight: bold; }

   .textindent { text-indent: 10px; }
        
   .six {
        font-size: 11px;
        color: #999999; /*this is for small text*/
        background: transparent;
   }
   .mit {
        text-align:
        justify;
   }
   .aqua {
        color : #00909D;
        font-weight: bold;
        background: transparent;
   }
   .bluegrey {
        color : #3D6384;
        background: transparent;
   }
   .red {
        color : #FF0000;
        background: transparent;
   }
   .ored {
        color : #843D3E;
        background: transparent;
   }
   .mint {
        color: #009999;
        background: transparent;
   }
   .ROT {
        font-size: 16px;
        color: #843D3E;
        font-weight: 600;
        background: transparent;
   }
   .ROT2 {
        font-size: 40px;
        color: #843D3E;
        font-weight: 600;
        background: transparent;
   }
    
   a:link {  /*normal links in the text*/
        color: #0E009D; 
        text-decoration : none; 
        background: transparent;
   }
   a:visited {
        color: #0E009D; 
        text-decoration : none; 
        background: transparent;
   }
   a:hover { 
        color: #843D3E; 
        text-decoration : underline; 
        background: transparent;
   }

/* ------------------------------ *\
   -- Top area of the web page --
\* ------------------------------ */
   .heading {
        background-color : #00909D;
        text-align: center;
        color : #000000;
   }

   a.frameheading:link {
        color: #000000;
        text-decoration: none;
        font-weight: 600;
        background: transparent;
   }
   a.frameheading:visited {
        color: #000000;
        text-decoration: none;
        font-weight: 600;
        background: transparent;
   }
   a.frameheading:hover {
        color: #7FFFD4;
        text-decoration: none;
        font-weight: 600;
        background: transparent;
   }

   .homeaddr {
        padding: 30px 0px 30px 0px;
        font-size: 20px;
   }

   .jayna {
        padding: 10px 0px 10px 0px;
        font-size: 10px;
   }

/* ------------------------------- *\
   -- Left area of the web page --
\* ------------------------------- */
   #leftsection {
        position: absolute;
        top: 135px;
        left: 0;
        background: #00909D;
        text-align: center;
        width: 160px;
        height: auto;
   }

/* -------------------------------- *\
   -- Right area of the web page --
\* -------------------------------- */
   #rightsection {
        margin: 0 0 0 160px;
        height: 100%;
        text-align: left;
   }

/* ----------- *\
   -- Boxes --
\* ----------- */
   .box {
        background: transparent;
        color : #990049;
        font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        padding : 2px;
        margin: 2px;
        border-color : #00909D;
        border-style : groove;
        border-width : 2px;
   }

   .box2 {
        background: #7FFFD4;
        color : #000099;
        font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        padding : 2px;
        margin: 2px;
        border-color : #00909D;
        border-style : groove;
        border-width : 2px;
   }

   .box3 {
        background: #7FFFD4;
        color : #000099;
        font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        padding : 25px;
        margin: 0 60px 0 60px;
        border-color : #00909D;
        border-style : groove;
        border-width : 2px;
   }

   .fill {
        background: transparent;
        color : #00909D;
        height : 700px;
        font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        border-color : #00909D;
        border-style : groove;
        border-width : 0;
   }

/* ----------------- *\
   -- Footer area --
\* ----------------- */
   .footer {
        color : #000099;
        font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        padding : 2px;
        margin-bottom: 0;
        border-color : #00909D;
        border-style : groove;
        border-width : 2px;
   }

/* ---------------- *\
   -- Navigation --
\* ---------------- */
   .navigation {
        margin: 30px 3px 30px 3px;
        height: auto;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        line-height : 110%;
        text-align: left;
   }

   .navbox {
        font-size: 15px;
        font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
        background-color: #00909D;
        border-color: #994D00;
        border-style: groove;
        border-width: 2px;
        padding: 1px;
        margin: 2px;
   }

   a.nav:link {
        color: #0E009D;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        background: transparent;
   }
   a.nav:visited {
        color: #843D3E;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        background: transparent;
   }
   a.nav:hover {
        color: #7FFFD4;
        text-decoration : none;
        font-weight: 600;
        font-size: 14px;
        background: transparent; 
   }
   a.navtot {
        color: #CDCDCD;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        background: transparent
   }

   a.nav2:link {
        color: #0E009D;
        text-decoration : none;
        font-weight: 500;
        font-size:13px;
        background: transparent;
   }
   a.nav2:visited {
        color: #843D3E;
        text-decoration : none;
        font-weight: 500;
        font-size:13px;
        background: transparent;
   }
   a.nav2:hover {
        color: #7FFFD4;
        text-decoration : none;
        font-weight: 500;
        font-size:13px;
        background: transparent;
   }
   a.navtot2 {
        color: #CDCDCD;
        text-decoration: none;
        font-weight: 600;
        font-size: 13px;
        background: transparent;
   }

/* ------------------ *\
   -- Custom Count --
\* ------------------ */
   .customcountdisplay {
        border-style: solid;
        border-color: #843D3E;
        font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color: #7FFFD4;
        width: 140px;
   }

   .customcounthidden {
        margin-top: 1px;
        margin-left: 1px;
        width: 1px;
   }

/* ------------------------ *\
   -- Under Construction --
\* ------------------------ */
   .underconstruction {
       margin-top: 100px;
       margin-left: 110px;
       font-size: x-small;
       text-align: center;
   }

