body {background-color: #d8dde8; font-family: Arial, Verdana, Tahoma, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
}
h1 {font: 24px arial; font-weight: bold; color: #46617D; margin: 8px}
h2 {font: 18px arial; font-weight: bold; color: #46617D; margin: 8px}
h4 {font: 18px arial; font-weight: bold; color: #46617D; margin: 8px}
h3 {font: 16px arial; font-weight: bold; color: #46617D; margin: 9px}

table.borderwrap {
	border: 1px solid #d8dde8;
}


A.imgbord:link {color: #46617D;}
A.imgbord:active {color: #46617D;}
A.imgbord:visited {color: #46617D;}
A.imgbord:hover {color: #46617D;}

td  {font: 14px arial; color: black}
td.tit  {font: 13px arial; background-color:#DFDCB3; border-collapse: separate; border-spacing: 10px 50px; color: black}
td.ex  {font: 13px arial; background-color:#EEF3F8; border-collapse: separate; border-spacing: 10px 50px; color: black}

td.logobg {background-image: url('gfx/branding_bg.png')}
th.henry {font: 12px arial; font-weight: bold; color:white; background-image: url('gfx/branding_bg.png')}


p {font: 15px arial; color:black}
p.maintext {font: 15px arial; color:black; margin: 6px}
p.sidetext {font: 13px arial; color:black; margin: 3px}
p.thntxt {font: 12px arial; margin: 2px}

p.bg {font: 15px arial; color:black; background-color:#d8dde8;}
.bg {font: 15px arial; color:black; background-color:#d8dde8;}
.crow1  {font: 13px arial; background-color:#E4EBF2; color:black}
.crow2  {font: 13px arial; background-color:#EEF3F8; color:black}

td.rowz  {font: 13px arial; background-color:#E3E7ED; font-weight: bold; color:black}
th.rowz  {font: 13px arial; background-color:#E3E7ED; font-weight: bold; color:black}
th.oth  {font: 14px arial; background-color:#DFDCC3; font-weight: bold; color:black; border-collapse: collapse}
th.otha  {font: 13px arial; background-color:blue; font-weight: bold; color:black; border-collapse: collapse}
td.whtbg  {font: 13px arial; background-color:#FFFFFF; color:black; border-collapse: collapse}
td.bluebg  {font: 13px arial; background-color:darkblue; color:#FFFFFF; border-collapse: collapse}

td.crow1  {font: 13px arial; background-color:#E4EBF2; color:black}
td.crow2  {font: 13px arial; background-color:#EEF3F8; color:black}


td.mainbar  {font: 13px arial; background-color:#204066; color:white}


td.bar1  {background-color:#376392; color:#FFFFFF}
th.bar1  {background-color:#376392; color:#FFFFFF}
td.navi  {background-color:#376392; font: 15px arial; font-weight: bold; color:white}

z {background-color:white; color:#000000; font-weight:bold}

g {font: 13px arial; color:#006600; font-weight:bold} 

r {font: 13px arial; color:red; font-weight:bold} 

div  {font: 14px arial}

a:link {font: 13px arial; background-color:transparent;color:#036; font-weight: bold; }
a:visited {font: 13px arial; background-color:transparent;color:#036; font-weight: bold; }
a:active {font: 13px arial; background-color:transparent;color:#607B8B; font-weight: bold; }
a:hover {font: 13px arial; background-color:transparent;color:#607B8B; font-weight: bold; }

a.nun:link {font: 13px arial; text-decoration: none; background-color:transparent;color:#036;}
a.nun:visited {font: 13px arial; text-decoration: none; background-color:transparent;color:#036;}
a.nun:active {font: 13px arial; text-decoration: none; background-color:transparent;color:#607B8B;}
a.nun:hover {font: 13px arial; text-decoration: none; background-color:transparent;color:#607B8B;}

a.fatty:link {font: 14px arial; background-color:transparent;color:#036; font-weight: bold; text-decoration: none}
a.fatty:visited {font: 14px arial; background-color:transparent;color:#036; font-weight: bold; text-decoration: none}
a.fatty:active {font: 14px arial; background-color:transparent;color:#607B8B; font-weight: bold}
a.fatty:hover {font: 14px arial; background-color:transparent;color:#607B8B; font-weight: bold}

a.fat:link {font: 14px arial; background-color:transparent;color:#036; font-weight: bold}
a.fat:visited {font: 14px arial; background-color:transparent;color:#036; font-weight: bold}
a.fat:active {font: 14px arial; background-color:transparent;color:#607B8B; font-weight: bold}
a.fat:hover {font: 14px arial; background-color:transparent;color:#607B8B; font-weight: bold}

a.fat2:link {font: 16px arial; background-color:transparent;color:#1D3652; font-weight: bold}
a.fat2:visited {font: 16px arial; background-color:transparent;color:#1D3652; font-weight: bold}
a.fat2:active {font: 16px arial; background-color:transparent;color:#607B8B; font-weight: bold}
a.fat2:hover {font: 16px arial; background-color:transparent;color:#607B8B; font-weight: bold}

a.red:link {background-color:transparent;color:#900B09;}
a.red:visited {background-color:transparent;color:#900B09;}
a.red:active {background-color:transparent;color:#FF0000;}
a.red:hover {background-color:transparent;color:#FF0000;}

a.white:link {background-color:transparent;color:#FFFFFF;font: 13px arial;text-decoration:none;}
a.white:visited {background-color:transparent;color:#FFFFFF;font: 13px arial;text-decoration:none;}
a.white:hover {background-color:transparent;color:#FFFFFF;font: 13px arial;text-decoration:underline;}

a.black:link {background-color:transparent;color:black;font: 13px arial;text-decoration:none;}
a.black:visited {background-color:transparent;color:black;font: 13px arial;text-decoration:none;}
a.black:hover {background-color:transparent;color:blue;font: 13px arial;text-decoration:underline;}
a.black:active {background-color:transparent;color:black;font: 13px arial;text-decoration:underline;}

UL {
font-size :10pt;
font-family : "Trebuchet MS", arial, helvetica, sans-serif;
color : #003366;
margin: 8px;
list-style-image: url(gfx/bullet.gif);
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #569d74;
text-decoration: none;
}

option {
 color: white;
 font: 13px arial;
 font-weight: bold;
 background-color: #036;
}


input {
 color: black;
 font: 16px arial;
 font-weight: bold;
}

input.normal {
 color: black;
 font: 12px arial;
}


#branding {
	background: #204066 url(http://sthelens-connect.net/forums/public/style_images/master/branding_bg.png) repeat-x top;
	min-height: 64px;
}	

.button {

    border: 3px solid #FFFFFF;

    background: #46617D;

    color:#FFFFFF; 

    font-weight:bold;

    height: 30px;

}

.smallbut {

   font-size :6pt;

    border: 3px solid #FFFFFF;

    background: #036;

    color:#FFFFFF; 

    font-weight:bold;

    height: 28px;

}



textarea {background-color: #FFFFFF; color: #000000; border:#46617D 12px ridge; font: 10px Verdana; font-weight: bold; font-size: 12pt;}

.ninput {

    border: 4px ridge #46617D;

    background: #ffffff;

    

}

div.float {
  float: left;
  width: 200px;
  height: 250px;
  padding: 10px;
  }
  
div.float p {
   text-align: center;
   }
   
div.container {
  border: 2px dashed #333;
  background-color: #fff;
  }
  
div.spacer {
  clear: both;
  }
  
.img-shadow {
float:right;
background: url(gfx/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

span.bbcode_spoiler {background-color: gray; color: gray; } 

span.bbcode_acronym { border-bottom:1px dashed darkgreen; } span.acronym:hover { color: lightgreen; border-bottom:1px dashed green; } 

table.bbcode_columns { border-collapse: collapse; margin-top: 1em; margin-bottom: 1em; } table.bbcode_columns td.bbcode_column { padding: 0 1em; vertical-align: top;} table.bbcode_columns td.bbcode_firstcolumn { border-left: 0; padding-left: 0; } 


div.bbcode_code_head{
background-color: darkblue;
color: white;
font-weight: bold;
padding-top: 0.25em;
padding-right: 0.5em;
padding-bottom: 0.25em;
padding-left: 0.5em;
}

div.bbcode_code_body{
background-color: lightgray;
color: black;
font-family: monospace;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
padding-top: 0.5em;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
}

div.bbcode_quote { border: 1px solid #68C; margin: 0.5em 0; }
div.bbcode_quote_head { background-color: #0099CC; color: #FFF; font-weight: bold; padding: 0.25em 0.5em; }
div.bbcode_quote_body { background-color: #F0F8FF; color: #000; padding: 0.5em 1em; }
div.bbcode_quote_head a:link { color: #FF7; }
div.bbcode_quote_head a:visited { color: #FF7; }
div.bbcode_quote_head a:hover { color: #FFF; text-decoration: underline; }
div.bbcode_quote_head a:active { color: #FFF; text-decoration: underline; }

a.myopacity img{
border: none;
padding: 3px;
filter:alpha(opacity=45);
-moz-opacity: 0.45;
opacity: 0.45;
}

a.myopacity:hover img{
border: none;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}