/* CSS Document */
@import "css/topNav.css";

body,html{
font-family:Trebuchet MS,Arial;
background:#32393F url(images/bgFooter.jpg) repeat-x fixed bottom left;
}
#doc3{
margin:0px;
}
.header{
background:url(images/bgHeader1.jpg) repeat-x top center;
background:url(images/bgHeader45Anniv.jpg) repeat-x top center;
height:246px;
}
.header h1{
display:none;
}
.aboveFold{
background:transparent url(images/bgBody.gif) repeat-y top center;
margin:0px;
padding:0;
}
.belowFold{
margin:0px;
padding-top:20px;
padding-bottom:40px;
clear:both;
}
table, td{
border:none;
padding:0px
}
td img {display: block;}
a{
color:navy;
}

#custom-doc { 
 width:70em;
 *width:68.31em;
 min-width:910px; 
 margin:auto; 
 text-align:left;
 } 

* html #cu\stom-doc {  /* for ie6 */
margin:auto;
padding:0;
width:910px !important;
}
.mainContent{
margin:0;
padding:0;
}

.topNav {
margin-bottom:15px;
}

.yui-u.mainColumn{
min-height:300px;
float:left;
padding:20px 10px 0 10px !important;
margin:0;
background: #fff url(images/bgBodyColumns.jpg) no-repeat 5px 0px;
margin:auto;text-align:left; /* leave unchanged */
width:51.15em;/* non-IE */
*width:49.92em !important;/* IE */
min-width:665px;/* optional but recommended */
}
* html .mainColumn{  /* for ie6 */
	width:665px !important;
}
.yui-u.sideBar{
float:right;
margin:auto;text-align:left; /* leave unchanged */
width:15.69em;/* non-IE */
*width:15.31em !important;/* IE */
min-width:204px;/* optional but recommended */
padding:20px 10px 0 10px;
background:url(images/bgBodyColumns.jpg) no-repeat -680px 0px;
}
* html .yui-u.sideBar{  /* for ie6 */
	width:204px !important;
}



/**********************Common Elements****/
.bodyBottomSlogan{
clear:both;
}
.bodyBottomSlogan img{
clear:both;
margin:4px 0;
}
.footerContact{
font-size:.88em;
color:#fff;
text-transform:uppercase;
font-family:gothic, trebuchet ms, arial;
line-height:150%;
letter-spacing:1px;
}
.footerContact img{
display:inline;
}
.footerContact  td{
vertical-align:middle;
}
.footerContact b{
color:#ffdf00;
font-family:georgia;
font-style:italic;
font-size:.92em;
padding-right:5px;
text-transform:lowercase;
letter-spacing:normal;
}
.footerContact a{
color:white;
}
.footerContact span a{
color:#22B8DD;
font-weight:bold;
text-decoration:underline;
}
.footerContact .numbers{
text-align:right;
margin-right:30px;
}

h1{
font-family:Georgia;
font-style:italic;
font-size:1.6em;
color:#333B40;
}

h2{
margin:0px 0px 5px 0px;
font-family:Georgia;
font-style:italic;
font-size:1.4em;
}
h2 a, h3 a{
}
h2 a:hover, h3 a:hover{
}
h3{
margin: 0 0 5px 0;
font-family:Georgia;
font-style:italic;
font-size:1.2em
}
.sideBar h3, h4{
font-family:Trebuchet MS,arial;
font-weight:bold;
letter-spacing:2px;
text-transform:uppercase;
font-size:10px;
font-style:normal;
text-align:center;
}
h4{
text-align:left;
}

a{
text-decoration:none;
}
.mainColumn .hr{
background:url(images/hrWide.jpg) no-repeat bottom center;
height:20px;
clear:both;
}
.belowFold .hr{
background:url(images/hrFooter.jpg) no-repeat bottom center;
height:20px;
clear:both;
margin:10px 0;
}


.clear{
clear:both;
display:block;
}
.debugCrumb{
background:#ffff88;
font-size:10px;
color:red;
text-align:center;
border:1px solid #222;
padding:3px;
margin:5px;
}

.jumpLink{
font-size:.9em;
text-align:right;
display:block;
}
blockquote{
border-left:5px solid #222;
padding-left:10px;
}

ul,ol{
margin-left:20px;
}

hr{
border:none;
border-bottom:1px dotted #555;
margin:30px 0;
}
/*************SITE SECTIONS/CONTENT BLOCKS*********/
.sectionContent{
margin-bottom:30px;
}
.contentBlock{
clear:both;
margin-bottom:30px;
font-family:Georgia;
}
.sectionContent h1{
font-family:Georgia;
font-style:italic;
}
.contentBlock .cont{
padding:0 10px;
line-height:1.5;
clear:both;
text-align:justify;
}
.contentBlock .cont .subContTable{
border:1px solid #f2f2f2;
background:#f9f9f9;
}
.contentBlock .cont .subContTable td{
padding:5px;
}
.contentBlock .cont strong em{
font-size:1.1em;
}
.contentBlock .cont h1{
font-size:1.15em;
}

.contentBlock img.border{
border:10px solid #e3e3e3;
}

.cont img[align=right]{
margin-left:10px;
}
.cont img[align=left]{
margin-right:10px;
}
.cont blockquote{
border-left:4px solid #e3e3e3;
}

/*********************yellow title tag**********/
.mainColumn .contentBlock h1{
position:static;
margin:10px 10px 20px -32px;
display:block;
padding:0;
}


.mainColumn .contentBlock h1 span{
background: url(images/bgH1Label.png) no-repeat top left;
text-align:right;
min-width:200px;
padding:4px 20px 40px 100px;

}

/*********************home Feature**********/
.contentBlock.feature{
background:#B4C1C7 url(images/bgGreyStamp.jpg) repeat-x;
color:white;
padding-bottom:10px;
}
.featureNav{
float:right;
display:block;
margin-top:-42px;
text-transform:uppercase;
color:#999;
letter-spacing:1px;
font-family:gotham,helvetica,arial;
font-size:13px;
font-style:normal;
}
.featureNav a{
color:#33c1ff;
font-weight:bold;
}
.featureNav a:hover{
color:#999;
}


/******************** NEWS PAGE*************/
.newsMain .newsPost{
margin:10px;
padding:10px;
}
.newsMain .hr{
margin-bottom:20px;
}
.newsPost h2{
border-bottom:1px dotted #4b4b4b;
padding-bottom:3px;
color:#048FE0;
}
.newsPost .meta{
font-size:.95em;
color:#888;
text-align:right;
float:right;
}
.newsPost .post{
clear:both;
padding-top:5px;
line-height:1.45em;
text-align:justify;
}

/*********************JOBS*********************/
.jobsPost,.newsPost{
background:#f9f9f9;
border:1px solid #f2f2f2;
}

/*********************TOP NAV***************/

.topNav{
text-align:center;
text-transform:uppercase;
height:38px;
letter-spacing:1px;
font-family:gotham,helvetica,arial;
font-size:13px;
font-weight:bold;
}

#pmenu > li, #pmenu > li.drop{
background: transparent url(images/topNavDivider.gif) no-repeat center right;
padding-right:2px;
}

#pmenu > li.last{
background:transparent;
background-image:none;
}


/******************SIDEBAR MODULES *********/

/*******Email Signup******************/
table.emailSignup td{
padding:0px;
}
table.emailSignup td input{
font-family:Trebuchet MS;
background:#fff;
border:none;
width:143px;
height:17px;
margin:0px 12px;
font-size:12px;
text-align:left;
}

/***************** Side Box *************/
.sideBox{
margin:0 auto 2px auto;
background:url(images/bgSideBoxBottom.jpg) no-repeat bottom left;
}
.sideBox div.holder{
background:url(images/bgSideBoxTop.jpg) no-repeat top left;
padding:14px 10px 10px 6px;
}
.sideBox h3{
border-bottom:1px dotted #4c4c4c;
padding:0 0 10px 0;
}
.sideBox .content{
margin-top:5px;
font-size:.85em;
line-height:1.5;
}
.sideBox .content b, 
.sideBox .content strong{
font-family:Georgia;
font-size:95%;
}


/******************* Side Feature (AD)*****/
.sideFeature{
text-align:center;
margin:10px auto 10px auto;
}


/***************Side News *********************/
.newsSide{
font-family:Georgia;
font-size:11px;
line-height:1.4;
color:#333B40;
margin:0 auto;
}
.newsSide h2{
font-size:12px;
margin:0px;
font-weight:bold;
color:#093F62;
}
.newsSide a{
color:#093F62;
}
.newsSide a:hover{
color:#00B2FF;
}

.newsSide .post{
padding:0 0 10px 5px;
border-bottom:1px solid #e1e1e1;
margin-bottom:12px;
}
.newsSide .post .meta{
color:silver;
text-align:left;
font-size:80%;
}

/*****************PHOTOS *******************/
.gallery{
text-align:center;
}
.gallery h1{
text-align:left;
}
.gallery .thumb{
display:inline;
padding:3px;
}
.gallery .thumb a img{
padding:3px;
height:100px;
width:100px;
background:#252525;
}
.gallery .thumb a:hover img{
background:#555;
display:inline;
}
.gallery .thumb img{
display:inline;
}
.galleryCat{
float:left;
padding:10px;
margin:10px;
background:#222;
text-align:center;
width:244px;
border:1px solid #181818;

}
.galleryCat h2{
font-family:arial;
font-style:normal;
font-size:1.1em;
}


/*************EMAIL FORM*********/

.maildiv {

	margin: 0 auto 0 auto;
	text-align: left;
	
	font-size: 90%;

}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 70px;
	text-align: right;
	padding: 5px 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}

.maildiv .fmtext1 {

margin-bottom: 10px;
height:20px;
font-size: 140%;
color:#777777;
border:1px solid silver;
width:220px;
}
.maildiv select {
margin-bottom: 10px;
height:20px;
font-size: 120%;
color:#777777;
border:1px solid silver;
width:220px;
}
.maildiv textarea {
	margin-bottom: 10px;
border:1px solid silver;
width:410px;
}
.maildiv .fmtextV{

margin-bottom: 10px;
height:20px;
font-size: 140%;
color:#777777;
border:1px solid silver;
}

.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 110px;
	vertical-align:bottom;  
	 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

#fm_message{
clear:both;

}
.maildiv .fmsubmit {
	float: right;
margin-right:10px;
}
.maildiv .fmrequired {
	color: #FF0000;
	font-size: 90%; 
	float: right;
	margin-top: 3px;
	margin-left: 5px;
}


.maildiv .fminfofull {
padding: 0 10px 0 10px;
color: #005ABE;
margin-bottom: 15px;
font-size:1.3em;
color: #550099;
font-weight:bold;
display:none;
}


/***********End Email Contact Form****/

/******************FAQs ******************/
.listFaq{
margin:15px 0 15px 0;
}
.listFaq h1{
font-size:1.2em;
margin:0px;
border-bottom:1px dotted #4b4b4b;
}
.listFaq ul{
margin:8px;
}
.listFaq li{
list-style-type:none;
}
.listFaq li a{
padding:4px;
display:block;
}
.listFaq li a:hover{
background:#4b4b4b;
}

.fullFaq{
padding:10px;
background:#222;
margin:10px auto;
}
.faqItem{
padding:10px;
margin:10px auto;
clear:both;
}
.fullFaq .answer h1{
font-size:1em;
color:#048FE0;
border-bottom:1px solid #151515;
padding-bottom:3px;
}
.fullFaq h2{
font-size:1.2em;
padding-bottom:3px;
border-bottom:1px dotted #4b4b4b;
}
.fullFaq h3{
text-align:right;
color:#4b4b4b;
font-size:1.5em;
}
.fullFaq .jumpLink{
font-size:.9em;
text-align:right;
display:block;
}

/**************EMployment Forms *************/
.employmentApp #employers{
width:480px;
margin:0 auto;
}

.employmentApp #employers .employer{
border:3px solid #f9f9f9;
display:table;
margin:10px;
background:#f5f5f5;
}
.employmentApp #employers .employer td{
padding:3px;
}
.employmentApp #employers .employer h3{
background:white;
}
.tbmain{ 

}
.tbmain td{
padding:3px;
}
.tbmain .left{

}
.tbmain .head{
  color:#333333;
}
.tbmain .head h2{
 border-bottom:1px dotted #555;
margin:10px 0;
}
.tbmain td.left {
  font-family:"Verdana";
  font-size:11px;
  color:black;
padding-right:15px;
}
.tbmain .pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}


label span.required { color: #FF0000; font-weight: bold; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
input.textbox { width: 200px; padding: 3px; border: solid 1px #c0c0c0; }
input.validation-failed{ background-color: #ffc0cb; }
input.button {}

div.toolbar { clear: both; padding-top: 20px; }

div#ClientValidationSummary { background-color: #FF0000; width: 350px; padding: 5px; color: white; }
div#ClientValidationSummary a { color: white; }

div.validation-inline-error-message{ display: block; float: left; padding-left: 10px; color: #ff0000; 
}

table.formOutput{
border:2px solid #e3e3e3 !important;
}
table.formOutput td{
padding:3px 5px;
background:white;
border:0;
}

.errors{
border:1px solid red;
padding:20px;
background:#f9f9f9;
}
.errors h3{
color:red;
}
label.error{
font-size:90%;
color:red;
display:block;
}
input:focus,textarea.focus { background:#f9f9f9; border:1px solid black;padding:1px;}
input.error,textarea.error { border: 1px dotted red; background:white; padding:1px;}

/*******************MSDS PAGE ***********************/
.msds{
padding:10px 20px;
border-topx:1px dashed #e3e3e3;
}
.msds .category h2{
border-bottom:1px dashed #e3e3e3;
}
.msds h2{
font-family:helvetica, verdana;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
color:#333;
font-size:20px;
padding:3px 5px 3px 0;
}
.msds .name {
font-family:helvetica, verdana;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
color:#333;
}

.msds .info {
	font-family: Arial;
	color: #737373;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1em;
}
/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #FFDF00;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/sortbg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
height:20px;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
padding-left:5px;
}
table.tablesorter tbody tr.odd td {
	background-color:#f0f0f9;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #29BCF0;
color:white;
}

#contactForm textarea{
width:400px;
}