a
{
    color: #1c5f8b;
}

body
{
    background-color: #2680BA;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    margin: 0;
}

div
{
    margin: 0;
    padding: 0;
}

fieldset
{
    border: 0;
}

form
{
    margin: 0;
}

h1
{
    font-family: 'Trebuchet MS', Tahoma, Sans-Serif;
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
    margin: 0;
    padding: 0;
}

label
{
    font-weight: bold;
}

p
{
    margin: 0;
    padding: 0;
}

table
{
    margin: 0;
    padding: 0;
}

td
{
    margin: 0;
    padding: 0;
}

.inline
{
    display: inline;
}

.error
{
    color: Red;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.pendingText
{
    color: #e57613;
}

.notapprovedText
{
    color: #e53113;
}

.approvedText
{
    color: #19af1c;
}

.sponsoredText
{
    color: #824eaa;
}

.coolTable
{
    color: #333333;
}

.coolTableHeaderOuter
{
    background-image: url(Images/grid_header_right.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 21px;
    padding-right: 6px;
    position: relative;
}

.coolTableHeaderInner
{
    background-image: url(Images/grid_header_left.gif);
    background-repeat: no-repeat;
    padding-left: 238px;
    height: 21px;
}

.coolTableHeader
{
    background-image: url(Images/grid_header_slice.gif);
    background-repeat: repeat-x;
    height: 21px;
    padding: 4px;
}

.coolTableTitleWrapper
{
    left: 4px;
    position: absolute;
    top: 4px;
}

.coolTableLinkWrapper
{
    position: absolute;
    right: 4px;
    top: 4px;
}

.coolTableLinkWrapper a
{
    float: right;
    text-decoration: none;
}

.coolTableTitle
{
    float: left;
    font-weight: bold;
}

.coolGridView
{
    background-color: #e6edf4;
    border: 0;
    border-color: #abd4ef;
    width: 100%;
}

.coolGridViewCell
{
    border: 0;
    border-top: solid 1px #abd4ef;
    padding: 5px;
}

.coolTableHolder
{
    padding: 10px 0px;
}

.homeGrid
{
    margin-left: 9px;
    width: 370px;
}

.userHomeMenuDots
{
    background-image: url(Images/dots.gif);
    background-repeat: repeat-x;
    height: 1px;
}

.niceGridView
{
    background-color: #f3f8fa;
    border: solid 1px #cfd4d7;
    border-collapse: collapse;
    color: #333333;
    font-size: 11px;
}

.niceGridView tr
{
	border-color: #cfd4d7;
}

.niceGridViewHeader
{
    background-color: #d9e9f4;
    background-image: url(Images/table_header_slice.gif);
    background-repeat: repeat-x;
    color: #494949;
    height: 15px;
}

.niceGridViewPager
{
    font-weight: bold;
    text-align: right;
}

.niceGridViewRowAlternate
{
    background-color: #e6ecf0;
}

.niceGridViewCell
{
    border-color: #cfd4d7;
    padding: 5px;
}

.recentLists p
{
    margin: 10px;
}

.recentLists h1
{
    padding-top: 23px;
}

.detailsTable td
{
    padding: 3px 0px 12px 6px;
}

.formTable td
{
    padding: 3px 0px 3px 6px;
}

.formTableLabelCell
{
    text-align: right;
}

.regionsLabelCell
{
    text-align: right;
    vertical-align: top;
}

.regionsLabelCell label
{
    display: block;
}

.requiredAsterisk
{
    color: #f99e1a;
}

.titleField
{
    width: 50px;
}

.emailField
{
    width: 200px;
}

.addressField
{
    width: 250px;
}

.postalCodeField
{
    width: 75px;
}

.needsTextArea
{
    height: 80px;
    width: 500px;
}

.dateField
{
    vertical-align: middle;
    width: 75px;
}

.volunteerSummaryField
{
    width: 400px;
}

.hostTitleField
{
    width: 400px;
}

.urlField
{
    width: 300px;
}

.profileTable
{
    margin-bottom: 15px;
}

.profileLabelCell
{
    text-align: right;
    width: 175px;
}

.institutionField
{
    background-color: #cccccc;
}

.regionsList td
{
    padding: 0;
}

.regionsList label
{
    font-weight: normal;
}

.homeVolunteerRegionInfo
{
    font-style: italic;
}

.homeMenuOption
{
    background-image: url(Images/menu_bg_gradient.gif);
    background-repeat: repeat-x;
    height: 36px;
    padding: 7px 10px;
}

.homeMenuOption a
{
    color: #1c5f8b;
    font-weight: bold;
    text-decoration: none;
}

.homeMenuOption img
{
    vertical-align: middle;
}

.homeMenuOption p
{
    padding-left: 20px;
    padding-top: 5px;
}

.navigationMenuHome
{
    margin-top: 10px;
    margin-left: 10px;
}

.navigationMenuHome a
{
    font-family: Tahoma, Sans-Serif;
    font-size: 20px;
    text-decoration: none;
}

.navigationMenuItem
{
    display: block;
}

.navigationMenuItemOff, .navigationMenuItemOn
{
    cursor: pointer;
    display: block;
    font-family: Tahoma, Sans-Serif;
    font-weight: bold;
    height: 22px;
    padding-left: 40px;
    padding-top: 8px;
    width: 160px;
}

.navigationMenuItemOff
{
    background-image: url(Images/menu_off.gif);
}

.navigationMenuItemOn
{
    background-image: url(Images/menu_on.gif);
}

.navigationMenuItemHover .navigationMenuItemOff
{
    background-image: url(Images/menu_hover.gif);
    background-repeat: no-repeat;
}

.navigationMenuItemOn, .navigationMenuItemHover .navigationMenuItemOff
{
    color: Black;
}

.loggedOutSideNav
{
    padding-top: 50px;
}

.loggedOutSideNav p
{
    margin: 10px 10px;
}

.headerLogos
{
    float: left;
    width: 332px;
    height: 75px;
}

.loginDots
{
    background-image: url(Images/dots.gif);
    background-repeat: repeat-x;
    height: 1px;
    margin-left: 10px;
    width: 360px;
}

.loginStatusContainer
{
    float: right;
    font-size: 11px;
    padding-right: 10px;
    padding-top: 50px;
}

.loginStatusContainer img
{
    vertical-align: middle;
}

.howHelpTextArea
{
    height: 80px;
    width: 500px;
}

.descriptionTextArea
{
    height: 80px;
    width: 500px;
}

.privacyEmphasis
{
	font-weight: bold;
	font-style: italic;
}

#wrapper
{
    background-color: #abd4ef;
    border-left: #1c5f8b 1px solid;
    border-right: #1c5f8b 1px solid;
    margin: 0 auto;
    text-align: left;
    width: 798px;
}

#header
{
    background-image: url(Images/header_gradient.gif);
    background-position: 332px 0;
    background-repeat: repeat-y;
    border-top: #333333 20px solid;
    height: 75px;
}

#sideNav
{
    background-image: url(Images/menu_line.gif);
    background-position: 199px 0;
    background-repeat: no-repeat;
    border-top: solid 1px #a1b4c3;
    float: left;
    min-height: 500px;
    width: 200px;
}

#sideNav h1
{
    padding-left: 10px;
    padding-top: 10px;
}

#mainContentWrap
{
    background-color: #abd4ef;
    background-image: url(Images/bar_title.gif);
    background-repeat: no-repeat;
    float: right;
    width: 598px;
}

#mainContent
{
    background-image: url(Images/bg2.gif);
    background-repeat: no-repeat;
    background-position: 0px 53px;
    min-height: 335px;
    padding: 0px 17px 17px 17px;
}

#mainContent h1
{
    height: 43px;
    padding-top: 14px;
}

#mainContent p
{
    padding: 10px 0px;
}

#createUserNavigation
{
    text-align: left;
}

#triplePanels
{
    background-image: url(Images/bg_admin.gif);
    background-repeat: no-repeat;
    min-height: 343px;
    padding-bottom: 10px;
    width: 798px;
}

#triplePanels h1
{
    padding-left: 10px;
}

#triplePanelsFirst
{
    float: left;
    padding-left: 12px;
    padding-top: 15px;
    width: 250px;
}

#triplePanelsSecond
{
    float: left;
    padding-top: 15px;
    padding-left: 11px;
    padding-right: 7px;
    width: 250px;
}

#triplePanelsThird
{
    float: right;
    padding-right: 13px;
    padding-top: 15px;
    width: 250px;
}

#dualPanels
{
    background-image: url(Images/bg.gif);
    background-repeat: no-repeat;
    min-height: 343px;
    padding-bottom: 10px;
    width: 798px;
}

#dualPanels h1
{
    padding-left: 10px;
}

#dualPanelsFirst
{
    float: left;
    padding-left: 7px;
    padding-top: 15px;
    width: 385px;
}

#dualPanelsSecond
{
    float: right;
    padding-right: 7px;
    padding-top: 15px;
    width: 385px;
}

#loginInstructions
{
    padding: 10px;
}

#loginInstructions p
{
    line-height: normal;
    margin: 1em 10px;
}

#loginForm
{
    margin: 20px;
}

#loginForm .loginField
{
    width: 230px;
}

#errorSection
{
    padding: 10px;
    height: 300px;
}

#errorSection p
{
    margin: 1em 0;
}

#footer
{
    background-color: #333333;
    clear: both;
    color: White;
    font-size: 11px;
    height: 50px;
    padding: 5px;
}

#footer a
{
    color: White;
}

#footer p
{
    padding: 5px;
}

.ajax__calendar td
{
    padding: 0;
}

.tabContainer .ajax__tab_header
{
    background-image: url(Images/bg_tab_line.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #1c5f8b;
    height: 23px;
    padding-left: 20px;
}

.tabContainer .ajax__tab_outer
{
    background-image: url(Images/taboff_right.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 23px;
    margin-right: 4px;
}

.tabContainer .ajax__tab_inner
{
    background-image: url(Images/taboff_left.gif);
    background-repeat: no-repeat;
    height: 23px;
    padding-left: 5px;
}

.tabContainer .ajax__tab_tab
{
    background-image: url(Images/taboff_slice.gif);
    background-repeat: repeat-x;
    font-weight: bold;
    height: 23px;
    margin: 0;
    padding: 4px;
}

.tabContainer .ajax__tab_active .ajax__tab_outer
{
    background-image: url(Images/tabon_right.gif);
    background-repeat: no-repeat;
    background-position: right;
    color: Black;
}

.tabContainer .ajax__tab_active .ajax__tab_inner
{
    background-image: url(Images/tabon_left.gif);
    background-repeat: no-repeat;
}

.tabContainer .ajax__tab_active .ajax__tab_tab
{
    background-image: url(Images/tabon_slice.gif);
    background-repeat: repeat-x;
}

.tabContainer .ajax__tab_body
{
    background-image: url(Images/bg_tab.gif);
    background-repeat: no-repeat;
    padding-top: 20px;
}