/*  HTML5 - Boilerplate  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
tr { vertical-align: top;  }
td { padding: 3px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 2em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font: 13px/1.231 Georgia, arial, sans-serif; *font-size: small; }
select, input, textarea, button { font: 99% Georgia, arial, sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection { background: #feca15; color: #000; text-shadow: none; }
::selection { background: #feca15; color: #000; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #feca15; }

button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }



/* CREST Network styles */

body        { background: url('images/background.jpg') center top repeat; }
.container  { width: 960px; margin: 0 auto; position: relative; }
header      { background: url('images/header.png') center top repeat-x; position: relative; z-index: 10; }
nav         { font-size: 20px; font-weight: bold; }
header nav  { margin: 0 auto; width: 960px; font-size: 16px; text-align: left; }
header nav ul { list-style: none; margin: 0; padding: 0; line-height: 100%; }
header nav li { display: inline; }
nav .dd a       { font-weight: normal; font-family: 'Special Elite', arial, sans-serif;
                    text-decoration: none; color: #000; border: none; }
nav .dd a:hover { color: #000; }
nav .dd a.disabled { opacity: 0.5;  cursor: not-allowed; }
nav .dd     { display: inline-block; margin: 0; }
nav .dd li  { display: block; float: left; margin-left: 20px; position: relative; }
nav .dd a   { display: block; margin: 0; padding-bottom: 4px; padding: 6px 12px 10px 12px; }
nav .dd .current a            { color: #777; font-weight: bold; }
nav .dd li:hover > a          { border: 2px solid #555; background-color: #ddd; padding: 4px 10px 8px 10px;
	           border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-top-left-radius: 8px;
             box-shadow: 0 0 8px #333; }
nav .dd ul li:hover a,
nav .dd li:hover li a         { background: none; border: none; padding: 8px 10px;
                                color: #666; text-align: left; }
nav .dd ul a:hover            { background-color: #ddd !important; color: #000 !important; border-radius: 0;
                                   top: 0; box-shadow: 0 0 8px #333; }
nav .dd ul .current > a       { background-color: #363636 !important; color: #fff !important; }
nav .dd li:hover > ul         { display: block; }
nav .dd ul { display: none; margin: 0; padding: 0; width: 235px; position: absolute; top: 30px; left: 6px;
	           background-color: #fff; z-index: 10; border: 2px solid #555;
	           border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
             box-shadow: 4px 4px 8px #666; }
nav .dd ul li                 { float: none; margin: 0; padding: 0; }
nav .dd ul ul                 { left: 181px; top: 0; }
nav .dd ul li:first-child > a { border-top-right-radius: 8px; }
nav .dd ul li:last-child > a  { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
nav .dd:after                 { content: "."; display: block; clear: both; visibility: hidden;
                                line-height: 0; height: 0; }
html[xmlns] nav .dd           { display: block; }
* html nav .dd                { height: 1%; }
nav.crumb         { text-align: left; font-size: 11px; font-weight: normal; padding-top: 10px;  }
nav.crumb a       { font-family: Arial, sans-serif; }
nav.crumb a:hover { text-shadow: none; }
#main          { float: left; min-height: 800px; z-index: 5; }
#main section  { background: #fff url('images/section-background.png') 0 0 repeat-x; opacity: 0.95;
                 border: 1px solid #d8d4c4; border-radius: 10px; padding: 20px 30px; margin-top: 10px; margin-bottom: 10px; }
div.tag-green  { background: url('images/section-tag-green.png') 0 0 no-repeat; height: 32px; line-height: 28px;
                 margin: -6px 0 10px -40px; padding: 0 16px;
                 color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; }
footer         { background: #000 url('images/footer.png') 0 0 repeat-x; padding: 40px 0 20px;
                 clear: both; text-align: center; color: #fff; }
footer aside   { width: 480px; float: left; }
footer section { width: 960px; margin: 0 auto; }
footer h2     { margin-top: 1em; }
footer ul     { margin: 0 auto; padding: 0; list-style: none; width: 960px; }
footer li     { display: inline; line-height: 80px; padding: 25px; }
#sponsors      { background-color: #fff; width: 100%; padding-top: 25px; }
#sponsors a, #members a { border: none; }
#copyright     { font-size: 12px; }
#copyright a   { color: #aaa; border-bottom: 1px dotted #aaa; }
#copyright a:hover { color: #fff; border-bottom: 1px dotted #fff; }
#copyright a:active { color: #fff; border-bottom: 1px solid #fff; }

#logo       { position: relative; width: 960px; margin: 0 auto; height: 180px; }
#logo a     { color: #000; border: none; }
#logo h1    { font-family: 'Special Elite', arial, sans-serif; font-size: 36px; line-height: 42px;
               padding-top: 80px; padding-left: 30px; text-align: left; }

#sidebar    { background: url('images/crest-logo.png') center 30px no-repeat; width: 250px; min-height: 400px;
              float: right; padding-top: 210px; margin-right: -10px; }
#sidebar div.wrap {  }
#sidebar section { background: #fff url('images/section-background.png') 0 0 repeat-x; opacity: 0.9; width: 210px;
                   border: 1px solid #d8d4c4; border-radius: 10px; padding: 5px 10px; margin: 20px 10px; }
#sidebar nav    { margin: 10px 0; font-size: 12px; }
#sidebar nav ul { margin-left: 30px; }
#sidebar nav a  { font-size: 13px; padding: 0; margin: 0; display: block; border: none; }
#sidebar nav.icons { margin-bottom: 0; }
#sidebar nav.icons ul { margin-left: 0; }
#sidebar nav.icons li { float: left; width: 49%; text-align: center; margin-bottom: 10px; }
#sidebar nav.icons a img { width: 48px; height: 48px; }
#sidebar nav a:hover img { opacity: 0.7; }
#sidebar h1 { font-size: 18px; border-bottom: 1px solid #ddd; padding: 3px 0; }
#sidebar p  { line-height: 1.4; font-size: 12px; }
#sidebar input { margin-top: 0.1em; margin-bottom: 0.1em; }
#sidebar textarea { width: 53%; }

h1          { font-family: 'Special Elite', arial, sans-serif; font-weight: normal; font-size: 2em; margin: 0 0 0.5em 0; line-height: 1.7; }
h2          { font-family: 'Special Elite', arial, sans-serif; font-size: 1.3em; margin: 0 0 0.5em 0; }
h3          { font-family: 'Special Elite', arial, sans-serif; font-size: 1.2em; font-weight: normal; margin: 0.5em 0; }
p + h1      { margin-top: 0.5em; }
p + h2      { margin-top: 0.5em; }
form        { border: 1px solid #ddd; border-radius: 5px; padding: 5px; margin: 30px 0;
               box-shadow: 0 0 25px #ddd; }
form.plain  { border: none; padding: 0; margin: 0; box-shadow: none; }
form h1     {  }
fieldset    { text-align: left; border: 1px solid #d8d4c4; margin: 10px; padding: 10px; }
legend + fieldset { margin-top: 0; }
fieldset.plain { border: none; }
legend      { padding: 0 0.2em; margin: 0 0 0 -5px; font-weight: bold; }
label       { font-size: 12px; font-style: italic; display: block; margin: 0.3em 0; }
label.inline { display: block; float: left; text-align: right; padding-right: 1em; width: 35%; }
label.inline.w25 { width: 25%; }
label.check { display: block; float: left; font-style: normal; margin: 0; padding-left: 0.5em; }
input       { padding: 0.2em; margin-bottom: 1em; font-weight: normal; }
input + div.warn { margin: -0.5em 0 1em; }
input:focus { box-shadow: 0 0 5px #adc9e9; }
input.invalid, textarea.invalid { border-radius: 1px; box-shadow: 0 0 5px red; }
select      { padding: 0.2em; margin-bottom: 1em; }
option.ind  { padding-left: 3em; }
button      { position: relative; color: #000;
              text-decoration: none; font-weight: bold; margin-bottom: 10px;
              border: 2px solid #555; background-color: #fff; padding: 4px 10px 8px 10px;
	            border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; }
button:hover { box-shadow: 0 0 8px #000; }
button:active { top: 1px; box-shadow: 0 0 25px #000; }
.form-btns  { margin: 5px auto; }
h2 + .form-btns { margin-top: 20px; }

em          { font-style: italic; }
p           { line-height: 2; margin: 1em 0; }
ul, ol      { margin-top: 1em; margin-bottom: 1em; }
ul.plain    { list-style: none; margin-left: 1em; }
ul.list-space li { margin: 0.5em 0; }
a          { color: #888; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #888; }
a:hover     { color: #000; position: relative; border-bottom: 1px dotted #000; }
a:active    { color: #000; position: relative; top: 1px; border-bottom: 1px solid #000; }
a.btn       { position: relative; color: #000;
              text-decoration: none; font-weight: bold; margin: 0 10px 10px;
              border: 2px solid #555; background-color: #fff; padding: 4px 10px 8px 10px;
	            border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; }
a.btn:hover { box-shadow: 0 0 8px #000; }
a.btn:active { top: 1px; box-shadow: 0 0 25px #000; }
a.nobrd     { border: none !important; }
h1 a       { border: none; }


.warn       { color: #dd0909; font-weight: bold; }
.warn a     { color: #dd0909; font-weight: bold; }
.success    { color: #09dd09; font-weight: bold; }

.twocol       { -moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px; }
.dlg        { display: none; }
.disp-none  { display: none; }
.sortable           { list-style-type: none; margin: 8px auto 0 auto; padding: 0; }
.sortable li        { margin: 0 3px 3px 3px; padding: 8px; padding-left: 1em; border: 1px solid #d8d4c4;
                      font-size: 1em; font-weight: normal; color: #000; position: relative; }
.sortable li a      { font-size: 1em; border: none; }
.sortable li span.info  { font-style: italic; }
.sortable li.inactive   { color: #ccc; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
.sortable li.inactive a { color: #ccc; }
.actions        { position: absolute; top: 2px; right: 2px; margin: 0; padding: 0; list-style: none; }
.actions li     { margin: 0; padding: 0; float: left; border: none;
                  opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }
.actions .hili  { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.overlay        { display: block; width: 128px; height: 128px; z-index: 10; }
.overlay-delete { background: url('images/overlay-delete.png') 0 0 no-repeat; }
.staticlist         { list-style-type: none; margin: 8px auto 0 auto; padding: 0; }
.staticlist li      { margin: 0 3px 3px 3px; padding: 8px; padding-left: 1em;
                      font-weight: normal; color: #000; position: relative; }
.small      { font-size: 0.9em; }

.wall-cloud   { text-align: center; }
.wall-cloud a { padding: 0 10px; display: inline-block; border: none; }
.cloud-10   { font-size: 110%; }
.cloud-20   { font-size: 120%; }
.cloud-30   { font-size: 130%; }
.cloud-40   { font-size: 140%; }
.cloud-50   { font-size: 150%; }
.cloud-60   { font-size: 160%; }
.cloud-70   { font-size: 170%; }
.cloud-80   { font-size: 180%; }
.cloud-90   { font-size: 190%; }
.cloud-100  { font-size: 200%; }

.posrel     { position: relative; }
.fl         { float: left; }
.fr         { float: right; }
.cl         { clear: left; }
.l          { text-align: left; }
.r          { text-align: right; }
.c          { text-align: center; margin-left: auto; margin-right: auto; }
.w10        { width: 10%; }
.w20        { width: 20%; }
.w25        { width: 25%; }
.w27        { width: 27%; }
.w30        { width: 30%; }
.w35        { width: 35%; }
.w50        { width: 48%; }
.w60        { width: 60%; }
.w70        { width: 65%; }
.w75        { width: 75%; }
.w80        { width: 80%; }
.w98        { width: 98%; }
.w100       { width: 100%; }
.w32px      { width: 32px; }
.w48px      { width: 48px; }
.w64px      { width: 64px; }
.w100px     { width: 100px; }
.h32px      { height: 32px; }
.h48px      { height: 48px; }
.h64px      { height: 64px; }
.h100px     { height: 100px; }
.h300px     { height: 300px; }
.h800px     { height: 800px; }
.w140px     { width: 140px; }
.width-a    { width: 900px; }
.width-b    { width: 650px; }
.width-c    { width: 410px; }
.width-d    { width: 158px; }
.padr       { padding-right: 10px; }
.padl       { padding-left: 10px; }
.marl       { margin-left: 20px; }
.marr       { margin-right: 20px; }
.mart       { margin-top: 20px; }
.marb       { margin-bottom: 20px; }
.martm2em   { margin-top: -2em; }
.mart10px   { margin-top: 10px; }
.marl3em    { margin-left: 3em; }
.marr1em    { margin-right: 1em; }
.marr3em    { margin-right: 3em; }
.marb3em    { margin-bottom: 3em; }
.ind        { margin-left: 40px; margin-right: 40px; }
.lh12       { line-height: 1.2; }
.brd        { border: 1px solid #d8d4c4; }
.bs         { box-shadow: 3px 3px 5px #aaa; }






/* Boilerplate */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}