* { font-size: 16px; line-height:1em; }

p {line-height:1.6em; margin:1em 0 1em 0;}


body {
box-sizing: border-box; 
width:100%;
text-align:center;
background: #fff;
margin:0;
color:#555;
font-family:'Noto Sans', sans-serif;
line-height:1em;
text-align:left;
box-shadow:0 10px 30px #b8cad2;
}

.bluebox14 {float:right; margin-top:15px; margin-left:15px; margin-bottom:15px; background:#deedf3; padding:15px; font-size:1em; line-height:1.4em; width:40%; box-shadow: #f7eff2 0px 0px 5px 2px; color:#000;}



.bluebox14 a {color:#4c849e !important; font-weight:300;}
.bluebox14 a:hover, .subheader a:active {color:#666 !important;}



.mobilemenu {display:block; padding:.5em; text-align:center; 
font-size:1.3em;
color:#e7eff2;
background-repeat:no-repeat;
background-color:#7a7a7a;
margin-left:auto; margin-right:auto;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
line-height:1.1em;
text-transform:uppercase;
}


.mobilemenu a {color:#cce3ed !important; font-weight:300; font-size:1em;}
.mobilemenu a:hover, .subheader a:active {color:#fff !important;}

a {line-height:1.3em !important;}

.opener {font-size:1.1em; line-height:1.3em; }

.imgclear {width:100%; height:270px; border:0;}
.imgclear2 {width:100%; height:35px; border:0;}

div.bluebox {background-color:#F8F8F3; float:right; width:40%; margin-left:1em; margin-bottom:1em; padding:10px; font: 1em 'Noto Sans', sans-serif; color: #000000; line-height:1.4em;}
.bluebox img {width:auto; max-width:100%; height:auto;}

img {max-width:100% !important; height:auto !important;}

.mobiletitle {display:block; margin:0; padding:0; width:100%; clear:both; height:auto;}

.wrapper, .wrapperwrap {width:100%; border:0; padding:0; margin:0;}

span.spjnews {font-size: .8em;}

a {text-decoration: none; font-weight:none; font-size:inherit; line-height:inherit;}
a:link {color: #5990aa;  font-size:inherit; line-height:inherit;}
a:active {color: #e56565; text-decoration: none;  font-size:inherit; line-height:inherit;}
a:visited {color: #5990aa;}
a:hover {color: #e56565; text-decoration: none;}

.light {font-weight:300; font-size:inherit; line-height:inherit;}

a.recap {text-decoration: none; font-weight:none;}
a.recap:link {color: #8f4646;}
a.recap:active {color: #8f4646; text-decoration: none;}
a.recap:visited {color: #8f4646;}
a.recap:hover {color: #c08585; text-decoration: none;}

a.footera {text-decoration: none; font-weight:none;}
a.footera:link {color: #DDD;}
a.footera:active {color: #DDD; text-decoration: underline}
a.footera:visited {color: #DDD;}
a.footera:hover {color: Red; text-decoration: underline}

a.topbara {text-decoration: none; font-weight:none;}
a.topbara:link {color: #de4146;}
a.topbara:active {color: #fff; text-decoration: none;}
a.topbara:visited {color: #de4146;}
a.topbara:hover {color: #fff; text-decoration: none;}

.menuwrap {display:none; height:400px; background-color:#222; width:100%; text-align:left; padding:15px; padding-top:0px; padding-bottom:0px;}

.top {text-align:center; width:100%; display:block; clear:both; background-color:;
padding:0px; margin-top:0; padding-bottom:20px; }


div.blueboxrecap {float:right; width:33%; margin-left:15px; margin-bottom:15px; padding:10px;}

.topbarwrap {
text-align:left;
background-repeat:no-repeat;
background-color:#222;
color:#FFF;
width:100%; height:35px;
margin:0;
}

.topbar {
text-align:left;
color:#FFF;
font-size:.8em;
width:100%; height:35px;
* width:100%; height:35px;
background-color:#222;

padding-left:20px;
padding-top:10px;
margin-left:auto; margin-right:auto;
padding-right:20px;
}

.headerwrap {
display:none;
width:100%; text-align:center; 
height:282px; margin:0;
}

.header {
display:none;
}


.subheader {
display:none;
}

.thumbnailwrap {
width:100%;
margin:0;
padding:0;
}

.thumbnails {
background: none;
width:100%; 
margin:0;
padding:0;
text-align:center;
}

#content {
background:none;
max-width:90%;
padding:10px;
margin:0;
text-align:left;
margin-left:auto; margin-right:auto;
}

.buffer {clear:both; height:5px; width:100px;}

.footerwrap {
clear:both;
text-align:center;
width:100%; min-height:100px; 
margin:0;
background-color:#222;
}

.footer { 
text-align:left;
width:100%; min-height:100px;
margin-left:auto; margin-right:auto;
background-color:#222;
padding:20px;
color:white;
}

.thumbnail {
text-align:center;
width:90px;
height:90px;
float:left;
margin:10 10 0 0;
background-image:url('http://billyok.com/images2010/frames/frame90-woodfaded.jpg');
}

.thumbimg {
margin-left:0px; margin-top:5px; padding:0px; border:0;
}

.sidemenu {display:none;
float:right;
width:200px;
margin-left:30px;
margin-bottom:30px;
border-left:1px dotted #666;
padding-left:20px;
}

.mobiletopbar, .mobileheader, .mobilethumbs {display:none;}

.thumbscreen {display:inline;}
.thumbmobile {display:none;}

.natwinner {font-weight:bold; font-size:1em; line-height:1.2em;}

h1, h2, h3, h4 {color:#7396aa; font-family: 'Roboto Slab', sans-serif; font-weight:400; margin:auto; }

h5 {font-family: 'Roboto Slab', sans-serif; font-weight:400; margin:auto; }



h1 {font-size:2.5em; line-height:1.1em;}
h2 {font-size:2.5em; line-height:1.1em;}
h3 {font-size:2.5em; line-height:1.1em; color:#333;}
h4, h5 {font-size:1.6em; line-height:1.1em;}


.cindexhead {font-size:2.5em; line-height:1.1em; color:#666;}
.cindexhead2 {font-size:2em; line-height:1.1em; color:#666;}
.cindexhead3 {font-size:1.5em; line-height:1.1em; color:#666;}
.cindexhead4 {font-size:1em; line-height:1.1em; color:#666;}



.categoryname {color:#666; font-family: 'Noto Sans', sans-serif; font-size:1em; font-weight:500; line-height:1.2em;}
.categoryname strong {font-size:1.2em;}

.subhead, .subheadrb {
color:#666;
line-height:1.2em;
font-weight:normal;
font-size:1em;
}

.subhead10 {
color:#666;
line-height:1.2em;
font-weight:normal;
font-size:1.3em;
}

div.bluebox span.subhead {
font-family: 'Noto Sans', sans-serif;
color:#666;
line-height:1.2em;
font-weight:800;
font-size:1.3em;
}

p.pl {margin-bottom:.7em; margin-top:.7em;}
.subheadpl {
font-family: 'Noto Sans', sans-serif;
color:#666;
line-height:1.2em;
font-weight:bold;
font-size:1.3em;
}

hr.minor { 
  border-color: #c5bea9;
  border-style: dashed;
  border-width: 1px 0 0;
  margin: 20px 0 20px 0;
  height: 0;
}

hr { 
  border-color: #958c74;
  border-style: dashed;
  border-width: 1px 0 0;
  margin: 20px 0 20px 0;
  height: 0;
}

hr.programs { 
border-color: #5d6f7b;
border-style: dashed;
}

hr.programs2 { 
border-color: #bbbba1;
border-style: dashed;
}

.biophoto {float:right; margin-left:10px; margin-bottom:10px; border:0; }
.png {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.schedule-left {width:150px; text-align:right; display:inline-block; margin-right:20px;}
.schedule-left2 {width:200px; text-align:right; display:inline-block; margin-right:20px;}

.table21 {width:100%; text-align:left; display:inline-block; clear:left; margin-right:15; margin-bottom:0;}
.table22 {width:100%; text-align:left; display:inline-block; margin-bottom:0; clear:left;}


.formq {width:200px; text-align:left; display:inline-block; clear:left; margin-right:15; margin-bottom:0;}
.forma {width:350px; display:inline-block; margin-bottom:0;}

.formq2 {width:220px; font: 9pt 'Noto Sans', sans-serif;  clear:left; padding-right:15px; margin-bottom:5px; float:left;}
.forma2 {width:220px; font: 9pt 'Noto Sans', sans-serif;  padding-left:15px; margin-bottom:5px; float:left;}

div.t {display:table;}
div.tr {display:table-row;}
div.auctionitem1 {display:table-cell; width:280px; padding-bottom:1em;}
div.auctionitem2 {display:table-cell; width:280px; padding-bottom:1em;}
div.tq {display:table-cell; width:200px; padding-bottom:1em;}
div.ta {display:table-cell; width:350px; padding-bottom:1em;}
div.t1 {display:table-cell; width:270px; padding-right:15px; border-right:1px solid #b8b89d; padding-bottom:1em;}
div.t2 {display:table-cell; width:270px; padding-left:15px; padding-bottom:1em;}

* html .auctionitem1 {width:280px; padding-right:15px; margin-bottom:0px; float:left;}
* html .auctionitem2 {width:280px; padding-right:15px; margin-bottom:0px; float:left; clear:left;}

* html .ta {width:200px; padding-right:15px; margin-bottom:0px; float:left;}
* html .tq {width:350px; padding-right:15px; margin-bottom:0px; float:left; clear:left;}
* html .t325 {width:300px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t225 {width:225px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t200 {width:200px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t175 {width:175px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t150 {width:150px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t100 {width:100px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t70 {width:70px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t1 {width:275px; padding-right:15px; margin-bottom:0px; float:left;}
* html .t2 {width:275px; padding-right:15px; margin-bottom:0px; float:left;}

* html p {clear:left;}
* html .t {clear:left; margin-top:20px;}
* html .tr {clear:left;}
* html hr {clear:left; margin:5px;}
* html h3 {clear:left;}

.hilight {
background-color: #f8f8f3;
}

div.t325 {width:275px; padding-right:15px; padding-bottom:.5em;}
div.t225 {width:225px; padding-right:15px; padding-bottom:.5em;}
div.t200 {width:200px; padding-right:15px; padding-bottom:.5em;}
div.t70 {display:table-cell; width:70px; padding-bottom:.5em;}
div.t100 {display:table-cell; width:125px; padding-bottom:.5em;}
div.t150 {display:table-cell; width:150px; padding-bottom:.5em;}
div.t175 {display:table-cell; width:175px; padding-bottom:.5em; clear:left;}

p.formline {margin:-5; padding:0;}
p.textarea {margin-bottom:0;}

.imgright {float:right; margin-left:10px; margin-bottom:10px; clear:left; position:relative; border:0;}

img.bio72 {float:right; margin-left:10px; margin-bottom:10px; border:0; width:72px; height:100px;}

.right {float:none !important; margin:1em 0 1em 0 !important; max-width:100% !important; width:100% !important;}