/* ----------------------------------------------------------*/
/* ----     CSS Reset and Initialize                    ---- */   
/* ----------------------------------------------------------*/

    html, body, div, span,applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, sub, sup, tt, var,
    dd, dl, dt, li, ol, ul,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        text-align: left;
        vertical-align: baseline;
        }

    #article {
        background-color: #e9f2fc;
        background-image: url(images/background-body.png);
        background-repeat: repeat-x;
        background-position: center top;
        padding: 0;
        margin: 0 auto;
        width: 995px;
        }
    
/* ----------------------------------------------------------*/
/* ----     Masthead                                    ---- */   
/* ----------------------------------------------------------*/

    #masthead{ 
        width: 995px;
        height: 120px;
        position: relative; 
        }
                
    #masthead h1{ 
        margin: 0 0 5px 320px;
        width: 630px;
        color: #039;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11pt;
        word-spacing: .5pt; 
        padding-top: 55px;
        }
                       
    #masthead p{
            width: 630px;
            margin: 5px 20px 5px 320px;
            color: #333;
            font-family: Verdana, Helvetica, sans-serif;
            font-size: 8pt;
            line-height: 17px;
        }
                
    #masthead img {
        float: left;
        padding-top: 25px;
        }


/* ----------------------------------------------------------*/
/* ----  LOGIN                                          ---- */ 
/*-----------------------------------------------------------*/
 
    #logindisplay{
        position: absolute; top: 0px; margin-top: 4px;
        width: 975px;
        letter-spacing: 1px;
        font-size:11px;
        display:block;
        font-family:Trebuchet MS, Helvetica, sans-serif; 
        text-align:right;
        color:#333;
        }

    #logindisplay a:link{
        color: #039;
        text-decoration: none;
        }

    #logindisplay a:visited{
        color: #039;
        text-decoration: none;
        }

    #logindisplay a:hover{
        color: #fff;
        text-decoration: underline;
        }
        
          
/* ----------------------------------------------------------*/
/* ----     Menu                                        ---- */   
/* ----------------------------------------------------------*/



       /*     .navigation 
            {
            color: #eee;
            background: #ffa20c url(images/bar-Right.png) right top no-repeat;
            text-decoration: none;
            margin-top: 0px; margin-right: -10px;
            padding-left: 10px
            }

            .navigation 
            {
            background: url(images/bar-Right.png) right top no-repeat;
            padding-right: 10px
            }

            .navigation 
            {
            display: inline;
            float: left;
            }*/

            ul.navigation 
            {
            list-style: none; display: inline;
            padding: 0; margin: 0;

            }

            ul.navigation li
            {
        font-size: 10pt;
        text-decoration: none;
        line-height: 30px;
        color: #ddd;
            } 





    ul.menu {
        width: 984px;
        height: 30px;
        background-image: url(images/bar-background.gif);
        margin-top: 30px; margin-left: 6px;
        font-family:Verdana, Helvetica, sans-serif; 
    }
    
    ul.menu li {
        display: inline;
        list-style: none;
        margin-left: -6px;
        padding: 7px 20px;
        font-size: 10pt;
        text-decoration: none;
        line-height: 30px;
        color: #ddd;
        background: url(images/bar-left.png) left top no-repeat;
        }

    .menu li.hack  {

        background: none;
        }

        ul.menu li span
{
background: url(images/bar-right.png) right top no-repeat;
float: right; width: 10%; display: inline; margin-right: -5px;
}

/*    ul.menu li a
    {
        padding: 5px 20px;
        text-decoration: none;
        line-height: 30px;
        font-size: 10pt;
        color: #ddd;
    }

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

    ul.menu li a:active
    {
        background-color: #333;
        text-decoration: none;
    }

    ul.menu li.selected a
    {
        background-color: #fff;
        color: #000;
    }
    
        */  
/* ----------------------------------------------------------*/
/* ----     Welcome Area                                ---- */   
/* ----------------------------------------------------------*/    

    #welcome{ 
        width: 941px; 
        padding: 20px 30px 10px 20px;
        background-color: #fff;
        background-position: bottom;
        background-image: url(images/siteLinksBackground.png);
        background-repeat: repeat-x;
        border-right-style: ridge; border-right-width: 2px; border-right-color: #ccc;
        border-bottom-style: ridge; border-bottom-width: 2px; border-bottom-color: #ccc;
        border-left-style: ridge; border-left-width: 2px; border-left-color: #ccc; 
        }

                
    #welcome h2{
        width: 380px; 
        padding: 10px;
        font-family: Georgia, serif;
        font-size: 1.25em;
        color: #e84324;
        }
        
    #welcome p{
        font-family: Verdana, Helvetica, sans-serif; 
        font-size: .7em;  
        padding: 10px;
        line-height: 1.4em;
        color: #222;
        }
    
    #media{
        float:  right; padding: 10px 0px 15px 20px;
        }    
    #media img {
        width: 450px;
        height: 300px;
        }
        
    p.pubDate { 
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        font-size: 8pt !important;
        line-height: 10px !important; 
        color: #777 !important;
        padding: 2px 10px 0 10px !important;  
        }
                
    #gooAd { margin: 0 0 0 5px;
    
        }
    
    .clear
{
    clear: both;
}
         

    
/* ----------------------------------------------------------*/
/* ----     Site Links                                  ---- */   
/* ----------------------------------------------------------*/

    #siteLinks
{
    background-position: bottom;
    width: 971px;
    height: 126px;
    padding: 10px;
    background-color: #fff;
    background-image: url(images/menuBackground);
    background-repeat: repeat-x;
    border-right-style: ridge; border-right-width: 2px; border-right-color: #ccc;
    border-bottom-style: ridge; border-bottom-width: 2px; border-bottom-color: #ccc;
    border-left-style: ridge; border-left-width: 2px; border-left-color: #ccc; 
}

    #siteLinks li {
        display: inline;
        list-style: none;
        padding: 10px 5px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        color: #ddd;
        border: none;
        }

 
    
/* ----------------------------------------------------------*/
/* ----     #sectionTabGroup                            ---- */   
/* ----------------------------------------------------------*/

    #sectionTabGroup
{
    float: left;
    position: relative;
    width: 991px;
    padding: 0px;
    background-color: #fff;
    background-image: url(images/layout-two-fixed-background.png);
    background-repeat: repeat-y; background-position: right;
    border-right-style: ridge; border-right-width: 2px; border-right-color: #ccc;
    border-bottom-style: ridge; border-bottom-width: 2px; border-bottom-color: #ccc;
    border-left-style: ridge; border-left-width: 2px; border-left-color: #ccc; 
}

/*#content-container
{
	float: left;
	width: 951px;
	background: #666 url(/images/layout-two-fixed-background.gif) repeat-y 100% 0;
}*/

#content
{
	clear: left;
	float: left;
	width: 620px;
	padding: 20px 0;
	margin: 0 0 0 20px;
	display: inline;
}

    #content h2{ 
        font-family: Georgia, serif;
        font-size: 14pt;
        margin: 0 0 0 10px;
        color: #e84324;
        }

    #content h3{ 
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 11pt;
        color: #06c;
        font-weight: bold;
        margin: 10px 0px 0px 10px;
        }

    #content p{
        font-family: Verdana, Helvetica, sans-serif; 
        font-size: .7em;  
        padding: 10px;
        line-height: 1.4em;
        color: #222;
        }

/*#content h2 { margin: 0; } */

#aside
{
	float: right;
	width: 300px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
        
}

#aside h4{ 
        text-align: center;
        font-family:Trebuchet MS, Helvetica, sans-serif;
        font-size: 11pt;
        color: #06c;
        font-weight: bold;
        margin: 0 0 10px 0;
        }

#aside p{
        font-family: Trebuchet MS, Helvetica, sans-serif; 
        font-size: .9em;  
        padding: 0px 0 10px 0;
        line-height: 1.4em;
        color: #333;
        }
    
/* ----------------------------------------------------------*/
/* ----     Site Links                                   ----*/   
/* ----------------------------------------------------------*/

    #footer {
        position: relative;
        width: 951px;
        padding: 10px 20px 10px 20px;
        top: 40px;
        }

    #footer p {
        text-align: center;
        font-size:12px;
        font-family:Trebuchet MS, Helvetica, sans-serif;
        color:#999;
        }

    #footer a {
        text-decoration: none;
        }




/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 20px 0px 5px 0px; width: 500px; font-size:12px; font-weight:bold; font-family:Trebuchet MS, Helvetica, sans-serif;
}


.admin-label
{
    margin: 20px 0px 5px 0px; width: 500px; font-size:12px; font-weight:bold; font-family:Trebuchet MS, Helvetica, sans-serif;
}



.text-box
{
    width: 30em;
}

.text-area
{
    height: 16.5em; width: 700px;
}

.tri-state
{
    width: 6em;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    font-size:11px;
    display:block;
    font-family:Trebuchet MS, Helvetica, sans-serif; 
    color:#999;
    margin: 2px 12px 10px 20px;
}

legend 
{
    padding: 0.2em 0.5em;
    border:1px solid green;
    color:green;
    font-size:90%;
    text-align:right;
}

input[type="text"] 
{
    width: 700px;
    border: 1px solid #CCC;
}

input[type="text-area"] 
{
    width: 600px; height: 16.5em;
    border: 1px solid #CCC;
}


input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

fieldset ol {   
padding: 1em 1em 0 1em;   
list-style: none;  
}  
fieldset li {   
padding-bottom: 1em;  
} 

input.editAdmin
{
   width: 20px; margin-left: 20px; padding-left: 20px;
}

.admin-label input 
{
   width: 200px; margin-left: 20px; padding-left: 20px; 
}

textarea.mceEditor
{
    height: 30.5em; width: 700px; 
}

textarea.noEditor
{
    height: 5em; width: 700px; 
}