* {margin:0; padding:0;}                                                                                                              
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.noscreen {display:none;}
.center {text-align:center}
.leftpicture {float:left;margin:5px 5px 5px 0px;border:1px solid rgb(102,0,204);padding:2px;}
.rightpicture {float:right;margin:5px 0px 5px 5px;border:1px solid rgb(102,0,204);padding:2px;}


html {background: #dadada;}
code {font-family:"",monospace;}
img.icon {vertical-align:bottom;padding:0px 5px 0px 0px;}
a {color:#2b35cc;}
a:hover  {color:#ed1c24;}
p {margin:5px 0px;}
p.readmore {color:rgb(153,0,204);text-align:right;margin:5px 0px;}

body {font-family:Montserrat;font-size:10pt;background:#dadada;}

div#all {color:#000000;}
div#main {background:#ffffff;}
header {background:#dadada;position:relative;}
footer {background:#dadada;position:relative;}

h1,h2 {text-align:center;color:#000000;}

@media screen and (min-width: 10px) {

   desktop {display:none;}
   div#all {width:315px;margin:0px auto;padding:5px 0px 5px 0px;}
   

}

@media screen and (min-width: 768px) {
   body {font-size:12pt;}
   div#all {width:100%;margin:0px;}
   h1 {font-size:150%;margin:5px 0px 10px 0px;text-align:center;}
   h2 {font-size:130%;}
   
   header, footer {margin:10px 20px;}
   
   #headtitle {font-size:200%;font-weight:bold;text-align:left;}
   #logo {float:left;width:200px;padding-right:30px;}
   
   #main {margin:0 20px;min-height:200px;padding:20px;}
   
   #footerleft {float:left;width:30%;padding-right:3%;} 
   #footercenter {float:left;width:30%;} 
   #footerright {float:right;width:30%;padding-left:3%;}
   
   article.volbyitem {margin:20px 0px; padding:20px 20px; box-shadow:3px 3px 5px #000000;background:#dadada;} 
   article.volbyitem h3, article.volbyitem h3 a {text-decoration:underline;margin:0px 0px 20px 0px;}
   article.volbyitem a.regbutton {float:right;display:block;background:#ed1c24;font-size:20pt;padding:10px;font-weight:bold;text-decoration:none;box-shadow:5px 5px 5px #000000;} 
   article.volbyitem a.regbutton:hover {background:#2b35cc;color:ed1c24;box-shadow:3px 3px 3px #000000;}

   .form {width:680px;margin:10px;}
   .form .errors {color:#FFFF00;background:#FF0000;padding:5px 5px;font-weight:bold;}
   .form .fieldcontent {width:680px;margin:5px 0px}
   .form .fieldcontent label {width:200px;display:block;float:left;font-size:11pt;font-weight:bold;padding:0px 10px 0px 0px;text-align:right;}
   .form .field {margin:0px 0px 0px 210px;width:470px;}
   .form .field select {font-size:12pt;width:388px;border:1px solid #999999;padding:0px 0px 0px 5px;}
   .form .field input[type="text"] {font-size:12pt;width:388px;border:1px solid #999999;padding:3px 5px 3px 5px;}
   .form .field input[type="date"] {font-size:12pt;width:388px;border:1px solid #999999;padding:3px 5px 3px 5px;}
   .form .field textarea {font-size:12pt;width:388px;height:100px;border:1px solid #999999;padding:3px 5px 3px 5px;}
   .form .field .description {font-size:9pt;color:#666666;}
   .form .field .error {font-size:9pt;color:#ff0000;font-weight:bold;}
   .form .submits {margin:5px 0px 5px 210px;text-align:left;}
   .form .submits input[type="submit"] {background:#2b35cc;color:#ed1c24;font-weight:bold;font-size:12pt;padding:5px 5px 5px 5px;box-shadow:2px 2px 2px #000000;border-color:#000000;}
   .form .submits input[type="submit"]:hover {background:#ed1c24;color:#2b35cc;box-shadow:1px 1px 1px #000000;}

}