/* ==============================
    Elements 
================================= */
body
{   font-family: Verdana, sans-serif;
    background-color: #74252e;
    font-size: small;
    text-align: center;
    margin-top: 0px;
    color: #333;
}

p, ul {margin: 0 0 1em 0;}
/* p, li, tbody {font-size: 9pt;} */

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin-top: .5em; margin-bottom: .5em;}
h1, h2, h3, h4 {color: #74252e;}
h1 {font-size: 170%; }
h2 {font-size: 150%; }
h3 {font-size: 110%; }
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 80%;}

h2
{   color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    background-image: url('/images/tblHeaderRedGrad_50.jpg');
    background-repeat: repeat-x;
}

h4, h5 {margin-bottom: 0;}

h3 
{   color: #fff; 
    background: #74252e url('/images/tblHeaderRedGrad_50.jpg') repeat-x 0 50%;
    padding: 3px 5px;
    -moz-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
     }

img {border: 0;}

ul {padding-top: 2px; margin-top: 2px; margin-bottom: 15px;}
li {margin-bottom: 3px;}

a, a:visited { color: #74252e; text-decoration: none; }
a:hover { color: #a84141; text-decoration: underline; }

hr
{   border: 1px;
    height: 2px;
    background-color: #BBBB8F;
    color: #BBBB8F;
}

legend { font-size: 100%; font-weight: bold; color: #74252e;}

dt {font-weight: bold;}
dd {margin-bottom: 10px;}

/* ==============================
    Layout
================================= */
/* Header */
#header { position: relative; background-color: #a84141;}

#header .leftCorner {
    background: url('/images/template/HeaderLeftCorner.jpg') no-repeat 0 0;
    width: 200px;
    height: 75px;
}

#header .middle { background: url('/images/template/Header_Fill.jpg') repeat-x 0 0; height: 75px;}
    
#header .rightCorner {
    background: url('/images/template/HeaderRightCorner.jpg') no-repeat right 0;
    width: 200px;
    height: 75px;
}

#preHeader
{   padding: 2px;
    font-size: 80%;
    color: #bbbb8f;
    text-align: right;
    margin-right: 5px;
} 

#preHeader a, #preHeader a:visited { color: #bbbb8f; text-decoration: none; }

#preHeader a:hover {text-decoration: underline; }

#breadcrumb
{   font-size: 80%;
    background: #bbbb8f url('/images/template/Breadcrumb.gif') repeat-x 0 0;
    height: 15px;
}

#breadcrumb a {color: #74252e; }

/* Holds Columns */
#container
{   width: 760px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

/* Main Content and Right Column IDs are located in
     the 3Column and 2Column styles sheets */


/* Left Column */
#leftColumn
{   padding: 1px;
    left: 0px;
    width: 110px; /*background-color: #E4E4E4; */
    position: absolute;
}

.box h3
{   color: #fff;
    font-size: 100%;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    background: #74252e url('/images/RedGradRound_225.gif') no-repeat 0 0;
    margin-top: 0;
    }
    
.box p {margin: 10px 5px 10px 10px;}
.box h4, .box h5 {margin:5px 5px 0 10px;}


#rightColumn .box
{   border: 1px solid #74252e;
    background: #fff url('/images/template/tblBG_TanGradient.jpg') no-repeat 0 0;
    clear: both;
    -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

#rightColumn p { padding: 0px 5px 0px 5px;}

/* Footer */
#footer {clear: both; background: #a84141 url('/images/FooterRedGrad.jpg') repeat-x 0 bottom; }
    
#footer p
{   padding: 2px;
    margin: 0px;
    font-size: 80%;
    text-align: center;
    color: #fff;
}

.footerLeft { background: #74252e url('/images/FooterCornerLeftRed.jpg') no-repeat 0 bottom; width: 25px;}
.footerRight { background: #74252e url('/images/FooterCornerRightRed.jpg') no-repeat 0 bottom; width: 25px;}

/* Contacts */
.contact-person {float: left; clear: both; width: 100%;  }
.contact-person img {float: left; width: 75px; margin: 5px 10px;}


/* ==============================
    Classes 
================================= */
.content {font-size: 100%;}
.contentBold {font-size: 100%; font-weight: bold;}
.smallText {font-size: 80%;}
.smallGreyText {font-size: 80%; color: #999999;}
.WhiteBold {color: #fff; font-size: 110%; font-weight: bold;}
.centerText {text-align: center;}
.Hidden {visibility: hidden; }
.descriptor {font-size: 80%; color: #999999; display: block;}

.ImgFloatLeft { margin: 2px 10px 5px 0px; float: left;  }
.ImgFloatRight { margin: 2px 0px 5px 10px; float: right; }

.Warning, .StatusPending, .StatusApproved, .StatusDenied {font-size: 110%; font-weight: bold;}
.StatusPending { color: #fc0;}
.StatusApproved { color: #008000;}    
.Warning, .StatusDenied { color: red;}
.likeH1, .likeH3, .likeH4 {color: #74252e; font-weight: bold;}
.likeH1 {font-size: 170%;}
.likeH3 {font-size: 130%;}
.likeH4 {font-size: 110%;}

/* Lists */
.AcrobatLI
{   list-style-type: none;
    background: url('/images/icons/PDF_Icon_32x32.gif') no-repeat 0 top;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.OdeLI
{   list-style-type: none;
    background: url('/images/icons/ODE_Icon_32x32.gif') no-repeat 0 top;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}
.OcaliLI
{   list-style-type: none;
    background: url('/images/icons/OCALI_SmallIcon.png') no-repeat 0 5px;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.WordLI
{   list-style-type: none;
    background: url('/images/icons/Word_Icon_32x32.gif') no-repeat 0 top;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.PowerPointLI
{   list-style-type: none;
    background: url('/images/icons/icon_powerpoint10_32x32.gif') no-repeat 0 top;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.ListNoIndent
{   padding-left: 1px;
    margin-left: 1px;
    padding-top: 0px;
    margin-top: 0px;
    list-style-type: none;
}

.ListSpaced li {margin-bottom: 10px;}
.ListPadded {list-style-type: none; line-height: 2.3em;}
.ListTanArrow { list-style-image: url( '/images/template/arrow_tan.gif' );}
.ListNoBullet {list-style-type: none; }
.ListClear { list-style-image: none;}

.ListNoIndentDisc
{   padding-left: 10px;
    margin-left: 10px;
    list-style-type: disc;
    margin-top: 0px;
}

.ListNoIndentBull
{   padding-left: 8px;
    margin-left: 8px;
    list-style-type: disc;
    margin-top: 1px;
}

.tblHeaderBG1
{   background: #a84141 url( '/images/tblHeaderRedGrad_50.jpg' ) repeat-x 0 0;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    margin: 0;
}

.tblHeaderBG2
{   background: #a84141 url(  '/images/tblHeaderRedGrad_50.jpg' ) repeat-x 0 0;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
} 

/* Grid View */
.SortHeaderRowStyle
{   background: #bbbb8f url('/images/template/tblBG_TanGrad_25x50.gif') repeat-x 0 0;
    font-weight: bold;
}

.TableOutline { border: 1px solid #74252e;}

.TableLikeBox
{   padding: 5px;
    border: 1px solid #74252e;
    background: #fff url('/images/template/tblBG_TanGradient.jpg') repeat-x 0 0;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
     
.HeaderRowStyle
{   background: #a84141 url('/images/tblHeaderRedGrad_50.jpg') repeat-x 0 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 150%;
}

.HeaderRowStyle A:link {font-weight: bold; color: #fff;}
.HeaderRowStyle A:Hover {color: #bbbb8f; font-weight: bold; text-decoration: underline;}
.RowStyle {vertical-align: top;}
.AlternatingRowStyle {background-color: #f0f0f0; vertical-align: top;}
.RowStyle td, .AlternatingRowStyle td {padding-bottom: 10px;}

.SSTFinderContainer
{   float: left;
    margin: 10px;
    width: 325px;
    background-color: #FFFFFF;
}

.ConfirmationPanel
{   width: 200px;
    padding: 20px;
    background-color: White;
    border: 2px solid #74252e;
}

.ModalBackground
{   background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* Menu Styles */
.MainMenuItem
{
    padding: .4em 0.2em .4em .2em;
    background-color: #a84141;
    text-decoration: none;
    font-size: 90% !important;
    color: #FFFFFF !important;
    border-left: 8px solid #74252e;
    border-bottom: 1px solid #BBBB8F;
    line-height: 150%;
}

.MainItemHover
{   padding: .4em 0.2em .4em .2em;
    background-color: #74252e;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 90% !important;
    border-bottom: 1px solid #BBBB8F;
    line-height: 150%;
}

.SubMenuItem
{   clear: both;
    padding: .4em 0.2em .4em .2em;
    background-color: #D9B0B0;
    font-size: 90% !important;
    border-left: 8px solid #74252e;
    border-bottom: 1px solid #FFF;
    width: 200px;
    color: #74252e;
}

.SubItemHover
{   clear: both;
    padding: .4em 0.2em .4em .2em;
    background-color: #74252e;
    color: #FFFFFF !important;
    font-size: 90% !important;
    text-decoration: none !important;
    border-bottom: 1px solid #FFF;
    width: 200px;
}

.MainMenuItem a, .MainItemHover a, .SubMenuItem a, .SubItemHover a
{width: 100%; display: block; padding: 0;}

.hint
{ position: absolute;
  right: -250px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
  z-index:60000;
}

/* News Items */
.NewsTeaserPhoto
{   border: 2px solid #691f1c;
    width: 75px;
    float: left;
    margin-right: 10px;
}
.news-item-container {margin-bottom: 10px; clear: both; float: left;}
.news-item {float: right; width:305px;}
.news-item h4 {font-size: 100%; margin: 0; padding-left: 13px; background: url("/images/Template/arrow_tan.gif") no-repeat 0 50%;}
.cursorHand {cursor:pointer;}

/* Calendar */
.homeCalendar
{   border: 1px solid #691f1c;
    background-image: url('/images/template/tblBG_TanGradient.jpg');
    background-repeat: repeat-x;
    }
    
.homeCalendarTitle
{   color: #fff;
    font-weight: bold;
    background-color: #691f1c;
}

.homeCalendarDaySelected { color: #fff; background-color: #691f1c;}
.hasEvent {color: #fff; font-weight: bold;}


/* Header Icons */
.forms { background: url(images/SiteIcons/Forms.gif) no-repeat 0 50%; padding: 15px 0 15px 60px; }
.legal { background: url(images/SiteIcons/Scales.gif) no-repeat 0 50%; padding: 15px 0 15px 70px; }
.technology { background: url(images/SiteIcons/Computer.gif) no-repeat 0 50%; padding: 15px 0 15px 70px; }
.maps { background: url(images/SiteIcons/MapsIcon.gif) no-repeat 0 50%; padding: 15px 0 15px 75px; }
.organization { background: url(images/SiteIcons/Council.gif) no-repeat 0 50%; padding: 15px 0 15px 100px; }
.users { background: url(images/SiteIcons/Participants_Med.gif) no-repeat 0 50%; padding: 15px 0 15px 55px; }
.childhood { background: url(images/SiteIcons/Blocks.gif) no-repeat 0 50%; padding: 15px 0 15px 65px; }
.news { background: url(images/SiteIcons/news.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.workshops { background: url(images/SiteIcons/Workshops.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.arrow { background: url(images/template/arrow_tan.gif) no-repeat 0 50%; padding: 3px 0 3px 15px; }
.stars { background: url(images/Logos/STARS_logo.jpg) no-repeat 0 50%; padding: 40px 0 40px 125px; }
.transition { background: url(images/SiteIcons/Transition.gif) no-repeat 0 50%; padding: 15px 0 15px 75px; }
.results { background: url(images/SiteIcons/Results.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.assessments { background: url(images/SiteIcons/Evaluation.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.parents { background: url(images/SiteIcons/parents.gif) no-repeat 0 50%; padding: 20px 0 20px 65px; }

/* Smaller Icons */
.alert {background: url("/images/SiteIcons/Caution-Small.gif") no-repeat left 50%; padding: 10px 0 10px 30px; }
.add-user {background: url("/images/SiteIcons/AddParticipant.gif") no-repeat left 50%; padding: 10px 0 10px 30px;}