/* html reset -------------------------------------- */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,TD,TR,TH,UL,LI{margin:0; padding:0;}
/*li{list-style:none;}*/
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
sup,sub{line-height:-1px; vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select {font-family: Sans-Serif;}
img {border: 0; vertical-align: middle;}

/* functions */
.hideIt {display: none;}
.boldIt {font-weight: bold;}
.centerIt {text-align: center;}
.rightIt {text-align: right;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* html selectors -------------------------------------- */
HTML {height: 101%;}
BODY {font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #312C2D; background: #888;}
h1,h2,h3,h4,h5,h6 {font-weight: bold; color: #333;}
a {color: #333; font-weight: bold;}
a:hover {color: #CA2727; text-decoration: underline !important;}
div.hr {
  clear: both;
  height: 1px;
  background: #999;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
}
div.hr hr {display: none;}

/* pop-ups */
.popup {width: 400px; padding: 25px;}
.popup P {margin: 15px 0;}