﻿/* elements */

body 
{
    background-image: url(/images/bg.gif);
    background-repeat: repeat-x;
    background-color: #EEEEEE;
    color: #404040;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    margin: 10px;
}

a:link
{
    color: Green;
    font-weight: bold;
    text-decoration: none;
}

a:visited
{
    color: Green;    
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    color: Blue;    
    font-weight: bold;    
    text-decoration: none;    
}

form
{
    margin: 0px
}

h1
{
    background-color: #555555; 
    color: #FFFFFF;
    font-size: 13pt; 
    padding: 10px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;  
    margin-bottom: 20px;  
}

h2
{
    color: #333333;
    font-family: Arial;
    font-size: 140%;
}

h3
{
    color: #333333;	
    font-size: 120%;
}

h4
{
	
}

/* classes */

.bullet li
{
    padding-left: 1px;
}

.button
{
    background-color: #333333;
    border-right: solid white 1px;
    float: left;
    font-size: 85%;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 99px;
    text-align:center;
}

.button_over
{
    background-color: #339933;
    border-right: solid white 1px;
    float: left;
    font-size: 85%;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 99px;
    text-align:center;
}

.button a
{
    color: White;
    text-decoration: none;
}

.button_over a
{
    color: White;
    text-decoration: none;
}

.buttonpanel
{
  
}

.clearer
{
    clear: left;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

.datagrid
{
    background-color: #FCFCFC
}

.datagrid_header
{
    background-color:  #339933;  
    color: White;
}

.datagrid_header a:link
{
    color: white;
    text-decoration: underline;
}

.datagrid_header a:visited
{
    color: white;
    text-decoration: underline;
}

.datagrid_header a:hover
{
    color: white;
    text-decoration: underline;
}

.float
{
    float: left;
}

.formbutton
{
    background-color: #333333;
    color: White;    
    cursor: pointer;
    font-family: Verdana, Helvetica, Sans-Serif; 
    font-weight: bold; 
}

.formselect
{
    font-family: Verdana, Helvetica, Sans-Serif; 
}

.formtext
{
    border: solid #404040 1px;
    font-family: Verdana, Helvetica, Sans-Serif;  
    font-size: 1em;
    overflow: auto;
    width: 100%;
}

.go_text
{
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    border: solid #FFFFFF 2px;
    font-family: Verdana, Helvetica, Sans-Serif;  
    font-size: 8pt;
    padding: 1px;
}

.go_text_on
{
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    border: solid #33CC33 2px;
    font-family: Verdana, Helvetica, Sans-Serif;  
    font-size: 8pt;
    padding: 1px;
}

.go_button
{
    background-color: #333333;
    border: solid white 1px;
    color: White;    
    cursor: pointer;
    font-family: Verdana, Helvetica, Sans-Serif;  
}

.header
{
    background-repeat: repeat-x;    
    background-color: #4BA744;    
}

.separator
{
    border-bottom: silver dotted 2px;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Element IDs */

#content
{
    background-image: url(/images/bg_content.gif);
    background-repeat: repeat-x;    
    background-color: #FFFFFF;
    background-position: 0px 42px;
    border-left: solid white 2px;
    border-top: solid white 2px;
    float:right;
    font-size: 75%;
    height: auto;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right:15px;
    padding-bottom: 5px;
    width: 622px;
}

#credits
{
    font-size: 7pt;
    margin-top: 6px;
    text-align: center;
}

#credits a
{
    color: #808080;
    text-decoration: none;
}

#footer
{
    border-top: solid white 2px;
    color: White;
    background-color: #336633;
    font-size:80%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    text-align: right;
}

#footer a
{
    color: Yellow;
}

#frame
{
    background-color: #336633;      
}

#frame_border
{

    background-color: #FFFFFF;
    padding: 2px;      
}

#header
{
    color: White;
    font-size: 80%;
}

#header h6
{
    font-family: Arial, Helvetica, Sans-Serif;       
    margin: 0px; 
    color: #FFFFFF; 
    font-size: 18pt; 
    font-weight: bold;        
}

#innerwrap
{
    margin: auto; 
    height: 808px;       
    width: 807px;
}

#leftcol
{
    color: White;
    float: left;
    font-size: 80%;
    padding-top: 250px;
    padding-left: 10px;
    padding-right: 10px;
    width: 129px;
}

#leftcol a:link
{
    color: White;
    font-weight: bold;
}

#leftcol a:visited
{
    color: White;
    font-weight: bold;
}

#leftcol a:hover
{
    color: yellow;
    font-weight: bold;
}

#main
{    
    background-image: url(/images/content_bg.jpg);   
    background-color: #4BA744;
    background-repeat:  repeat-x;
    display: inline-block;
    padding-top: 20px;
    
}

#navigation
{
    background-color: #00AEEF;    
    border-bottom: solid white 1px;
    border-top: solid white 1px;
    color: White; 
    display: inline-block;     
    font-family: Arial, Helvetica, Sans-Serif;        
}

#outerwrap
{
    margin: auto;    
}


