body 
{
    background-color	: #000033;
    font-size			: .85em;
    font-family			: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin				: 5px;
    padding				: 0;
    color				: #000000;
}

a:link 
{
    color				: #034af3;
    text-decoration		: underline;
}

a:visited 
{
    color				: #505abc;
}

a:hover 
{
    color				: #1d60ff;
    text-decoration		: none;
}

a:active 
{
    color				: #12eb87;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 
{
    font-size			: 1.5em;
    color				: #000033;
}

h1, h2 
{
    font-size			: 2em;
    padding-bottom		: 0;
    margin-bottom		: 0;
}

h3 
{
    font-size			: 1.2em;
}

h4 
{
    font-size			: 1.1em;
}

h5, h6 
{
    font-size			: 1em;
}
p
{
    text-align: justify;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#header 
{
    padding			: 10px;
    background-color: #FFFFFF;
    height          : 60px;
    border-radius	: 5px;
    width           : 100%;
}

#main 
{
    padding			: 30px 30px 15px 30px;
    background-color: #FFFFFF;
    margin-bottom	: 5px;
    height          : 100%;
    border-radius	: 5px;
}

#footer 
{
    padding			: 10px;
    background-color: #DDDDDD;
    height          : 20px;
    text-align		: center;
    border-radius	: 5px;
}

/* Site Title 
----------------------------------------------------------*/
.site-title1 a
{
    font-weight			: bold;
    color				: #DD0000;
    border				: none;
    font-size			: 32px;
    line-height         : normal;
    text-shadow			: 2px 2px 2px #111;
    padding             : 0;
    margin              : 0;
    text-decoration     : none;
}

.site-title2 
{
    color				: #DD0000;
    border				: none;
    padding             : 0;
    margin              : 0;
    text-decoration     : none;
}

/* Login Display  
----------------------------------------------------------*/
#login li
{
    display		    : table;
    width           : 100%;
    margin          : 2px;
    padding		    : 2px;
    background-color: #000033;
    border-radius   : 5px;
}

#login a:link, #login a:visited ,#login a:hover
{
    color			: #FFFFFF;
    text-decoration	: none;
}

/* Tab Menu   
----------------------------------------------------------*/
ul#menu 
{
    clear			: both;
    padding			: 4px 0px 4px;
    margin			: 0;
}

    ul#menu li 
    {
        display		    : inline-table;
        width           : 75px;
        text-align      : center;
        margin          : 0px;
        padding		    : 2px;
        background-color: #DDDDDD;
        border-radius   : 5px;
    }

        ul#menu li a 
        {
            padding				    : 5px;
            font-weight			    : bold;
            text-decoration		    : none;
            line-height			    : 1.8em;
            background-color	    : #DDDDDD;
            color				    : #000000;
            border-radius		    : 5px;
        }

        ul#menu li a:hover 
        {
            background-color	    : #ffffff;
            text-decoration		    : none;
        }

        ul#menu li.selected a 
        {
            background-color	: #0000ff;
            color				: #000;
        }
        
/* forms   
----------------------------------------------------------*/
fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

    fieldset legend 
    {
        font-size: 1.1em;
        font-weight: bold;
        padding: 2px 4px 8px 4px;
    }
    
    fieldset ol 
    {
        padding: 0;
        list-style: none;
    }
    
        fieldset ol li 
        {
            padding-bottom: 5px;
        }
    
    fieldset label 
    {
        display: block;
    }
    
    fieldset label.checkbox 
    {
        display: inline;
    }
    
    fieldset input[type=text], input[type=password] 
    {
        border: 1px solid #ccc;
        padding: 2px;
        font-size: 1.2em;
        color: #444;
        width: 300px;
    }

    fieldset input[type=submit] 
    {
        font-size: 1.2em;
        padding: 5px;
    }
    
 /* Information and errors  
----------------------------------------------------------*/  
.message 
{
    clear			: both;
    border			: 1px solid;
    margin			: 10px 0px;
    padding			: 15px 15px;
    
    /*CSS3 properties*/
    border-radius	: 5px;
    box-shadow		: 2px 2px 5px #888;
}

.info 
{
    background		: #bde5f8;
    color			: #00529b;
}

.error 
{
    background		: #ffe4e4;
    color			: #be3e16;
}

.success 
{
    background		: #dff2bf;
    color			: #4f8a10;
}

input[type=text].error-field, input[type=password].error-field 
{ 
    border			: solid 1px #be3e16; 
    background-color: #ffe4e4;
}

.validation-error 
{
    display: inline;
    color: #be3e16;
    font-weight: bold;
    font-size: 1.1em;
}

    .validation-error:before 
    {
        content: "»";
    }