/******************************** General FORMs ****************************************/
/* FRONT-END FORMS
--------------------------------------------------- */

form.fe-form {
        background-color: white;
}

form.fe-form div.input input, form.fe-form textarea {
        border: solid 1px #d6d6d6;
        padding: 3px;
}

div.textarea {
	clear: both;
}

form.fe-form select {
        border: solid 1px #d6d6d6;
        padding: 2px;
}

form.fe-form div.firstlastname input {
        width: 180px;
}

form.fe-form div.fieldFirstName, form.fe-form div.fieldLastName {
        float: left;
}

form.fe-form div.fieldAddress1, form.fe-form div.fieldAddress2 {
        float: left;
}

form.fe-form div.fieldAddress1, form.fe-form div.fieldFirstName {
        width: 220px;
        margin-right: 5px;
        clear: both;
}

form.fe-form div.fieldAddress2, form.fe-form div.fieldLastName {
        width: 315px;
}

form.fe-form div.fieldCity {
        float: left;
        width: 220px;
        margin-right: 5px;
        clear: both;
}

form.fe-form div.fieldComment {
	clear: both;
}

form.fe-form div.fieldStateProvince {
        width: 155px;
        margin-right: 5px;
        float: left;
}

form.fe-form div.fieldPostalCode {
        float: left;
        width: 150px;
}

form.fe-form div.fieldPostalCode input {
        width: 100px;
}

form.fe-form div.fieldMessage {
        clear: both;
}

form.fe-form div.fieldEmail, form.fe-form div.fieldPhone {
        clear: both;
}

form.fe-form div.checkbox input, form.fe-form div.checkbox label {
        float: left;
        margin: 0 5px 8px 0;
        width: 500px;
}

form.fe-form div.checkbox input {
        width: 25px !important;
}

form.fe-form div.submit input {
/*
	background: transparent url(img/submit.png) no-repeat;
	border: none !important;
	width: 100px;
	height: 30px;
	text-align: right;
	color: white;
	font-size: 0;
*/
}

form.fe-form div.submit input:hover {
        background: transparent url(img/submit-on.png) no-repeat;
}

div.form h3 {
        color: black;
        font-size: 1.4em;
}

/***** Ajax Form Errors ******/
div.ajax_form_errors {
        padding: 10px;
        background-color: #FFC6A5;
        border: 2px solid #FF0000;
        width: 380px;
        margin-bottom: 8px;
}

div.ajax_form_errors ul {
        list-style-type: none;
}

div.ajax_form_errors ul li {
        padding: 3px;
        font-size: 12px;
}

p.form-footnote {
        font-size: 11px;
        color: #666;
}

div.input {
        margin: 0 0 10px 0;
}

div.input input {
        border: solid 1px #d6d6d6;
        padding: 3px;
        width: 200px;
}

div.input input[type=checkbox] {
        border: 0;
        margin: 0;
        clear: both;
}

textarea {
        border: solid 1px #d6d6d6;
        overflow: auto;
}

div.input label {
        display: block;
        font-weight: 800;
}

label span.fld-required {
        color: #666;
        font-size: 11px;
        font-weight: normal;
}

.required label:after {
        content: " *";
        color: black;
        font-weight: bold;
}

div.rc div.input label {
        display: inline;
}

div.input input[type="hidden"] {
        border: 0;
}

/*******End General Forms***************/


/*******  General Messages ************/
 /* =Messages
-----------------------------------------------------------------------------*/
div#flashMessage {
        font-weight: bold;
        margin: 0px 0 15px 0;
        padding: 5px;
}

/*******  General Messages ************/
 /* =Messages
-----------------------------------------------------------------------------*/
div#message {
        font-weight: bold;
        margin: 5px 0 15px 0;
        padding: 0;
}
  div.notice,
  div#message p {
    padding: 2px 5px;
    margin: 0;
  }
  div.error {
    color: #B51F29;
    border: 1px solid #80250F;
    background: #FFEFEF;
  }
  div.success {
    color: #008000;
    border: 1px solid #008000;
    background: #EFFFEF;
  }
  div.notice, div.message {
        border: solid 1px #ffe27d;
        background: #fff8d9;
        padding: 10px;
        margin: 10px 20px 10px 20px;
  }

  div.error-message {
        padding: 2px;
  }


/*** News ****/
div.article {
        font-size: 12px;
}

div.articles h3 {
        color: #464646 !important;
}

div.articles a:hover {
        text-decoration: underline !important;
}

div.key_articles {
        float: left;
        width: 46%;
        padding-left: 0px;
        padding-right: 20px;
}

div.key_articles h3 {
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 15px;
}

div.key_articles div.headline a {
        font-weight: bold;
        font-size: 14px;
}

div.key_articles span.headline_date a {
        color: #ABAFB6;
        font-size: 12px;
        font-weight: bold;
}

div.article span.headline_date {
	font-weight: normal;
	font-style: italic;
}

div.key_articles div.summary {
        padding-top: 6px;
        padding-bottom: 25px;
        font-weight: normal;
}

div.key_articles div.summary a {
        font-weight: bold;
}

div.key_articles div.summary a {
        font-weight: lighter;
        font-size: .9em;
}

div.key_articles div.subtitle {
        font-size: 13px;
        font-style: italic;
}

div.key_articles.category_articles {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
}

div.key_articles.last {
        padding-bottom: 20px;
        border-bottom: 1px black solid;
}

div.newsvideo {
        margin-top: 35px;
}

div.newsvideo h3, div.newsphotos h3 {
        margin-bottom: 10px;
}

div.newsvideo img, div.newsphotos img {
        border: none;
}

div.newsvideo ul.inline.videos, div.newsphotos ul.inline.photos {
        list-style-type: none;

}

div.newsvideo ul.inline.videos li {
        width: 130px;
        float: left;
}

div.newsphotos ul.inline.photos li {
        width: 100px;
        float: left;
}

div.newsphotos {
        clear: both;
        margin-top: 35px;
        margin-bottom: 15px;
}

/******* Videos ********/

div.video {
        padding-bottom: 6px;
}

div.m-thumb {
        width: 150px;
        float: left;
}

div.m-thumb img {
        padding: 4px;
        border: 1px solid #D8D8D8;
}
div.m-details {
        float: left;
        width: 425px;
}

div.media.view {
        padding-bottom: 30px;
}

div.media.view div.m-embed {
        text-align: center;
}

div.video-sidebar-thumb {
        float: left;
        width: 135px;
}
div.video-sidebar-thumb img {
        padding: 4px;
        border: 1px solid #D8D8D8;
}

div.video-sidebar {
        padding-bottom: 8px;
}
/* Paging */
div.paging {
        background:#fff;
        color: #ccc;
        margin-bottom: 2em;
}
div.paging div.disabled {
        color: #ddd;
        display: inline;
}
div.paging span {
}
div.paging span.current {
        color: #000;
}
div.paging span a {
}

/***** Events *****/
.events h3 {
        margin: 0;
        height: 27px;
        line-height: 20px;
        text-indent: -9999px;
        overflow: hidden;
}
.events h3.events-title {background: url(img/events-title.gif) no-repeat;}
.events ul {
        list-style: none;
        padding: 0 0 0 18px;
        margin: 0;
        font-size: 11px;
        color: #4f5860;
}
.events ul li {
        float: left;
        padding: 16px 0 0;
}
.events ul li .date {
        float: left;
        width: 30px;
        height: 32px;
        margin-right: 30px;
        background: url(img/date-bg.gif) no-repeat;
}

.events ul li .date .month {
        display: block;
        text-align: center;
        font-size: 7px;
        line-height: 11px;
        color: #fff;
}
.events ul li .date .numeric {
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: #101010;
        text-align: center;
}
.events ul li .text {
        float: right;
        color: #4f5860;
        width: 425px;
}
.events ul li .text h4 {
        margin: 0;
        color: #0079b2;
        font-size: 14px;
}
.events ul li .text h4 a {
        margin: 0;
        color: #0079b2;
        font-size: 14px;
}
.events ul li .text p {
        margin: 4px 0 0;
}

/***** Form With Options *****/


div.volunteer, div.coalition {
        padding: 5px;
        margin-bottom: 15px;
}

div.volunteer h4, div.coalition h4 {
        margin-bottom: 15px;
        font-size: 1.1em;
}

div.volunteer div.checkbox, div.coalition div.checkbox {
        width: 46%;
        padding-bottom: 5px;
        float: left;
}

div.VolFieldPublicEndorsement {
        width: 100% !important;
}

div.volunteer_nofloat div.checkbox {
        padding-bottom: 5px;
        float: none;
        width: 100%;
}

div.volunteer div.checkbox label, div.coalition div.checkbox label {
        font-size: .9em;
        float: none !important;
        display: inline !important;
}

div.volunteer div.checkbox input, div.coalition div.checkbox input {
        float: none !important;
        display: inline !important;
}

div.volunteer div.checkbox input[type=hidden], div.coalition div.checkbox input[type=hidden] {
        display: none !important;
}

div.submit {
        clear: both;
}

div.page_content {
	color: #111111;
}

div.page_content ul li {
	margin-bottom: 10px;
}


/****** Possible move into standard *****/
div.newsvideo {
        margin-top: 35px;
}

div.newsvideo h3, div.newsphotos h3 {
        margin-bottom: 10px;
}

div.newsvideo img, div.newsphotos img {
        border: none;
}

div.newsvideo ul.inline.videos, div.newsphotos ul.inline.photos {
        list-style-type: none;

}

div.newsvideo ul.inline.videos li {
        width: 130px;
        float: left;
}

div.newsphotos ul.inline.photos li {
        width: 100px;
        float: left;
}

div.newsphotos {
        clear: both;
        margin-top: 35px;
        margin-bottom: 15px;
}

/***** Blog *******/

/* Sidebar */
ul.blog {
        padding-left: 20px;
}

ul.blog li {
        display: block;
        color: white;
        line-height: 18px;
        padding: 3px;
        font-weight: bold;
}

ul.blog li a {
        color: white;
        font-size: 1.2em;
}

div.blogs h3 {
      font-size: 1.4em;
      margin-top: 25px;
      margin-bottom: 0px;
}