/* this one's for GDER pages
colours are: [blues]
pale=#e6efff
light=#bfd3ff
medium=#8b9dee
dark=#6572ae
vdark=#414a71
contrast= firebrick
background image=#8b9dee
link= green
active link=firebrick
visited link=gray
*/

body { background-color: #8b9dee;} 

p.links      { font-size: 10px;
               text-align: center;
               padding-bottom: 10px }
               
div#title    { position: absolute; width: 85%;
               top: 1px; right: 0px; 
               margin: 5px;
               padding-left: 5px; padding-right: 5px; padding-top:10px; padding-bottom:10px;
               border: 0px;
               text-align: right;
               border-style: none;
               font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                              "Swiss", "SunSans-Regular", sans-serif;
               font-size:20px;
               background-color: #414a71;
               color: #bfd3ff;
               z-index: 2;
                }
div#title p
             {  margin: 0px; padding: 0px; }
               
div#pagehead { position: absolute;
               right: 0px; top: 0px;
               height: 75px;
               width: 100%;
               font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                              "Swiss", "SunSans-Regular", sans-serif;
               background-color: #6572ae;
               color: #bfd3ff;
               z-index: 2; }

div#pagehead h1 {position: absolute;
                 top: 0px;
                 font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                              "Swiss", "SunSans-Regular", sans-serif;
                 background-color: #FFCC00;
                 color: #880000;
                 font-size: 24px;
                 z-index: 4; }
                 
img { border-style: none; }

img.logo1    { position: absolute;
               margin: 2px;
               border: 0px;
               padding: 0px;
               z-index: 2 }

img.gen     { position: absolute;
               top: 0px;
               right: 0px;
               width: 65px;
               border-color: #8b9dee;
               height:45px;
               margin: 2px;
               border: 2px;
               padding: 0px;
               z-index: 5 }

/*
#search     {position: absolute;
             top: 51px;
             right: 0px;
             height: 26px;
             width: 100%;
             background-image:
              url(.....................);
             color: #FFCC00;
             background-color: transparent;
             font-family: "Helvetica", "Arial", "Geneva",
                          "Swiss", "SunSans-Regular", sans-serif;
             font-variant: small-caps;
             font-size: 12px;
             text-align: right;
             z-index: 1; }
             */
               
div#TopFront /*Top Band: place holder for navigation button*/
              { color: black; 
		background-color: transparent; 
		margin: 0px; padding: 0px; 
		border: 0px; position: absolute; 
		z-index:5;  top: 2px; right:2px; 
		height: 100px; }
              
div#TopBar { position: absolute; width: 85%;
              right: 0px; top: 50px;
              margin: 5px;
              padding: 5px; 
              font-size: 12px;
              background-color: #6572ae;
              font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                             "Swiss", "SunSans-Regular", sans-serif;
              font-variant: small-caps;
              color: #e6efff;
              z-index: 2; }
              
div#TopBar a {position: relative;
                 bottom: 0px;
                 padding: 2px;
                 margin-left: 0px; margin-right: 8px;
                 margin-top: 2px; margin-bottom: 2px;
                 color: #e6efff;
                 background-color: transparent;
                 text-decoration: none;
                 z-index: 2; }

div#TopBar a:hover {color: white;
                 bottom: 0px;
                 padding: 2px;
                 margin-left: 0px; margin-right: 8px;
                 margin-top: 2px; margin-bottom: 2px;
                background-color: black ;
                text-decoration: none; }

div#TopBar p
             { text-align: center; margin: 0px; padding: 0px; }

div#DateBar { position: absolute; 
               top: 3.5em; right: 2%;
               margin: 0px;
               border: 0px;
               padding: 0.1em;
               background-color: transparent;
               text-align: right;
		z-index: 20;
		 }

div#DateBar p { margin: 0px; padding: 0px; margin-left: 1px;
	font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 9px;
               font-style: italic;
               color: white;
               background-color: #6572ae;
		  }

div#DateBar a {font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 9px;
               margin: 0px; margin-left: 0px; padding: 2px; 
               background-color: #6572ae;
               color: #e6efff;
               text-decoration: none;
               overflow: auto }

div#DateBar a:hover { 
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 9px;
              margin: 0px;  margin-left: 0px; padding: 2px; 
               background-color: #e6efff;
               color: black;
               text-decoration: none;
                }


div#SideBar { position: absolute; width: 12%;
               top: 100px; left: 0px;
               margin 0px;
               border: 0px;
               padding: 1px; padding-bottom: 3px;
               background-color: transparent;
		z-index: 2;
		 }

div#SideBar p { margin: 0px; padding: 1px; padding-bottom: 3px;
		margin-left: 8px;
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 13px;
               color: #414a71;
               background-color: #8b9dee;
		list-style: none; font-size: 12px;  }
             
div#SideBar ul
             { margin: 0px; font-size: 13px; margin-left: 0px; padding: 1px; padding-bottom: 3px;}
             
div#SideBar li { margin: 0px; padding: 1px; margin-left: 5px;
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 13px;
               font-weight: bold;
               color: #414a71;
		list-style: none; margin: 0px;  margin-left: 5px; padding: 1px; padding-bottom: 3px;}

div#SideBar a {font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 13px;
               font-weight: bold;
               margin: 0px; margin-left: 0px; padding: 1px; padding-bottom: 3px;
               background-color: #8b9dee;
               color: #e6efff;
               text-decoration: none;
               display: block;
               overflow: auto }

div#SideBar a:hover { 
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 13px;
               font-weight: bold;
               margin: 0px;  margin-left: 0px; padding: 1px; padding-bottom: 3px;
               background-color: #e6efff;
               color: black;
               text-decoration: none;
                }
                
/* place for the "date" marker - notice it is at the top right now, but is still called 'bottom'*/                
div#BottomSideBar { position: absolute; 
               top: 4em; right: 2%;
               margin: 0px;
               border: 0px;
               padding: 0.1em;
               background-color: transparent;
		z-index: 20;
		 }

div#BottomSideBar p { margin: 0px; padding: 0px; margin-left: 1px;
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 9px;
               font-style: italic;
               color: white;
               background-color: #6572ae;
		  }

div#MainSec { position: absolute; width:85%;
              top: 90px; right: 0px; bottom: 3px;
              margin: 5px;
              padding: 5px; 
              border: 0px;
              border-style: none;
              background-color: white;
              color: black;
              font-family:  "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
              font-size: 10px;
              z-index: 1;
              overflow: auto}

div#MainSec a:link  { color: green;
                       background-color: transparent; }
div#MainSec a:visited  { color: grey;
                       background-color: transparent; }
div#MainSec a:hover  { color: firebrick;
               background-color: white }

div#MainSec p {
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 10px;
               list-style: none;
		 }
		
div#MainSec h1
             { margin-top: 30px;
               margin-bottom: 24px;
               font-weight: 500;
               font-size: 21px;
               text-align: left; }

div#MainSec h2
             { margin-top: 18px;
               margin-bottom: 13px;
               font-weight: 500;
               font-size: 18px;
               text-align: left; }

div#MainSec h3
             { font-weight: 500;
               font-size: 16px;
               text-align: left; }

div#MainSec h4
             { font-weight: 500;
               font-size: 14px;
               text-align: left; }
                             
div#Footer { position: absolute; width: 12%;
		bottom:1px;  left: 1px;
		margin-bottom: 3px; margin-left:4px; padding:4px;
		font-size: 12px;
		line-height:12px;
                background-color: #6572ae;
                font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                             "Swiss", "SunSans-Regular", sans-serif;
                color: #e6efff;
                z-index: 2; }
              
div#Footer a {position: relative;
                 padding-left:4px; padding-right:4px;
		font-size: 11px;
                 color: #e6efff;
                 background-color: transparent;
                 text-decoration: none;
                 z-index: 2; }

div#Footer a:hover {color: white;
                background-color: black ;
                text-decoration: none; }

div#Footer p
             { text-align: center; 
		margin: 0px; padding: 0px; 
		color:black; font-size:10px;}