/* JGSC Standard Stylesheet */

body      { background-color: #dddddd;
            color: #101010;
            font-family: Arial, sans-serif;
            font-size: 1em;
          }

#pgheader
          { background-color: #4caccf;
            color: white;
            margin-left: auto;
            margin-right: auto;
            border: 1px solid #4caccf;
            width: 920px;
            height: 99px;
            padding: 10px;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 20px;
          }

#maincontent
          { background-color: white;
            color: #202010;
            margin-left: auto;
            margin-right: auto;
            border: 1px solid #4caccf;
            border-bottom: none;
            width: 920px;
            padding: 10px;
            padding-top: 0;
          }
#left_section
          {
            padding-right: 275px;
          }

#left_section_wide
          {
            padding-right: 225px;
          }

#right_section
          { width: 250px;
            float: right;
            padding-top: 10px;
          }

#right_section_wide
          { width: 200px;
            float: right;
            padding-top: 32px;
}

#stretcher
          { width: 800px;
            height: 1px;
            clear: both;
}

.section_group
          {
            margin-bottom: 2em;
          }

#pgfooter
          { background-color: #202010;
            color: #dddddd;
            width: 920px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 10px;
            padding-right: 10px;
            border: 1px solid #202010;
            text-align: center;
            font-size: 0.6em;
          }

p         { text-align: justify; }
li        { text-align: left; 
             padding-bottom:10px; }

big       { font-size: 1.2em; }
small     { font-size: 0.8em; }

h4        { font-size: 1.0em;
            color: #000080;
          }

h3        { font-size: 1.2em;
            color: #000080;
          }

h2        { font-size: 1.4em;
            color: #000080;
          }

h1        { font-size: 1.7em;
            font-weight: bold;
            margin-top: 10px;
            color: #000080;
          }

#right_section h2, #right_section_wide h2
          { font-weight: bold; font-size: 1em; color: #000080; margin: 0px;}
#right_section p, #right_section_wide p
          { font-size: 1em; color: black; margin: 0px;}

.right    { text-align: right; }
.center   { text-align: center; }


.fl       { float: left; }
.fr       { float: right;
            clear: right;
            width: 750px;
            margin-bottom: 1em;
          }


/* some primary colours... */
.red      { color: red; }
.green    { color: green; }
.yellow   { color: yellow; }
.blue     { color: blue; }
.white    { color: white; }
.orange   { color: orange; }
.jgscbl { font-weight: bold; color: #000080; }

a:link    { color: #0e869f; text-decoration: none; }
a:visited { color: #0e869f; text-decoration: none; }
a:hover   { color: #0e869f; text-decoration: underline; }
a:active  { color: #ff0000; text-decoration: underline; }

#pgfooter a {color: white;}
#pgheader a {color: #000080; font-weight: bold;}

hr        { width: 90%;
            border: 1px solid #4caccf/*#000080#b53140*/;
          }

pre	    { font-family: Courier, monospace; text-align: left; margin-left: 30px; }
pre.errorcode  { padding: 10px; border: 1px solid white; background: #cc0000; margin-right: auto; width: auto;}
tt	       { font-family: Courier, monospace; }

img       { border-style: none; border-width: 0px; padding: 0px }

table     { border-collapse: collapse; border: none; margin-left: auto; margin-right: auto; }
tr.outlined { border: 1px solid white; }
td,th     { font-size: 0.8em; border: 1px solid white; width: 120px; padding: 3px;}
th        { font-weight: bold; text-align: left; }


td.noborder, th.noborder
          { border: none; }