﻿body
{
    font-family: Century Gothic, Tahoma, Verdana, Arial;
    background-image: url( 'images/background.gif' );
    background-repeat: repeat;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

html, body, form
{
    height: 100%;
    margin: 0px;
}

/*
html, body, form, ContainerMain
{
    height: 100%;
    margin: 0px;
}
*/

.GeneralTextBox 
{
    height: 20px;
    width: 375px;
}

td 
{
    vertical-align: top;
    text-align: left;
}

.headline0
{
    font-family: Century Gothic;
    font-size: 13pt;
    font-weight: normal;
}

.headline1
{
    font-family: Century Gothic;
    font-size: 11pt;
    font-weight: normal;
}

.headline2 
{
    font-family: Century Gothic;
    font-size: 9pt;
    font-weight: normal;
}

.headline3 
{
    font-family: Century Gothic;
    font-size: 10pt;
    font-weight: normal;    
}

.headline4bold
{
    font-size: 11pt;
    font-weight: bold;
    font-family: Calibri;
}

.headline4
{
    font-size: 11pt;
    font-weight: normal;
    font-family: Calibri;
}

.headline5bold
{
    font-size: 10pt;
    font-weight: bold;
    font-family: Calibri;
}

.headline5
{
    font-size: 10pt;
    font-weight: normal;
    font-family: Calibri;
}

.headline6
{
    font-size: 15pt;
    font-weight: normal;
    font-family: Calibri;
}

.headline6bold
{
    font-size: 15pt;
    font-weight: bold;
    font-family: Calibri;
}

a
{
    color: #000000;
}

a:hover
{
    color: Red;
}

.ErrorLabel
{
    color: Red;
    font-weight: bold;
    font-size: 8pt;
}

.Title 
{
    color: #808000;
    font-size: 14pt;
    font-weight: bold;
}

.PreMainTitle 
{
    font-size: 9pt;
    text-align: right;
    padding-right: 15px;
}

.SignOutLink
{
    text-decoration: none;
    font-size: 9pt;
    font-family: Calibri;
}

.MainTitle
{
    /* padding-top: 30px; */
    padding-top: 6px;
    padding-left: 30px;
    font-size: 14pt;
    font-family: Century Gothic
}

.MainTitleGray
{
    color: #808080
}

.SubMainTitle 
{
    text-align: right;
    padding-right: 15px;
    padding-top: 15px;
}

.ContainerMain 
{
    width: 845px;
}

.Container 
{
    background-color: #ebebeb;
}

.Container-Mid
{
    background-color: #ebebeb;
    width: 829px;
}

.Container-TopLeft
{
    background-image: url( 'images/rounded_tleft.gif' );
    width: 8px;
    height: 8px;
}

.Container-TopRight 
{
    background-image: url( 'images/rounded_tright.gif' );
    width: 8px;
    height: 8px;
}

.Container-BottomLeft
{
    background-image: url( 'images/rounded_bleft.gif' );
    width: 8px;
    height: 8px;
}

.Container-BottomRight
{
    background-image: url( 'images/rounded_bright.gif' );
    width: 8px;
    height: 8px;
}

.SeparaterDiv 
{
    width: 100%;
    float: left;
}

/* ABOUT */

#AboutMenu 
{
    font-family: century gothic;
    width: 285px;
    font-size: 10pt;
}

#AboutMenu a
{
    text-decoration: underline;
}

.AboutMenuEntry
{
    margin: 3px 3px 3px 0px;
    background-color: White;
    height: 25px;
    padding-top: 5px;
    padding-left: 10px;
    width: 215px;
    float: left;
}

/* Menu */

#Menu, #Menu A
{
    font-size: 8pt;
    font-family: Century Gothic;
    text-decoration: none;
}

#Menu A:Hover
{
    font-size: 8pt;
    font-family: Century Gothic;
    color: Black;
    font-weight: bold;
}

.MenuSep 
{
    color: White;
}

.MenuSelected 
{
    font-weight: bold;
}

/* VMENU */

#VMenu
{
    font-family: century gothic;
    width: 125px;
    font-size: 10pt;
}

#VMenu a
{
    font-family: century gothic;
    font-size: 10pt;
    text-decoration: none;
    color: Black;
}

#VMenu a:hover
{
    color: Black;
}

#VMenu .Entry, #VMenu .EntrySelected 
{
    margin: 3px;
    height: 25px;
    padding-top: 5px;
    padding-left: 10px;
    width: 125px;
    float: left;    
}

#VMenu .Entry 
{
    background-color: White;
}

#VMenu .EntrySelected
{
    background-color: Gray;
    font-weight: bold;
}

/* Categories */

#Categories 
{
    font-family: century gothic;
    width: 285px;
    font-size: 10pt;
}

#Categories a
{
    font-family: century gothic;
    font-size: 10pt;
    text-decoration: none;
    color: Black;
}

#Categories a:hover
{
    color: Black;
}

.Categories 
{
}

.CategoryEntry 
{
    margin: 3px;
    background-color: White;
    height: 25px;
    padding-top: 5px;
    padding-left: 10px;
    width: 215px;
    float: left;
}

.CategoryEntrySelected
{
    margin: 3px;
    background-color: Gray;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    padding-left: 10px;
    width: 215px;
    float: left;
}

.CategoryDelete, .CategoryEdit
{
    padding-top: 8px;
    height: 25px;
    float: left;
    cursor: pointer;
}

.CategoryLink 
{
    
}

/* Add Categories / Items */

.AddCategory, .AddItem
{
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 2px;
    border: 1px solid #333333;
    background-color: #0066FF;
    color: White;
    font-family: 'Century Gothic';
    font-size: 10pt;
    font-weight: bold;
    width: 50px;
    height: 15px;
    text-align: center;
    vertical-align: middle;
}

/* Items */

.CatTitleContainer
{
    text-align: right;
    font-weight: bold;
    font-size: 14pt;
    line-height: 14pt;
}

.CatDesc 
{
    text-align: left;
    font-size: 10pt;
    font-family: Calibri;
    font-weight: normal;
}

.ItemMsg 
{
}

#ItemContainer 
{
    text-align: center;
    width: 100%;
}

#Items a 
{
    text-decoration: none;
}

.Item 
{
    width: 170px;
    float: left;
}

.ItemDivider 
{
    height: 20px;
    width: 100%;
    float: left;
}

.ItemImgContainer 
{
    float: left;
    width: 170px;
}

.ItemImg 
{
    width: 150px;
    
}

.ItemNameContainer 
{
    float: left;
    width: 170px;
}

#Items a 
{
    font-family: Century Gothic;
    font-size: 8pt;
    font-weight: bold;
}

.ItemDonatedLabel 
{
    color: #ff0000;
    font-weight: bold;
    font-size: 10pt;
}

.ItemContribLink 
{
    color: #808080;
}


/* Item Details */

.ItemDetailsTitle
{
    font-family: Calibri;
    font-size: 12pt;
    font-weight: bold;
}

.ItemDetailReqBy 
{
    font-family: Calibri;
    font-size: 11pt;
    font-weight: normal;
}

.ItemDetailsDesc
{
}


/* Pixel Exchange */

.PixelExchangePopUpText
{
    font-size: 10pt;
    padding: 10px 25px 25px 25px;
}

.PixelExchangePopupClose 
{
    font-size: 10pt;
    text-align: right;
    width: 100%;
}

/* Donation */

.DonateProgressBar
{
    border: 1px solid #000000;
    width: 100px;
    height: 10px
}

.DonateProgressFilled
{
    background-color: Red;
}

.DonateProgressFilledGreen
{
    background-color: Green;
}

.DonateProgressUnfilled 
{
    
}

.FullyDonated 
{
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
}

.DonateTextBox
{
    height: 20px;
    border: 1px solid #808080;
}

/* Join */

#Join 
{
    font-size: 10pt;
    font-family: Century Gothic;
}

#Join input
{
    /* border: 1px solid #808080; */
}

.JoinOrgTbx
{
    height: 20px;
    width: 375px;
}

.JoinAddressTbx
{
    height: 50px;
    width: 380px;    
}

.JoinWebsiteTbx
{
    height: 20px;
    width: 375px;
}

.JoinEmailTbx
{
    height: 20px;
    width: 375px;
}

.JoinNumStudentsTbx
{
    height: 20px;
    width: 75px;
}

.JoinReasonTbx
{
    width: 380px;
    height: 100px;
}

.SendReqLink 
{
    
}

/* Register */

.RegisterPadding
{
    padding-top: 10px;
}
        
.RegisterTbx
{
    width: 250px;
}


/* Blog */

#Blog 
{
}

.BlogEntry 
{
    padding-left: 40px;
    font-family: Calibri;
    font-size: 10pt;
    width: 500px;
}

/* FBExists */

.FBExists 
{
    padding-left: 40px;
    font-family: Calibri;
    font-size: 10pt;
    width: 500px;
}

/* Reports */
.RptColumn 
{
    padding-right: 15px;
}