.grayedout { color: #909090; }
.ungrayed  { color: #222222; }

/* ------------------ Fonts ------------------ */

@font-face {
font-family: thcTitleHead;
src: url('/Bitter-Bold.ttf'),
     url('/Bitter-Bold.eot'); /* IE9 */
} 

@font-face {
font-family: thcTitleRegular;
src: url('/Bitter-Regular.ttf'),
     url('/Bitter-Regular.eot'); /* IE9 */
} 

@font-face {
font-family: thcTitleItalic;
src: url('/Bitter-Italic.ttf'),
     url('/Bitter-Italic.eot'); /* IE9 */
} 

@font-face {
font-family: thcParagraph;
src: url('/Magra-Regular.ttf'),
     url('/Magra-Regular.eot'); /* IE9 */
}

@font-face {
font-family: thcBold;
src: url('/Magra-Bold.ttf'),
     url('/Magra-Bold.eot'); /* IE9 */
}

body,
#site-slogan,
.ui-widget,
.comment-form label {
  font-family: "thcBold", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial"; 
}
#header,
#footer-wrapper,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb {
  font-family: "thcParagraph", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial"; 
}
input,
textarea,
select,
a.button {
  font-family: "thcParagraph", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial"; 
}

#site-name,
h1 {
  font-family: "thcTitleHead", "Calibri", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial";  
}

h2 {
  font-family: "thcTitleHead", "Calibri", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial";
}

h3 {
  font-family: "thcTitleHead", "Calibri", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial";
}

h4 {
  font-family: "thcTitleRegular", "Calibri", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial";
}

h5 {
  font-family: "thcTitleRegular", "Calibri", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial";
}

h6 {
  font-family: "thcTitleRegular", "Calibri", "Myriad", "Segoe UI", "Tahoma", "Verdana", "Trebuchet MS", "Arial";
}


.tinyobi { font-size: 9px;
color: #222222;
}

.subobiplain { font-size: 12px;
text-decoration: none;
}

.subobi { font-size: 12px;
text-decoration: none;
color: #222222;
}
.subobi:link { color: #006090; }
.subobi:hover { color: #009020; }

.subobigrayedout { font-size: 12px;
color: #909090;
}

.obi { font-size: 14px;
color: #222222;
}

.obilink {
text-decoration: none;
color: #006090;
}
.obilink:visited { color: #002040; }
.obilink:hover { color: #A08020;  }

.obilinkbold {
text-decoration: none;
font-weight:bold;
color: #006090;
}
.obilinkbold:visited { color: #002040; }
.obilinkbold:hover { color: #A08020;  }

.obilinktiny {
font-size: 9px;
text-decoration: none;
color: #006090;
}
.obilinktiny:visited { color: #002040; }
.obilinktiny:hover { color: #0098B0; }


.obilinkmini {
font-size: 10px;
text-decoration: none;
color: #006090;
}
.obilinkmini:visited { color: #002040; }
.obilinkmini:hover { color: #0098B0; }

.superobi { font-size: 14px;
text-decoration: none;
font-weight: bold;
}

.superobi:link { font-size: 14px;
text-decoration: none;
font-weight: bold;
color: #006090;
}

.superobi:hover { font-size: 14px;
text-decoration: none;
font-weight: bold;
color: #009020;
}

.titleobi {
font-size: 18px;
text-decoration: none;
font-weight: bold;
}

.titleobi:link { font-size: 18px;
text-decoration: none;
font-weight: bold;
color: #006090;
}

.titleobi:hover { font-size: 18px;
text-decoration: none;
font-weight: bold;
color: #009020;
}

.subtitleobi { font-size: 14px;
text-decoration: none;
font-weight: bold;
}

.subtitleobi:link { font-size: 14px;
text-decoration: none;
font-weight: bold;
color: #006090;
}

.subtitleobi:hover { font-size: 14px;
text-decoration: none;
font-weight: bold;
color: #009020;
}


.announce { font-size: 16px;
color: #000000;
}

.maxobi { font-size: 24px;
font-weight: bold;
color: #000000;
}

.obimax { font-size: 24px;
font-weight: bold;
color: #000000;
}

.uberobi { font-size: 28px;
font-weight: bold;
color: #000000;
}

.listnavbox {
border-style: solid;
border-color: #808080;
border-width: 1px;
border-radius: 6px;
padding: 0px 0px 2px 0px;
}

.listpagelink {font-size: 14px;
font-weight: normal;
color: #000000;
background-color: #f0f0f8;
border-style: solid;
border-color: #202020;
border-width: 1px;
border-radius: 3px;
padding: 1px 1px 1px 1px;
}

.listpagelink a:active,
.listpagelink a:visited,
.listpagelink a:link {
color: #000000;
text-decoration: none;
}

.listpagecurr {font-size: 14px;
font-weight: bold;
color: #000000;
background-color: #FFFF40;
border-style: solid;
border-color: #202020;
border-width: 1px;
border-radius: 3px;
padding: 1px 1px 1px 1px;
}

.listpagehead {font-size: 16px;
font-weight: bold;
background-color: rgba(255,255,255,0.75);
padding: 2px 8px 2px 8px;
border-radius: 3px;
color: #000000;
}

.listdescription { font-size: 12px;
color: #000000;
}

.listtitle {font-size: 20px;
font-weight: bold;
color: #000000;
border-radius: 6px;
}

.listsubtitle {
font-size: 14px;
color: #000000;
}

.listauthor {
font-size: 14px;
font-weight: bold;
color: #000000;
}

.listmisc {font-size: 12px;
color: #000000;
}

div.tabArea {

  font-weight: bold;
}

td.thincell {
  border: 1px solid #808080;
  border-radius: 4px;
}

textarea {
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding: 5px;
  font-size: 15px;
  resize: none;
}

textarea#profilestyle {
  width: 900px;
  height: 120px;
}


.thinput {
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  padding: 0px;
  font-size: 15px;
}


input {
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding: 5px;
  font-size: 15px;
}

input.enabledbutton {
  background-color: #E8E8E8
}

input.disabledbutton {
  background-color: #B0B0B0
}

input#profilestyle {
  width:900px;
}

input#login {
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding: 1px;
  font-size: 10px
}

select#obistyle {
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding: 1px;
  font-size: 11px
}

select#search {
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding: 5px;
}

h1#subobi {
font-size: 12px;
text-decoration: none;
color: #222222;
}

.mainborder {
  border-style: solid;
  border-color: #000000;
  border-width: 2px;
  border-radius: 6px;
  padding: 5px;
}

.thinborder {
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  border-radius: 6px;
  padding: 5px;
}

.tealborder {
  border-style: solid;
  border-color: #208888;
  border-width: 2px;
  border-radius: 6px;
  padding: 5px;
}


.adHeadline  {font-weight:bold; font-size:8pt; font-family:"thcParagraph","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; text-decoration: underline; color: #008066;}
.Subtitle    {font-weight:bold; font-size:10pt; font-family:"thcParagraph","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; text-decoration: underline; color: #008066;}
.mainText    {font-weight:bold; font-size:8pt; font-family:"thcParagraph","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; text-decoration: underline; color: #008066;}
.adText      {font-weight:normal; font-size:7pt; font-family:"thcParagraph","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; text-decoration: none; color: black;}

.cellText    {
  font-weight:normal; 
  font-size:12pt; 
  font-family:"thcParagraph","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; 
  text-decoration:none; 
  color: black; 
  padding-left:10px; 
  padding-right:10px;
}

.cellText:hover {
  font-weight:normal; 
  font-size:12pt; 
  font-family:"thcParagraph","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; 
  text-decoration: none; 
  border-radius:10px; 
  background:#EEE; 
  padding-left:10px; 
  padding-right:10px;
}

.tblhdrText  {
  font-weight:bold; 
  font-size:12px; 
  font-family:"thcTitleItalic","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; 
  text-decoration: none; 
  color: black;
}

.MainTitle   {
  font-weight:bold; 
  font-size:22pt; 
  font-family:"thcTitleHead","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; 
  text-decoration:none; 
  color:black;
}

.tthead      {
  font-weight:bold; 
  font-family:"Lucida Console","Courier New",Courier,monospace; 
}

.passwordtable {
  margin:auto;
  border-style:solid;
  border-width:1px;
  border-color:#000;
  border-radius:13px;
  width:90%;
  padding:0;
  border-spacing:0;
  background:#EEE;
  box-shadow:2px 2px 4px #000;
  padding-bottom:10px;
  padding-top:10px;
}

.passwordtable tr {
  background:white;
}

.passwordtable td {
  padding:4px;
  border:1px solid #F8F8F8;
  background:white;
}

.passwordtablehead {  
  background:#EEE;  
}

.passwordtablehead tr {
  background:#EEE;
}

.passwordtablehead td {
  text-align:center;
  font-weight:bold; 
  font-size:20px; 
  font-family:"thcBold","Segoe UI","Myriad Pro",Arial,Helv,sans-serif; 
  text-decoration: none; 
  color: black;
  background:#EEE;   
}


html {  
  background:url("/images/bgforblacktext.jpg");  
  font-family:"thcParagraph","Segoe UI","Myriad Pro",Arial,Helv,sans-serif;
}

body {
  background    : white;
  font-family   : thcParagraph,Segoe UI,Myriad Pro,Arial,Helv,sans-serif;
  color         : black;
  width         : 1260px;
  margin        : auto;
  margin-bottom : 20px;
  margin-top    : 10px;
  border        : solid 1px #CCC;
  border-radius : 13px;
  padding       : 13px;
  
}

a { cursor:pointer; }
a:hover { text-decoration:none; color:#08F; cursor:pointer;}
a:link { text-decoration:none;  color:#076;}
a:visited { color:#444;}

p.turingfail {
  margin           : 4px;
  m/argin           : auto;
  font-size        : 1.5rem;
  font-weight      : 900;
  color            : red;
  padding          : 8px;
  border           : 1px solid red;
  background-color : #FDD;
  border-radius    : 7px;
}