/*
 * blue 069
 * halfway white 74acc7
 * halfway black 003853
 */

body {
  margin: 0; padding: 0;
  font: 14px arial, helvetica, sans-serif; line-height: 19px; text-align: left;
  color: #333; background-color: #74acc7;
}

p { margin: 0 0 1.0em 0; padding: 0; }

strong { color: #333; }

blockquote { margin: 10px 0 10px 25px; }

h1 {
  margin: 0 0 0.75em 0; padding: 0;
  font-size: 18pt; 
  font-weight: bold;
  color: #333;
}

h2 {
  margin: 0 0 0.5em 0; padding: 0;
  font-size: 15px; font-weight: bold;
  color: #333;
}

h3 {
  margin: 0 0 0.75em 0; padding: 0;
  font-size: 18px; font-weight: bold; text-align: center;
  color: #333;
}

h4 {
  margin: 0 0 0.5em 0; padding: 0;
  font-size: 15px; font-weight: bold; text-align: center;
  color: #333;
}

/* only used in post to decrease space between time and location */
h5 {
  margin: 0 0 0.15em 0; padding: 0;
  font-size: 18px; font-weight: bold; text-align: center;
  color: #333;
}

h6 {
  margin: 0 0 0.5em 0; padding: 0; font-style: italic;
  font-size: 14px; font-weight: bold; text-align: center;
  color: #333;
}

a:link    { color: #069; }
a:active  { color: #069; }
a:visited { color: #069; }
a:hover   { color: #069; text-decoration: underline; }


#container {
  width: 800px; padding: 0;
  xmargin: 35px auto 0 auto;
  margin: 0 auto;
  background: #fff url('/images/sidebkg.gif') top left repeat-y;
}

#hdr { position: relative; height: 200px; background-color: transparent; }

#banner { position: absolute; top: 0px; left: 205px; height: 200px; width: 595px; background-color: transparent; }

#hdr img { display: block; background-color: transparent; }

#nav { height: 45px; background-color: #069; }

#box {
  float: right;
  padding-top: 9px; padding-right: 4px;
  height: 31px; width: 290px;
  background-color: #cde1e4;
}

#quick { float: right; margin: 0 4px; }

#page { margin: 0; padding: 0; background: transparent url('/images/side.gif') left top repeat-y; }
#page_ns { margin: 0; padding: 0; background-color: transparent; }

#side { float: left; margin: 0; padding: 15px 0 0 15px; width: 190px; color: #ccc; }
#side h1 { margin: 0em 0 0.75em 0; padding: 0; font-size: 18px; font-weight: bold; color: #fff; }
#side div { margin-bottom: 15px; }

#sidenav {
  width: 265px;
  margin: 0 0 25px 0; padding: 0;
  text-align: left;
  font-size: 110%;
}
#sidenav ul { margin: 0; padding: 0; list-style-type: none; }
#sidenav ul li { margin: 0; padding: 0; }
#sidenav ul li a { display: block; padding: 7px 0; color: #fff; text-decoration: none; }
#sidenav a:link.active, #sidenav a:visited.active { color: #fff; }
#sidenav a:hover.active, #sidenav a:hover { color: #74acc7; text-decoration: underline; }

#content { clear: right; margin-left: 205px; padding: 15px; }
#content_ns { padding: 15px; }

#content-banner {
    text-align: center;
    margin: 0;
    padding: 0 0 30px 0;
    font-size: 0;
}

#content-banner img {
    padding:0; 
    max-width: 566px; /* 596px content width - 30px content padding */
    height:  auto;
}

#ftr {
  width: 600px; padding-top: 4px;
  clear: both; float: right;
  background-color: transparent;
  text-align: center; line-height: 15px;
  font-size: 12px; font-weight: bold;
}
#ftr span { font-weight: normal; }

#ss { width: 550px; margin: 0 auto; border: 1px solid #ccc; }

.nccpslogo { width: 450px; margin: 0 auto 25px auto; display: block; }

.btfont { font-family: "Century Gothic", verdana, sans-serif; font-size: 11px; }
.btfont a { text-decoration: none; }
.btfont a:hover { text-decoration: underline; }

.attn { color: #933; }
.center { text-align: center; }
.stronger { font-size: 110%;  font-weight: bold; font-style: italic; }
.spacer { clear: both; }
.emph { font-weight: bold; }
.quo { font-style: italic; color: #666}
.sm { font-size: 90%; }
.l { float: left; margin-right: 15px; border: 1px solid #ccc; }
.r { float: right; margin-left: 15px; border: 1px solid #ccc; }
.und { border-bottom: 1px solid #666; }
.super { position: relative; bottom: 0.5em; font-size: 0.8em; }
.vig { margin-bottom: 25px; }
.vig img { border: 1px solid #ccc; }
.cap { font-size: 10px; text-transform: uppercase; }

.half { line-height: 220%; }

ul.nobul { list-style-type: none; }
ul.nobul li { margin: 10px 0; }

ul.nom { margin-left: 0; padding-left: 15px; }

table.add { background-color: #74acc7; font-family: tahoma; color:#666; font-size:11px; line-height: 13px; }
table.add tr { background-color: #fff; }
table.add th { background-color: #eee; }
table.add strong { font-weight: bold; }

table.reg { background-color: #74acc7; font-family: tahoma; color:#666; font-size:11px; line-height: 13px; }
table.reg tr { background-color: #fff; }
table.reg td, table.reg th { text-align: center; }
table.reg th { background-color: #eee; }
table.reg strong { font-weight: bold; }

table.sch { background-color: #74acc7; font-family: tahoma; color:#666; font-size:14px; line-height: 16px; }
table.sch tr { background-color: #fff; }
table.sch th { background-color: #eee; font-weight: normal; }
table.sch strong { font-weight: bold; }

.contact-us-message {
    max-width:480px; 
    margin: 0 auto 1em auto;
}

table.add label { font-weight: bold; }
.g-recaptcha > div { margin: 0 auto; }

#ftr {
    margin: 0;
    width: 100%;
    float: none;
    xborder-top: solid #006699 4px;
    background-color: #006699;
    color: white;
    padding: 1.5em 0;
}

.register-block {
	text-align:center;
	 margin-top:2em;
	 margin-bottom: 2em;
} 

/* Call To Action (CTA) button styling */
button.cta {
   background-color: #453378;
    color: white; 
    cursor: pointer;
    font-size:14pt; 
    padding: 6px 12px;
    border-radius: 8px;
    xfont-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    font-variant: small-caps;
}
button.cta:hover {
    background-color: #6D5088;
}

button.register {
	background-color: #b13e3e;
}

button.register:hover {
	background-color: #d15e5e;
}

.coming-soon {
	color: #b13e3e;
	font-size: 18pt;
	font-weight: bold;
    font-variant: all-small-caps;
}

/*
** EOF: $RCSfile: li.css,v $
*/