﻿body
{
background-color:#e1e1e1;
margin:0;
}
#PublicHeaderdiv
{
    position: relative; 
    float:left;
    width: 1000px; 
    height: auto; 
    border-top:solid 10px #a70021;
    background-color:White;  
}

#PublicHeaderdiv img
{
    position:relative;
    float:left;
}
#PublicHeaderdiv span
{
    position:relative;
    float:left;
    font:normal 28px Georgia;
    margin-top:20px;
}

#PublicHeaderdiv div
{
    position: relative; 
    float:left;
    width: 1000px; 
    height: 30px;
    background-color:#a70021;
    margin-top:5px;  
}

#PublicHeaderdiv div .WhitetextClass, #PublicHeaderdiv div a.Link, #PublicHeaderdiv div a.Link:visited
{
position: relative;
float:left; 
font:normal 12px Arial;
color:White;
text-decoration: underline;
}

a.Link:hover
{
    color: #FF7F00;
}
/* For Styling Default page div*/
.DefaultMainDiv
{
    position: relative; 
    width: 100%; 
    height: 470px; 
    float: left; 
    clear: both;
    background-color : White;
}
.LeftDiv
{
 position:relative; 
 float:left; 
 height:auto; 
 width:440px;   
}
.DivStaffLoginTop
{
    position: relative; 
    float:left;
    width: 140px;
    padding-top:10px;
    padding-bottom:5px;   
    text-align:center;
    margin:20px 0px 0px 30px;  
}
.StaffLogin
{
   font:normal 15px Arial;
   color:#ffffff;
   background-color: #a70021;
   position: relative; 
   height: 200px; 
   float: left; 
   z-index: 10;
   margin:0px 0px 0px 30px;
    width: 350px;
   padding:20px 20px 0px 30px;
  
}
#RoundedReddiv .lblUsernameStyle
{
   position: absolute;
   top: 30px; 
   left: 20px; 
   text-align: right; 
   width: 100px;

   font:bold 16px arial; 
   color:#ffffff;
    
}
.DefaultFontStyle
{
    font:normal 12px arial;    
}
#RoundedReddiv .lblPasswordStyle
{
   position: absolute;
   top: 65px; 
   left: 20px; 
   text-align: right; 
   width: 100px; 

   font:bold 16px arial; 
   color:#ffffff;
    
}
a.RetrievalLink,a.RetrievalLink:visited
{
    position: absolute;
    top: 250px; 
    left: 50px;
    font:normal 12px Arial;
    text-decoration: underline;
    color: #ffffff;
}

.RightDiv
{
      position:relative;
      float:left;
      margin:10px 0px 0px 30px;
      height:280px;
      width:520px;
     
      border-left:solid 1px #a70021;  
}
.VolunteerSpan
{
    position:relative;
    float:left;
    color:Black;
    font:bold 18px arial;
    margin:20px 0px 0px 30px;
}
.VolunteerLink
{
    position: absolute;
    top: 99px; 
    left:30px; 
    width: 280px; 
    font: normal 12px arial;

}
.EventRegisterLink
{
  position: absolute; 
  top: 199px; 
  left: 30px; 
  width: 280px; 
  font: normal 12px arial;  
    
}
.ParagraphBoldStyle
{
    position:relative;
    float:left;
    clear:both;
    margin:10px 0px 0px 30px;
    font:bold 13px arial;
    width:480px;
    color:Black;
    text-align:left;
}
.ImageStyle
{
    position:absolute;
   
   left:30px;
  
  
}
.BottomStyle
{
    position:relative;
    float:left;
    margin:10px 0px 10px 10px;
  
    border-top:solid 1px #a70021;  
    width:980px;
    height:155px;    
}
.HeadingStyle
{
    position:relative;
    float:left;
    margin:10px 0px 0px 20px;
    width:500px;
    color:black;
    font:bold 18px arial;
       
}
.ParagraphNormalStyle
{
    position:relative;
    float:left;
    clear:both;
    margin:10px 0px 0px 20px;
    font:normal 12px arial;
    width:940px;
    color:Black;
    text-align:left;
}
.maindivPassword
{
    position: relative; 
    width: 1000px; 
    height: 440px; 
    float: left;
    margin:0;
    background-color:White;
}

.MessageHeader
{
    font: bold 17px Arial;
    color: #ffffff;
    height:20px;
    background-color: #a70021;
}

.MessageContent
{
   font:normal 15px Arial;
   color:#ffffff;
   background-color: #a70021;
   position: relative; 
   width: 650px; 
   height: 160px; 
   float: left; 
   padding:20px 20px 0px 30px;
   margin-left:150px;
}

.top
{
    position: relative; 
    width: 160px;
    padding-top:10px;   
    text-align:center;
    margin:30px 0px 0px 150px; 
}

.DesignButton
{
  color: #ffffff;
  background-color:#003399;
  border:1px Outset #003399;
  width:70px;
  font:normal 13px Arial;
  cursor:pointer;
  
}

.DesignButton:hover
{
  color: #000000;
  border:1px Outset #cfab79;
  background-color:#cfab79;
  font:normal 13px Arial;
}

.linkbtnclass
{
    position: absolute; 
    font-size:12px; 
    color:White;
}

#lbldiv
{
    position: relative; 
    width: 800px; 
    height: 400px; 
   top:20px;
   float:left;
   
   background-color:white;
    
}
#lbldiv .lblclass
{
    position: absolute;
    top: 0px; 
    left: 56px; 
    height: 17px; 
    width: 600px;
}

.ChangePasswordLabelclass
{
position: absolute; 
left: 80px; 
text-align:right; 
width:140px;
}

.ChangePasswordTxtBoxclass
{
position: absolute; 
left: 230px; 
width: 200px;
}

#RoundedRedChangePassworddiv
{
height:180px; 
padding:20px 0px 10px 30px;
}

/* For Styling Welcome page */
#Welcomediv
{
position:relative; 
float:left; 
width:1000px; 
background-color:White; 
height:auto;
}

#Welcomediv #Welcome-graydiv
{
position:relative; 
float:left; 
margin:20px 0px 0px; 
background-color: #eeeeee; 
width:990px; 
height:auto; 
clear:both; 
padding:0px 5px 0px; 
font:normal 12px Arial; 
border-bottom:solid 2px #bebebe; 
border-top:solid 2px #bebebe; 
}

#Welcomediv #Welcome-graydiv h1
{
margin:10px 0px 22px 0px;
padding:0px; 
font-size:22px;
}

#Welcomediv #Welcome-graydiv h2
{
padding:0px;
margin:0px 0px 10px;
}

#Welcome-maindiv
{
position:relative; 
float:left; 
width:990px;
height:500px; 
background-color:White;
}

#Welcome-maindiv #leftdiv .IbtnClass
{
position:relative; 
float:left; 
width:326px; 
height:90px; 
margin:0px 0px 15px 0px;
top: -140px;
left: 0px;
}

.AdminBtnClass
{
    position:absolute; 
    background-color:#c4bd97;
    color:Black;
    text-decoration:none;
    font:bold 14px Arial; 
    top:10px;
    left:820px; 
    width:150px;
    height:30px;
    cursor:pointer;
}

.AdminBtnClass:hover
{
    background-color:#e0e0e0;
}
#Welcome-maindiv .Volunteer
{
    position:relative; 
    float:left; 
    clear:both; 
    margin:60px 0px 0px 50px;
}

#Welcome-maindiv .Document, #Welcome-maindiv .Resources
{
    position:relative; 
    float:left; 
    clear:both; 
    margin:20px 0px 0px 50px;
}
/* For Styling Administration page */
#Administrative-maindiv
{
position:relative; 
float:left; 
width:1000px; 
min-height:500px; 
height:auto;
background-color:White;
}

.BackToHomeLBtnClass
{
    position:relative; 
    float:left; 
    width:110px; 
    margin:10px 25px;
    color:Black; 
    text-decoration:none;
    background-color:#efef83;
    font:bold 12px Arial; 
    border:solid 1px Black;
    height:30px;
}
.BackToHomeLBtnClass:hover
{
    background-color:#e0e0e0;
}
#Administrative-maindiv #Administrative-graydiv
{
position:relative; 
float:left; 
background-color: #eeeeee; 
width:990px; 
height:auto; 
clear:both; 
padding:10px 5px; 
font:normal 14px Arial; 
border-bottom:solid 2px #bebebe; 
border-top:solid 2px #bebebe;
}

.ManageUsersClass
{
    position:relative; 
    float:left; 
    width:130px; 
    background-color:#95b3d7; 
    margin:20px 0px 0px 20px; 
    clear:both;
    font:bold 12px Arial;
    color:Black; 
    height:30px;
    cursor:pointer;

}
.ManageUsersClass:hover
{
    background-color:#e0e0e0;
}
/* For Styling Users page */
#Users-maindiv,#UsersDetail-maindiv
{
    position:relative; 
    float:left; 
    width:0px;
    min-height:500px;
    height:auto;
    margin:0px;
    background-color:White;
}

#Users-maindiv div, #UsersDetail-maindiv div
{
    position:relative; 
    float:left; 
    height:auto; 

}

.PaddingClass
{
    padding: 10px 0px 10px 24px;
}

/* For Coloring Maroon color of div */
.Marrondiv
{
    background-color:#a70021; 
    padding:10px 24px 10px 0px;
}
/*.custom.RadGrid_Office2007
{
    border:1px solid #688caf;
    background:#fff;
    color:#333;
}
*/
.custom.RadGrid_Office2007 .rgRow td,
.custom.RadGrid_Office2007 .rgAltRow td,
.custom.RadGrid_Office2007 .rgEditRow td,
.custom.RadGrid_Office2007 .rgFooter td
{
cursor:pointer;
}
.GridBgColor
{
    color: #808080;
    border: 1px solid #bebebe;
    background-color:#dddddd;
    margin: 10px 0px 0px 0px;
    min-height:200px;
    width:90%;
  
}

/* For styling UserDetail page */
#UsersDetail-maindiv #GrayRoundeddiv
{
position:relative;
float:left;
background-color:#bebebe; 
width:295px; 
min-height:175px; 
height:auto;
margin:5px 15px;
color: Black;
font:bold 12px Arial;
}

#UsersDetail-maindiv #GrayRoundeddiv .spanclass
{
position:absolute; 
top:62px; 
background-color:#b1b1b1; 
width:100%; 
height:2px;
}

#UsersDetail-maindiv #GrayRoundeddiv .Controlclass
{
position: absolute;
left: 20px;
}

#UsersDetail-maindiv #BlueBorderdiv
{
position:relative; 
float:left; 
min-height:465px; 
height:auto; 
width:900px; 
border:solid 2px #0b4599; 
padding:10px 26px;
margin-left:15px;
}

#UsersDetail-maindiv #BlueBorderdiv .spanTextClass
{
position:absolute; 
left:90px;
}

.ItalicTextclass
{
font:italic 12px Arial; 
}

.NormalTextclass
{
font:normal 12px Arial; 
position:absolute; 
}


#UsersDetail-maindiv #BlueBorderdiv hr
{
    background-color:#0b4599; 
    color:#0b4599;
    width:895px; 
    height:1px;
    left:35px;  
}
.CheckBoxLeftClass
{
    position:absolute;
    left:40px;
}
.RBtnLeftClass
{
left:85px;
}

.LabelLeftclass
{
    left:115px;
}
a.ContentLink,a.ContentLink:visited
{
    position: absolute;
    top: 7px; 
    left: 920px;
    font:normal 12px Arial;
    text-decoration: underline;
    color: #000000;
}
a.ContentLink:hover,a.CancelLink:hover,a.LoginLink:hover,a.RetrievalLink:hover
{
    color: #FF7F00;
}

a.CancelLink,a.CancelLink:visited
{
    position:relative;
    margin:0px 0px 0px 5px;
    font:normal 13px Arial;
    text-decoration: underline;
    color: #000000;   
}
a.LoginLink,a.LoginLink:visited
{
    position:relative;
    margin:0px;
    font:normal 12px Arial;
    text-decoration: underline;
    color: blue;   
}

#mainfooter
{
     position: relative; 
     float:left;
     width: 1000px; 
     height: 50px;
     padding-top:7px;
     border-top:5px solid #a70021;
     background-color:White;
}

#mainfooter div
{
    position:relative; 
    float:left; 
    margin-left:750px; 
    width:100px; 
    height:30px; 
    padding-top:10px;
}

#mainfooter .footertext
{
    font:italic bold 12px Arial;
    color:#3c3d41;
}

#mainfooter img
{
    position:relative;
    float:left;
    border: 0;
}

#mainfooter a, #mainfooter a:visited
{
    font:normal 12px Arial;
    color: #ffffff;
    text-decoration:underline;
}

#bottomdiv
{
margin-bottom:-20px;
background-color:Fuchsia;
}

#footerdiv
{
    text-align : right; 
    position: relative; 
    width: 995px; 
    height: 25px; 
    background-color: #a70021; 
    font:bold 12px Arial;
    color:White; 
    padding:5px 5px 0px 0px;
    clear:both; 
}

#footerdiv a, #footerdiv a:visited
{
    font:normal 12px Arial;
    color: White;
}

#footerdiv a:hover
{
    color: #FF7F00;
}   