html {

background-color:#fafafa;
margin:0px;
padding:0px;
overflow-x:hidden;

}


body {

margin:0px;
font-size:18px;
font-family: 'Roboto', 'Source Sans Pro', arial, sans-serif;
color:#252525;

}


.container {

width:100%;
text-align:left;
box-sizing: border-box;
position:relative;
display:inline-block;
max-width:1400px;
padding-left:10px;
padding-right:10px;

}


input, button {

-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;

}


#main {

min-height:600px;
padding:15px;

}


h1 {

margin-top:0px;
font-weight:normal;

}


.error {

color:red;
font-style:italic;
font-size:16px;

}


.sectitle {

font-size:50px;
margin-bottom:20px;

}


.prog1 {

width:100%;
margin-top:15px;
border:1px solid #dddddd;
box-sizing:border-box;
height:10px;
position:relative;
display:none;

}


.prog2 {

background-color:#18e126;
width:0px;
height:100%;

}



.popholder {

display:none;
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
text-align:center;
overflow-y:auto;
z-index:15;
max-height:100%;

}


.popup {

position:relative;
top:10%;
background-color:#f9f9f9;
box-sizing:border-box;
max-width:100%;

}


.overlay {

display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,.7);
z-index:10;

}



/**************************** HEADER ******************************/

#header {

width:100%;
padding:15px;
background-color:#3c3936;
text-align:left;

}


#logo {

width:200px;
height:auto;

}


#logout {

display:inline-block;
position:absolute;
right:10px;
top:15px;

}


.logbutton {

padding:8px;
background-color:#dddddd;
border:0;
border-radius:6px;
cursor:pointer;

}


#desknav {

width:100%;
background-color:#dddddd;
text-align:left;
border-bottom:1px solid #999999;
font-size:0;

}


.navlink {

display:inline-block;
width:100px;
color:#252525;
text-decoration:none;
cursor:pointer;
border-right:1px solid #999999;
padding:6px;
text-align:center;
font-variant:small-caps;
font-size:20px;

}


.navlink:hover {background-color:#eeeeee;}








/**************************** FORMS ******************************/

.lform {

position:relative;
padding:20px;
display:inline-block;
max-width:100%;
box-sizing:border-box;
border:1px solid #cccccc;
text-align:left;

}


.lform .textfield {

padding:8px;
font-size:18px;
background-color:#ffffff;
border:1px solid #dddddd;
border-radius:5px;
width:100%;
box-sizing:border-box;

}


.lform .textfield2 {

width:auto !important;

}


.lform label {

display:block;
text-align:left;
margin-bottom:4px;
font-size:17px;

}


.cta {

padding-top:12px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
font-size:18px;
background-color:#1589da;
color:#ffffff;
display:inline-block;
width:100%;
border-radius:5px;
border:0;
cursor:pointer;
box-sizing:border-box;
text-align:center;

}


.cta2 {

width:auto;

}


.cta:hover {background-color:#37a4f0;}


.close, .close2 {

display:inline-block;
position:absolute;
top:5px;
right:5px;
cursor:pointer;

}


.ferror {

border:2px solid red !important;

}


#logform {width:400px;}











/**************************** EVENTS ******************************/

#newevent {width:600px; display:none;}

#update_pic .popup {width:450px;}


#eventphoto, #eventphoto2 {

width:100%;
box-sizing:border-box;
text-align:center;

}


#eventphoto img, #eventphoto2 img {

width:100%;
height:auto;
box-sizing:border-box;
max-width:350px;

}


#eventphoto2 {margin-bottom:10px;}


.eventblock {

display:inline-block;
vertical-align:top;
width:100%;
max-width:300px;
box-sizing:border-box;
margin:20px;
padding:8px;
background-color:#ffffff;
position:relative;

}

.eventblock img {

max-width:100%;
max-height:450px;
height:auto;
width:auto;
margin-bottom:10px;

}


.eventinfo {

width:100%;
font-size:16px;
margin-bottom:10px;
text-align:left;
min-height:70px;

}

.evname {

display:block;
margin-bottom:6px;

}


evdate {

display:block;

}


.eventicons {

text-align:left;

}


.eventicons a {

font-size:13px;
display:inline-block;
margin-right:10px;
text-decoration:underline;
color:#1589da;
cursor:pointer;

}


.eventblock form {

display:none;
position:absolute;
bottom:0px;
left:0px;
background-color:#f0f0f0;
width:100%;
box-sizing:border-box;
padding:10px;

}


.ctamin {

background-color:#dddddd;
padding:5px;
padding-top:8px;
font-size:14px;
border:1px solid #333333;
border-radius:25px;
margin-top:15px;
margin-left:6px;
margin-right:6px;
width:60px;

}


.eventblock label {

display:block;
font-size:14px;
margin-bottom:3px;
text-align:left;

}

.eventblock .textfield {

display:block;
width:100%;
background-color:#ffffff;
border:1px solid #dddddd;
padding:6px;
font-size:16px;
margin-bottom:15px;
box-sizing:border-box;

}