.backgroundImage{
    background-image: url("../images/buchananmain.jpg");
    background-position: top;
    height: 100%;
    background-repeat: no-repeat;
     text-align: center;
   
}
h2{
    text-align: center;
    color: #03355F;
}
.outerMessagePreview{
    background-color: #EBF2F8;

}

.messagePreview {
    background-color: white;
    margin-left: 10%;
    margin-right: 10%;
    font: 11px "Arial";
    padding: 25px;
}

table.messagePreview {
    width: 80%;
    padding: 0;
}

.smallHeading{

   text-align: center;
   color: #03355F;

}

.messagePreview a{
    
    font-weight: bold;
    text-decoration: none;
    color: #03355F;

}

.searchForm{
     font: 11px "Arial";
}

.popLink{

    font: 11px "Arial";
    font-weight: bold;
    text-decoration: none;
    color: #03355F;
}

#b{
    font: 11px "Arial";
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 
}
#i{
    font: 11px "Arial";
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 
}
#l{
    font: 11px "Arial";
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 
}

#u{
    font: 11px "Arial";
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 
}
#img{
    font: 11px "Arial";
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 
}

.submitRTE{
    font: 11px "Arial";
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 
}

p.content, p.content ul li a {
    font: 11px "Arial";
}

p.content ul li a {
    font: 11px "Arial";
}

.fileInput{
    font-family: "Arial";
    font-size: 11px;
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 
}


.calendarButton{
    font: 11px "Arial";
    font-weight: bold;
    color: #03355F;
    background-color: #EBF2F8; 

}
.messagePreview a:hover{
    color: #7D7D7D;
    text-decoration: underline;

}

.mainHeader {
   min-height: 100%; 
   font: 11px "Arial";
   background-color: #EBF2F8;

}
.mainHeader a {
    font-weight: bold;
    text-decoration: none;
    color: #03355F;
}

.mainHeader a:hover{
    text-decoration: underline;
    color: #7D7D7D;
}

.mainFooter{
    
    font: 9px "Arial";
}

.mainFooter a {
    font-weight: bold;
    text-decoration: none;
    color: #7D7D7D;

}

.mainFooter a:hover {
    text-decoration: underline;
    color: #7D7D7D;

}

.adminMenu {
   font: 9px "Arial";
}

.menutitle{
    text-decoration: underline;
    cursor: hand; 
    cursor: pointer;
}

.menuitem{
    font-weight: bold;
    text-decoration: none;
    color: #03355F;
}


hr{
    margin-left: 40px;
    margin-right: 60px;
}

table{

 width: 100%;
}

caption{

}

td{
    padding: 3px;

}
.pageTitle {
    background-color: #EBF2F8;
    font: 14px "Arial";
    margin: 0px;
}
.selectPageTitle{
    width: 100%;
    font-size: 11px;
}
.tableNavigation{
        background-color: #EBF2F8;
        font-size: 11px;
}
.mainData{
    border: 1 px solid;
    font-size: 11px;
}
.selecttable{
    border: 1px solid #000000;
    width: 100%;
    font-size: 11px;
    padding: 6px 6px 6px 6px;
}

.selectTableHeader{
    background-color: #DDDDDD;
    font: bold 11px "Arial";;
    color: #696969
}
.selectTableBodyEven{
    font: 11px "Arial";
    background-color: #EEEEEE;
}

.selectTableBodyEven a{
  text-decoration: none;
  color: black;
}

.selectTableBodyEven a:hover{
  text-decoration: underline;
  color: black;
}

.selectTableBodyOdd{
    font: 11px "Arial";
    background-color: #DDDDDD;
}


.selectTableBodyOdd a{
  text-decoration: none;
  color: black;
}

.selectTableBodyOdd a:hover{
  text-decoration: underline;
  color: black;
}

.viewOutputTitle table{
   background-color: #CCCCCC; 

}
.datatable{
    width: 100%;
    
}

.sortColumnLink{
  font: bold 11px "Arial";
  color: #03355F;
  text-decoration: none;
 
}

.searchOptional{

    font: bold 11px "Arial";
}

.formOptional{
    font: bold 12px "Arial";
    /* width: 100px; */
    text-align: right;
}

.tablecontent{

    font: 12px "Arial";
    /* width: 400px; */
}

.formOptionalBg{

    font: bold 11px "Arial";
    background-color: #EBF2F8;
}

.formOptionalArea{

    font: bold 11px "Arial";
}

.viewOutputTitle{

    font: bold 11px "Arial";
}


.viewOutput{
    font: bold 11px "Arial";
    color: #696969;
}

.tablenavigation a{
    text-decoration: none;
     color: black;
}

.tablenavigation a:hover{
    text-decoration: underline;
     color: black;
}


.viewOutput a{
    text-decoration: none;
     color: #03355F;
}

.viewOutput a:hover{
    text-decoration: underline;
     color: #7D7D7D;
}

.viewOutputTitleHeading{

    font: bold 11px "Arial";
}

input.modifyForm, input.createForm, input.popupModify, textarea, select {
    // padding: 3px; border: solid 1px #b8b8ba; background: White url(../images/bg2.gif) top left no-repeat; font:normal normal 14px Verdana, sans-serif;x; color:#666666;
    float: left;background: #fff url(../images/bg-formfields.gif) repeat-x top left;
    font: 11px Arial
}

td.unselectedTab {
    font-family: Arial, Verdana;
    font-size: 10px;
    text-align: center;
    background-color: #cccccc;
}
td.selectedTab {
    font-family: Arial, Verdana;
    font-size: 10px;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
}
