/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body
{
    /* background: #000099 url(images/bblue.png) top center repeat; */
    background: #42718B url(images/Background.jpg) top center no-repeat; 
   /* background-color: Black; */
    width: 1000px;
    margin: 0px auto;
    padding: 0px;
    font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper
{
    /* margin: 20px 0 0 20px; */
    /* border: 4px solid #FFC600; */
    width: 1000px;
    height: 100%;
    text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top
{
    background: url(images/Top.png) top center no-repeat; 
    width: 1000px; /* height: 78px; */
    height: 44px;
}

#left
{
    background: url(images/Side.png) repeat-y;
    width: 5px;
}

#right
{
    background: url(images/Side.png) repeat-y;
    width: 10px;
}

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom
{
    background: url(images/Bottom.png) bottom center no-repeat; 
    width: 1000px;
    height: 44px;
    text-align: center;
    color: Black;
    margin-top: -2px;
    /* background: #FFC600; */
}


/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content
{
    /* background: url(images/bgmiddle.png) center repeat-y; */
    width: 766px;
    height: 100%;
    padding: 0px 17px 0px 17px;
    margin: 0 0 80px 0;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header
{
    /* background: url(images/header.png) top center no-repeat; */
    width: 746px;
    height: 106px;
    margin: 0px 0px 10px 0px;
    padding: 60px 0px 0px 20px;
    color: white;
    font-size: 50px;
    text-align: center;
}

#credits
{
    font-size: 20px;
    color: Yellow;
    text-align: center;
}

#login
{
    margin-left: 10px;
    color: #FFC600;
    height: 40px;
}


/*                    Menu                   */
#menu
{
    width: 200px;
    height: 100%;
    margin-left: 10px;
    float: left;
    text-align: left;
}

#menu li a
{
    height: 18px;
    text-decoration: none;
    text-align: left;
    font-size: large;
}

#menu li a:link, #menu li a:visited
{
    /* color: navy; */
    color: #D00000;
    display: block; /* background: url(images/off.png) top center no-repeat; */
    padding: 8px 0 0 10px;
    height: 18px;
    text-align: left;
    font-weight: bolder;
}

#menu li a:hover
{
    color: #FF4000; /* color: blue; */ /* background: url(images/on.png) top center no-repeat; */
    padding: 8px 0 0 10px;
    height: 18px;
    text-align: left;
    font-weight: bold;
}

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

#stuff
{
    /* background:  url(images/texttop.png) top left no-repeat; */
    width: 700px;
    margin: 0px 0px 0px 220px; /* padding-top: 55px; */
    border: 2px navy;
}

.Login
{
    float: left;
    width: 100px;
}

.FilterPanel
{
    float: left;
}

.FilterButton
{
    float: right;
    vertical-align: middle;
}

.FilterCheck
{
    color: #FFC600;
}

.PictureHeader
{
    color: #FFC600;
    text-align: center;
}

.PageInfo
{
    color: White;
    text-align: right;
    width: 100%;
    float: right;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 453px;
}

.MainHeading
{
    color: Yellow;
    font-size: x-large;
    font-weight: bold;
}


.GridViewRowStyle
{
    color: #000060; /* Orange; */
}

.GridViewAltRowStyle
{
    color: #000060; /* Orange; */
}

.GridViewRowStyle a
{
    color: #A06600;
}

.GridViewAltRowStyle a
{
    color: #A06600;
}

.GridHeader
{
    color: #000000;
    font-size: smaller;
}

.GridTitle
{
    color: #A06600; /* #000064; */
    font-size: larger;
    font-weight: bolder;
}

.GridPost
{
    color: #000060;
    /* background: #000000; */
}

.HeaderLink a, .HeaderLink a:visited
{
    color: Orange;
    font-size: x-large;
    font-weight: bolder;
    text-decoration: none;
}

.HeaderLink a:hover
{
    text-decoration: underline;
}

.NewsHeader
{
    color: #FFFFFF;
    font-size: smaller;
}

.NewsTitle
{
    color: Orange; /* #A0A0A0; */
    font-size: larger;
    font-weight: bolder;
    /* background: #42718B; /* #000000; */
}

.NewsPost
{
    color: #FFC600;
    /* background: #000000; */
}

.SponsorLink
{
    color: #FFC600;
    font-size: x-large;
    vertical-align: middle;
    height: 40px;
}

.SponsorTitle
{
    text-align:center;
    color: White;
    font-size: large;
    height: 40px;
}