div#dnn_TopOneThirdRightPane {
    margin: 0 0 0 1%;
}
.goal-box {
height:370px;	
	
}
.goal-box2 {
height:420px;	
	
}
i.fa-solid.fa-calendar-days {
    font-size: 76px;
   color:#226077;
   
margin-bottom: 15px;
}

i.fa-calendar-lines-pen{
    font-size: 76px;
   color:#226077;
    margin-bottom: 15px;
}

i.fa-seal-question{
    font-size: 76px;
   color:#226077;
   
margin-bottom: 15px;
}

i.fa-clipboard {
    font-size: 76px;
   color:#226077;
   
margin-bottom: 15px;
}
.font-icon {
	
	text-align: center;
}
h3.monthly {
    background-color: #72984b;
    padding: 10px;
    color: #fff;
    margin-bottom: 8px;
    max-width: 150px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
}


.boxes .panel_body_solid{
   
    padding: 16px 10px 20px 10px!important;
  
}




ul.arrow li {
   
    background-position: 0 .1em!important;
}
.homebox, .homebox2, .homebox3, .homebox4 {height:220px;}

.homebox {
	background-color: #F2F2F2!important;
	 background-image: url("/ole/images/publicmeeting.png")!important;
    background-repeat: no-repeat!important;
    background-position: right 10px top!important;
   
}
#bioButton1 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#bioButton2 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#bioButton3 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#bioButton4 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#bioButton5 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#bioButton6 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#bioButton7 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#bioButton8 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#bioButton9 {
	border: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#readbio1 {display:none;}
#readbio2 {display:none;}
#readbio3 {display:none;}

#readbio4{display:none;}
#readbio5{display:none;}
#readbio6{display:none;}
#readbio7{display:none;}
#readbio8{display:none;}
#readbio9{display:none;}

.poster .onerow {margin: 0 0 1.5% 0;}
.homebox2 {
	background-color: #F2F2F2!important;
	 background-image: url("/ole/images/bridges.png")!important;
    background-repeat: no-repeat!important;
    background-position: right 10px top!important;
   
}

.homebox3 {
	background-color: #F2F2F2!important;
	 background-image: url("/civilrights/images/paper.png")!important;
    background-repeat: no-repeat!important;
    background-position: right 10px top!important;
   
}

.homebox4 {
	background-color: #F2F2F2!important;
	 background-image: url("/civilrights/images/road.png")!important;
    background-repeat: no-repeat!important;
    background-position: right 10px top!important;
   
}
.olehome .movedown {margin-top:16px;}
.olehome .btn12 {
    padding: 8px 8px;
    font-size: 12px!important;
    color: #fff !important;
}
.olehome .btn12, .btn12:hover {
    padding: 8px 8px;
    font-size: 12px!important;
    color: #fff !important;
}

.ourPurpose {
    border-right: 1px dotted #ccc;
    width: 98%;
}
.DNNContainer_Title_h3 h3 {
    padding: 10px;
}
.docheight {height:290px;
    background: #F2F2F2;}


.contentSection table td ul.pdf2 li {
    list-style: none;
     background-repeat: no-repeat;
    background-position: 0 .3em!important;
    padding: 0 0 8px 1.7em !important;
     border: 0px solid blue;
}

.contentSection table td ul.check li {
    list-style: none !important;
    background-repeat: no-repeat;
    background-position: 0 .3em;
    padding: 0 0 8px 1.7em !important;
    border: 0px solid blue; margin: 0 0 0 5px !important;
}


 .contentSection  table ul.check, ul.arrow  {

    margin: 0 0 0 0px !important;
}
.imgcenter a {text-align:center;
font-weight:bold;
font-size:15px!important;}

.imgcenter {text-align:center;}



.floatright {float:right;
padding:10px;
}
.homebox {
  min-height:130px !important;}

.ourPurpose > div {
    width: 98%;
}
.blueTextTitleModule {
    color: #000;
    font-size: 16px;    
	text-transform: uppercase;
}

#SaveForm_6867  input[type="button"] {max-width:20% !important;
  float:right;
  margin-right:10px;
}

.imageleft_border_text {
    float:right;
    display:inline-block;
    width: 65%
}

.brochures_right {
    float: left;
    display: inline-block;
    width: 63.5%;
}

.graybackevent {
    background: rgb(235,239,242);
    padding: 10px;
    box-sizing: border-box;
    
}

#qa a:link, #qa a:visited {
    margin: 0px auto;
    display: block;
    height: 80px;
    width: 158px;
    background-image: url("images/dbe_qabutton.gif");
}
.headgreen {
    color: #fff !important;
    font-size: 14px;
}
.headgreen  a {
    color: #fff !important;
   
}
#qa a:hover {
    margin: 0px auto;
    background-position: 0px -80px;
}

#right_column_goals, #right_ql_application, #right_chart {
    height: 185px;
    margin: 16px auto 0px;
    padding: 7px 6px 12px;
    background-image: url("images/dbe_rcbg.gif");
    background-repeat: no-repeat;
    width: 144px;
    color: #FFF;
}

.contentSection h3.rcgoals {
    font-size: 15px;
    text-align:center;
}

.contentSection h3.rc {
    font-size: 14px;
    text-align: center;
    color: #AEAE5C;
    margin: 0px;
    padding: 8px 0px 0px;
    text-transform: none;
}

.contentSection h2.rc {
    font-size: 14px;
    text-align: center;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    text-transform: none;
}

#right_ql_directory {
    height: 153px;

    padding: 10px 6px 5px;
    margin: 0 auto;
    background-image: url("images/dbe_quicklinks.gif");
    background-repeat: no-repeat;
    width: 144px;
    color: #FFF;
}

#right_ql_application, #right_chart {
    height: 190px;
    
    padding: 2px 6px 21px;
    margin: 0 auto;
    background-image: url("images/dbechart.gif");
    background-repeat: no-repeat;
    width: 144px;
    color: #FFF;
    border: 0px solid #CCC;
}

.contentSection ul.ql {
    padding-left: 15px;
    clear: both;
}

.contentSection ul.ql li {
    margin: 5px 0px;
    list-style: outside none square;
    color: #fff;
}

.contentSection ul.ql li a:link {
    text-decoration: underline;
    color: #FFF;
}

.contentSection ul.ql li a:hover {
    text-decoration: underline;
    color: #BFBF7E;
}

.grayback {
    background: rgb(235,239,242) url("images/grayback.jpg") no-repeat scroll 0% 0%;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 15px;
    background-size: 100%;
}

.contentSection .tblDocumentForms thead tr {
    background-color: #4A687D;
    color: #fff;
}

.contentSection .tblDocumentForms thead tr th {
    padding: 10px;
}

.contentSection .tblDocumentForms thead tr th:first-child {
    text-align:left;
    width: 75%;
}

.contentSection .tblDocumentForms tbody tr td {
    padding: 13px 10px;
}

.contentSection .tblDocumentForms tbody tr td.col2 {
    text-align: center;
    background-color: #E3E3E4;
}

.contentSection .tblDocumentForms tbody tr:last-child td {
    border: none;
}

.photoshellc {
    padding-bottom: 10px;
    border-bottom: 0px solid #CCC;
    text-align: left;
    overflow: auto;
    margin-bottom: 10px;
}

.photoleftc {
    float: left;
    width: 130px;
    background-color: #FFFEF0;
    margin: 0px;
    padding: 5px;
    border: 4px solid #CCC;
}

.photorightc {
    float: left;
    width: 60%;
    margin: 0px 0px 10px 15px;
    border: 0px solid #000;
}

/*#EntryForm {
    background-color: #F3F3F3;
}*/

.dynamicforms_requiredfieldasterik {
    color: red;
}

.pub_left {
  	float:left;
    border: 0px solid #000;
    margin-right: 20px;
	width: auto;
	display: inline-block;
}

.pub_right {
    float: left;
    width: 445px;
    border: 0px solid #000;
}

.publication {
    overflow: auto;
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: 10px solid #edebe7;
}

h2.head {
    margin: 5px 0 2px 0;
    font-family: arial, verdana, Helvetica, sans-serif;
    font-size: 1.20em;
    color: #00215b;
}

.pub_right ul {
    padding-left: 30px;
}

.dellMarLeft {
    width: 35%;
    display: inline-block;
    vertical-align: top
}

.dellMarRight {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
@media only screen and (max-width:1366px) 
{.goal-box {
height:450px;	
	
}
	.goal-box2 {
height:490px;	
	
}
}
@media only screen and (max-width: 990px) 
{.goal-box {
height:450px;	
	
}
	.goal-box2 {
height:490px;	
	
}
	.DF-FieldRow {
  
    width: 100%!important;
   
}
	.docheight {height:340px;
  }
    .pub_left {
        float: none;
        display: block;
        text-align: center;
    }
    
    .pub_right {
        float: none;
        display:block;
        margin-top: 10px;
        width: 100%;
    }
    
    .imageleft_border_text {
        width: 58%;
    }
    
    .brochures_right {
        width: 50%;
    }
    
    .photorightc {
        width: 51%;
    }
    
    .dellMarLeft {
        width: 44%;
    }
    
    .dellMarRight {
        width: 52%;
    }
}

@media only screen and (min-width: 180px) and (max-width: 767px) 
{
	.content3 .caption_border, .content3 .captionright_border, .content3 .captionleft_border, .content3 .image_border, .content3 .imageright_border, .content3 .imageleft_border {
  
   border: 0px solid #ccc!important;
}
	
	
	div#dnn_TopOneThirdRightPane {
    margin: 0%;
}
	
	
    .ourPurpose {
        border-right: none;
    }
  
  #SaveForm_6867  input[type="button"] {max-width:20% !important;
  float:none;
  margin-right:10px;
}


    .ourPurpose > div {
        width: 100%;
    }
    
    .imageleft_border_text {
        float: none;
        width: auto;
    }
    
    .brochures_right {
        float: none;
        width: auto;
    }
    
    .grayback {
        background-size: auto;
        margin-top: 20px;
    }
    
    .pub_right {
        width: auto;
    }
    
    .photorightc {
        width: 100%;
        box-sizing: border-box;
        margin: 10px 0;
    }
    
    .dellMarLeft, .dellMarRight {
        width: 100%;
    }
    
    .dellMarLeft > img, .dellMarLeft {
        text-align: center;
        margin: 0 auto;
    }
	.docheight {height:auto;
  }
	.goal-box {
height:auto;	
	
}
	.goal-box2 {
height:auto;	
	
}
}