﻿body
{
    background-position: url(Images/bg.png);
    min-width: 780px;
    margin: 0px 0px;
    padding: 0;
    font-family: Andalus,Trebuchet MS, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11pt;
    color: #000000;
    background-color: #FFCC99;
    background: url(Images/bg.png);
    background-attachment: fixed;
}
.rightcolumimage
{
    width: 150px;
    height: 98px;
    margin: auto;
}
h1, h2, h3, h4, h5, h6
{
    color: #B22222; /*margin: 0px 25px 15px 25px;*/
    font-family: Arial, Helvetica, sans-serif;
}
hr
{
    border: 1px dashed #FF6600;
    background-color: #FFCC00;
}
p
{
    margin: 5px 15px;
    padding: 5px 15px;
    text-align: justify;
}
p.introduction:first-letter
{
    display: block;
    margin-top: -0.205em; /* use -0.205em for two lines */
    margin-left: 0.50em;
    height: 5.5em;
    font-size: 15pt;
    font-weight: bold;
    width: 1em;
    color: #000000;
}
h1
{
    font-size: 2.0em;
    font-weight: bold;
}
li
{
    margin: 5px 10px;
    font-size: 12pt;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-color: #FF9933;
    border-bottom-width: 1.9px;
}
ul
{
    padding: 5px 5px;
    list-style: none;
}

.div-content
{
    margin: 0px 15px 15px 15px;
    text-align: left;
}
.TitleImage
{
    width: 100%;
    margin: 10px;
}
#breadcrumb
{
    width: 100%;
    font-family: Verdana;
    font-size: 12pt;
}
#breadcrumb a
{
    color: #0066CB;
    text-decoration: none;
}

#breadcrumb a:hover
{
    color: #FF0000;
}
.wrapperpanel
{
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    float: left;
}
#frame
{
    width: 90%;
    margin: 20px auto;
}

#enclose
{
    width: auto;
    background-color: #FFFFFF;
}

#header
{
    color: #FFFFFF;
    background-color: #A14333;
    font-size: 2.0em;
    font-weight: normal;
    border-bottom: solid 4px Black;
    border-style: solid none solid none;
    border-width: thick 0px thick 0px;
    border-color: #FFA500 #005AC5 #FFA500 #005AC5;
    height: 240px;
    text-align: center;
    padding: 10px 10px;
}
#header-image
{
    background: url(Images/AccHeaderNew.png) no-repeat;
    width: 80%;
    margin: auto;
}
#header-bottom
{
    width: 100%;
    font-size: 1.0em;
    font-style: italic;
    color: #FFFFFF;
    text-decoration: blink;
    font-weight: bolder;
    margin: -1px auto;
    font-family: Elephant;
    padding: 5px 20px;
}
#columnRight
{
    width: 20%;
    float: left;
    padding-bottom: 1em;
    padding: 5px;
    text-align:center;
}
#columnLeft
{
    width: 19%;
    float: left;
    padding-bottom: 1em;
    padding: 5px;
    text-align: justify;
}
#columnMain
{
    background-position: white;
    width: 57%;
    float: left;
    background: white;
    padding-bottom: 1em;
    padding: 5px;
}
#footer
{
    clear: both;
    border-top: 1px solid #333;
    font-size: 1.0em;
    font-style: italic;
    text-align: center;
    border-top: solid 4px Black;
    border-style: solid none none none;
    border-width: thick 0px thick 0px;
    background-color: #A14333;
    color: #FFFFFF;
    border-top-color: #FFA500;
    border-bottom-color: #FFA500;
}
.menu_nodeStyle
{
    background-position: url(Images/PanelBackground.png);
    color: #000000;
    font-family: 'Niagara Engraved';
    font-size: 2em;
    padding: 2px 10px;
    width: 100%;
    background-color: #FFCC99;
    background: url(Images/PanelBackground.png);
}

.menu_hoverNodestyle
{
    background-color: #B22222;
    background-position: url(Images/PanelBackground1.png);
    border: 1px solid #FF9933;
    cursor: pointer;
    background: url(Images/PanelBackground1.png);
    color: #FF0000;
}

.menu_selectedNodestyle
{
    background-position: url(Images/PanelBackground1.png);
    padding: 5px 5px;
    font-weight: bold;
    color: #B22222;
    background-color: #B22222;
    background: url(Images/PanelBackground1.png);
}

/*Panel Style */
.OuterPanel
{
    border-width: 1px;
    margin: auto;
    background-color: #A14333;
    width: 100%;
}


.InnerPanel
{
    background-color: #FFFFCC;
    padding: 5px 0px;
    text-align: justify;
}
.MenuPanel
{
    margin: auto;
    background-color: #FFCC99;
}
.MenuContentPanel
{
    background-color: #FFFFCC;
    padding: 2px 0px;
}
.ContentHeaderPanel
{
    background-color: #FFFFFF;
    padding: 5px 2px;
    margin: 0 auto;
    text-align: justify;
}
/* Section Title Style */
.Title
{
    font-size: 1.20em;
    color: #B22222;
    font-weight: bold;
    text-align: left;
    margin: 0px 15px 5px;
}
.SectionTitle
{
    font-size: 1.6em;
    color: White;
    font-weight: bold;
    text-align: left;
    margin: 0px 25px 15px 25px;
}
.SectionSubtitle
{
    width: 100%;
    background-color: #FFCC66;
    font-size: 1.2em;
    color: #B22222;
    font-weight: bold;
    text-align: left;
    margin: auto;
}
.Subtitle
{
    width: 100%;
    font-size: 1.2em;
    color: #B22222;
    font-weight: bold;
    margin: auto;
}
.Form
{
    width: 90%;
    margin: auto;
    background-color: #FFFFFF;
}
.FieldValue
{
    width: 100%;
    border-right: peru 1px solid;
    border-top: peru 1px solid;
    border-left: peru 1px solid;
    border-bottom: peru 1px solid;
    border-color: #FFCC00;
    vertical-align: top;
}
.FieldName
{
    vertical-align: top;
    text-align: right;
    font-size: 11pt;
    font-weight: inherit;
    width: 20%;
}
.FieldNotification
{
    width: 20%;
    text-align: left;
}


/* Floater */
.floater
{
    float: left;
    width: 48%;
    margin: 5px 5px;
    background-color: White;
    text-align: justify;
    font-size: 15px;
}
/* Feedback */

.Success
{
    background-color: #CCFFCC;
    border: 1px solid #006600;
    width: 100%;
    color: #008000;
    font-weight: normal;
    padding: 0px 5px;
}
.Failure
{
    background-color: #FFCC99;
    border: 1px solid #FF0000;
    width: 90%;
    margin: auto;
    color: #FF0000;
    font-weight: normal;
    padding: 0px 5px;
}
.Info
{
    background-color: #FFFF99;
    border: 1px solid #FFCC00;
    width: 100%;
    color: #0000FF;
    font-weight: normal;
    padding: 0px 5px;
}
/* DataList */

.DataList
{
    background-color: #FFCC99;
    color: Black;
    width: 90%;
    margin: auto;
    padding: 2px 2px;
    font-size: 12pt;
    text-align: left;
}
.FooterStyle
{
    background-color: #FFFFCC;
}
.AlternatingItemStyle
{
    background-color: #FFFF99;
}
.SelectedItemStyle
{
    background-color: #FF9900;
    color: #FFFFFF;
}
.HeaderStyle
{
    background-color: #FF9900;
    color: #FFFFFF;
    font-weight: bold;
}

/* Calendar */
.Calendar
{
    border-style: solid;
    border-width: .5px;
    border-top-color: #FFCC66;
    border-right-color: #FFCC66;
    border-bottom-color: #FFCC66;
    border-left-color: #FFCC66;
    border: .5px solid #FFFFFF;
    background-color: #FFCC99;
    color: #663399;
    width: 90%;
    margin: auto;
}
.TitleStyle
{
    background-color: #A14333;
    font: 9pt;
    color: #FFFFCC;
    font-weight: bold;
}
.SelectedDayStyle
{
    background-color: #990000;
    font-weight: bold;
    font-size: 9pt;
    color: #FFFFCC;
}
.SelectorStyle
{
    background-color: #FFCC66;
}
.TodayDayStyle
{
    background-color: #FFCC66;
    font-weight: bold;
    font-size: 9pt;
    color: #FFFFFF;
}
.OtherMonthDayStyle
{
    color: #CC9966;
}
.NextPrevStyle
{
    background-color: #FFCC66;
    font: 9pt #FFFFCC;
}
.NextPrevStyle
{
    background-color: #FFCC66;
    font: bold;
    height: 1px;
}

.Date
{
    width: auto;
    padding: 100px;
    font-size: large;
    text-align: left;
    color: #000000;
}
.PopUpControl
{
    background: url(Images/bg.png);
    color: #FFFFFF;
}
#HomeDiv
{
    width: 100%;
    font-size: 1.0em;
    font-style: italic;
    text-align: center;
    color: #FFFFFF;
}
/* Data Web Control Styles */

.DataWebControlStyle
{
    border: thin solid #A14333;
    font-size: 90%;
    width: 100%;
    padding: 10px 10px;
}

.HeaderStyle
{
    background-color: #A14333;
    color: White;
    font-weight: bold;
    background: url(Images/bg.png);
    border: thin solid #A14333;
}

.FooterStyle
{
    background-color: #a33;
    color: White;
    text-align: right;
    border: thin solid #A14333;
}

.AlternatingRowStyle
{
    background-color: #fcc;
}

.RowStyle
{
    width: 100%;
}

.SelectedRowStyle
{
    background-color: #FFA500;
    background: url(Images/ACCHeaderBackground.png);
}
.FloatLeft
{
    float: left;
    width: 30%;
    padding-right: 10px;
}
/*Photo Gallery*/
div.Image
{
    margin: 2px;
    border: 1px solid #CC0000;
    height: auto;
    width: 100%;
    float: left;
    text-align: center;
    vertical-align: top;
}
div.Image Image
{
    display: inline;
    margin: 3px;
    border: 1px solid #ffffff;
    vertical-align: top;
}
div.Image a:hover img
{
    border: 1px solid #CC0000;
}
div.desc
{
    text-align: center;
    font-weight: normal;
    width: 100%;
    margin: auto;
}
.haiti
{
    border-width: 2px;
    border-style: dashed;
    border-color: #FF6600;
    float: left;
    color: #FF0000;
    width: 100%;
    background-color: #FFFF66;
    text-decoration: blink;
}
.announcement
{
    border-width: 1px;
    border-style: dashed;
    border-color: #FF6600;
    float: left;
    color: #FF0000;
    width: 100%;
    background-color: #FFCC66;
    text-align: center;
    text-decoration: blink;
}
.contentimage
{
    float: left;
    padding: 10px 10px;
    height: 160px;
    width: 160px;
    margin: 0px 10px;
    background-color: #FFFFFF;
}
.partnerslogo
{
    float: left;
    padding: 10px 10px;
    height: 50px;
    width: 50px;
    margin: 0px 10px;
    background-color: #FFFFFF;
}
