/*IM 2.00, Site Lite CSS, CEF og OR Inc., PDX WS Chapter*/
/*general use CSS, no not modify--------------------------------------------------------------------------------------*/
.font-xxl {font-size:xx-large;}
.font-xl {font-size:x-large;}
.font-l {font-size:large;}
.font-m {font-size:medium;}
.font-s {font-size:small;}
.font-xs {font-size:x-small;}
.font-xxs {font-size:xx-small;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.indent {text-indent:15px;}
.exdent {text-indent:-15px;}

.shift-r {position:relative; left:30px;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.unbold {font-weight:normal;}
.ital {font-style:italic;}
.super {vertical-align:baseline; position:relative; top:-0.4em; font-size:smaller;}

.border-0 {border-width:0;}
.border-1 {border:1px solid #000000;}

.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.error {color:red; text-decoration:underline;}
.validator, .validator a:link, .validator a:visited {font-size:xx-small; text-align:left; background-color:#fff; color:#000; text-decoration:none;}
.validator a:hover {text-decoration:underline; color:#f00;}

/*site layout CSS--------------------------------------------------------------------------------------*/
* {
    margin:0;
    padding:0;
}

body {
    font-family:Arial, sans-serif;
    font-size:1.125em;
    text-align:center;
    color:#444;
    background-color: #fff;
}

#container {
    width:100%;
    padding:0;
    margin:0 auto;
    overflow: hidden;
    min-width: 1020px;
}

#header {
    width:100%;
    margin:0 auto;
    text-align:center;
    padding:0 0 24px;
    height:287px;
    overflow:hidden;
    border-bottom:1px solid #444;
    background-color: #fff;
}

#main-wrapper {
    width:1000px;
    margin:0 auto;
    clear:both;
    padding:0px 10px 20px 10px;
    min-height:350px;
    height:auto !important;
    height:350px;
    /*background-color:#fff;*/
}

/*uncomment declarations in next IDs to accommodate sidebar(s), adjust width and margin-left per design*/
#main-content {
    /*padding:0 20px 0 0;*/
    text-align:left;
    /*float:left;
    width:700px;
    margin-left:150px;
    }

    #left-sidebar {
    float:left;
    width:150px;
    margin-left:-850px;
    }

    #right-sidebar {
    float:left;
    width:150px;*/
}

#footer {
    clear:both;
    text-align:center;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 0 20px 20px;
    background-color: #777;
    border-top:1px solid #444;
}

#footer .footer-main {
    width: 960px;
    margin: 0 auto;
    background-image: url("images/cef-logo.png");
    background-repeat: no-repeat;
    background-position-y: -10px;
    background-position-x: left;
}

#footer .footer-main p {
    padding: 0.5em 10px;
}

fieldset {
    border-width:0px;
}

legend {
    display:none;
}

/*contact form CSS--------------------------------------------------------------------------------------*/
#con-form {
    width:600px; /*contact form width*/
    text-align:left;
}

#main-content ul {
    list-style-position:inside;
    margin:5px 0 5px 10px;
}

#con-form input[type=text], #con-form textarea {
    padding:1px;
    margin:1px;
    width: 90%;
}

#con-form label {
    display:block;
    margin:20px 0 0;
}

/*menu links CSS--------------------------------------------------------------------------------------*/
/*Uncomment desired version*/

/*vertical links*/
/*
*/

/*horizontal links*/
div.links-main {
    position:relative;
    top: -58px;
    height:77px;
    width:100%;
    margin:0px auto;
    background-color: rgb(168, 15, 74);
}

div.links-main ul {
    float:left;/*remove to left justify menu*/
    position:relative;
    left:50%;
}

div.links-main ul li {
    float:left;
    position:relative;
    right:50%;
    display:inline-block;
    list-style:none;
}

div.links-main a:link, div.links-main a:visited {
    padding:0px 20px;
    display:block;
    font-size:20px;
    line-height:27px;
    font-weight:bold;
    color:#000;
    margin-top: 50px;
    text-decoration:none;
    font-family: Arial, sans-serif;
    text-align:center;/*optional*/
    /*width:100px;optional*/
}

div.links-main a:hover, div.links-main a:active {
    text-decoration:none;
    background-color:transparent;
    color:#fff;
}

div.links-main a:active, div.links-main a:focus {
    outline:0;
}

div.links-main a.fb-link {
    position:relative;
    top:2px;
    padding:0px 0px 0px 5px;
}

/*--------------------------------------------------------------------------------------*/
div.links-sec {
    margin-top: 20px;
}

div.links-sec ul {
    float:left;/*remove to left justify menu*/
    position:relative;
    left:50%;
    padding-top: 20px;
}

div.links-sec ul li {
    float:left;
    position:relative;
    right:50%;
    padding:0px 5px;
    display:block;
    list-style:none;
    font-size:12px;
    line-height:20px;/*accommodates 20px icon*/
}

div.links-sec a:link, div.links-sec a:visited {
    color:#fff;
    text-decoration:none;
}

div.links-sec a:hover {
    background-color:transparent;
    text-decoration:underline;
}

/*copyright notice CSS--------------------------------------------------------------------------------------*/
#copyright {
    clear:both;
    font-size:10px;
}

/*custom CSS, add additional CSS declarations here--------------------------------------------------------------------------------------*/
a:link, a:visited {
    text-decoration:underline;
    color:#a9233e;
}

a:hover {
    background-color:#ffeaea;
}

div.img-link a:hover, div.img-link a:active {
    text-decoration:none;
    background-color:transparent;
}

p {
    padding:0.5em 0;
}

h1, h2, h3, h4, h5 {
    font-family: 'Boogaloo', cursive;
}

h1 {
    text-align: center;
    padding:10px 0 0;
}

hr {
    margin: 20px 0;
}

#main-content ul, #main-content ol {
    list-style-position:inside;
    margin:5px 0 5px 10px;
}

/*table {
    float:right;
    border-collapse:collapse;
    margin:0 0 10px;
}

caption {
    font-weight:bold;
}

th {
    background-color:#eee;
}

td {
    border-top:1px solid #999;
    margin:0;
    padding:3px 10px 3px 5px;
}

.banquet {
    border: 1px solid #777777;
    border-radius: 10px;
}*/

img.float-right {
    margin: 0 0 0 20px;
}

img.float-left {
    margin: 0 20px 0 0;
}

.home-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.home-boxes a {
    width: calc(25% - 10px);
    margin: 5px;
}

.home-boxes img {
    height: auto;
    width: 100%;
}

iframe.video-full {
    width: 1000px;
    height: 563px;
    margin: 10px 0 20px;
}