//********************* LAYOUT DIVS ***********************/

 input.btn {background: #7D966D; height: 20px; font-family: arial; color: #FFFFFF; font-size: 8pt;
  		          margin-top: 3px; margin-left:4px;  border-width: 1px; border-color: #000000; border-style:solid; -moz-box-sizing: border-box; } 

 .go-btn {background: #B1BDAB; height: 24px; font-family: arial; color: #FFFFFF; font-size: 9pt;
 		      margin-left:4px;  border-width: 1px; border-color: #4C6A6A; border-style:solid;
 		           -moz-box-sizing: border-box; } 
 		           
 .grid-col-title-row {width: 700px; height: 20px; font-family: arial; color: #000000; font-size: 9pt; -moz-box-sizing: border-box; }
 	   
 .row-light {  width: 715px; height:20; font-family: arial; color: #000000; font-size: 9pt; background: #ffffff; -moz-box-sizing: border-box;} 
 .row-dark {  width: 715px; height:20; font-family: arial; color: #000000; font-size: 9pt; background: #EBEFE8; -moz-box-sizing: border-box;}         
 
 .phonetic-title {  height:30px; font-family: arial; color: #000000; font-size: 9pt; 
 	     background: #EBEFE8; margin-top:10pt; padding-left: 4px; padding-top: 0px; -moz-box-sizing: border-box; }
 
 .phonetic {
  color: #993300;
  text-decoration: none;
  border-bottom: dotted 1px #D7AE9A; 	              
}
 
 .department-title {  height:20px; font-family: arial; color: #000000; font-size: 10pt; 
 	    font-weight: bold; background: #D2C777; margin-top:10pt; padding-left: 4px; padding-top: 0px; -moz-box-sizing: border-box; }         

 .grid-title-col-1 {width: 150px; text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 .grid-title-col-2 {width: 65px;  text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 .grid-title-col-3 {width: 120px; text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 .grid-title-col-4 {width: 150px; text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 .grid-title-col-5 {width: 90px; text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 .grid-title-col-6 {width: 125px; text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 
 .grid-title-col-1:hover,  .grid-title-col-2:hover,  .grid-title-col-3:hover,  .grid-title-col-4:hover,
 .grid-title-col-5:hover,  .grid-title-col-6:hover {
  cursor: pointer;
  background: #CFDCC8;
 } 
 
 .ff-detail-1 { width: 150px; height:20; -moz-box-sizing: border-box; } 
 .ff-detail-2 { width: 65px;  height:20; -moz-box-sizing: border-box; }
 .ff-detail-3 { width: 120px; height:20; -moz-box-sizing: border-box; }
 .ff-detail-4 { width: 150px; height:20; -moz-box-sizing: border-box; } 
 .ff-detail-5 { width: 90px; height:20; -moz-box-sizing: border-box; }  
 .ff-detail-6 { width: 135px; height:20; -moz-box-sizing: border-box; } 

 .rd-title	{ background: #B1BDAB; text-align: center; height: 20px; margin-bottom:15px;
 	            font-family: arial; color: #000000; font-size: 9pt; -moz-box-sizing: border-box; }        
 .rd-row	{   height: 28px; font-family: arial; color: #000000; font-size: 9pt; -moz-box-sizing: border-box; }        
 .rd-col-1 { float: left; padding-left: 5px; width: 75px;-moz-box-sizing: border-box;}
 .rd-col-2 { float: left; width: 425px;-moz-box-sizing: border-box;}

 
 .MenuBar { background: #DEE8D8; height:30px; width: 650px; 
 	          margin-top: 15px;   padding-top: 1px; padding-left: 30px; 
 	          font-family: arial;  font-size: 9pt;  -moz-box-sizing: border-box;}


body {
  margin: 0;
  padding: 0px 0 0 0;
  background: white url(../images/bodyback-gl.jpg) repeat-x 0 top;
  background-attachment: fixed;
  font-size: small;
  font-family: arial;
  line-height: 1.4em;
  color: #666;
  text-align: center;
}

#container {
  width: 880px;
  height: 590px;
  margin: 0 auto;
  background: white  url(../images/containerback-gr.gif) repeat-y left top;;
  border: solid 1px #666;
  font-family: arial;
  font-size: 10pt;
  text-align: left;
}

#contact {
  width: 760px;
  margin: 0 auto;
  text-align: center;
  font-family: arial;  font-size: 9pt;
}

#branding {
  height: 33px;
  background: url(../images/tns-bar.jpg) no-repeat left top;
}

#gutter {
  float: left;
  width: 10px;
  height: 500px;
}

.col2 #content {
  float: left;
  width: 700px;
  padding: 5px 0 0 15px;
  position: relative;
}


#main {
  background: url(../images/banner.jpg) no-repeat 15px 45px;
  width: 560px;
  padding-right: 15px;
  padding-bottom: 30px;
}

.clearer {
  clear: left;
  height: 0;
  line-height: 0;
}

.skipper {
  height: 0;
  line-height: 0;
  text-indent: -99999px;
   background: ff0000;
}
#nav-main {
	margin-top: 20px;
  float: left;
  width: 120px;
  padding-right: 0px;
  padding: 15px 5px 50px 0;
  font-family: arial;  font-size: 8pt;
}

#branding a, #nav-main a, #nav-secondary a {
  border: none;
  display: block;
  color: #333;
}
#nav-main a {
  padding: 2px 2px 2px 8px;
}

#nav-main a:hover, #nav-main .active, #main #home  {
  background: url(../images/hover-or.gif) repeat-y left top;
}

#nav-main ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: solid 1px #fff;
  }

#nav-main li {
   border-bottom: solid 1px #fff;
   margin-bottom: 0;
}

/********************* LINKS ***********************/
a:link {
  color: #993300;
  text-decoration: none;
  border-bottom: dotted 1px #D7AE9A;
}
a:visited {
  color: #993300;
  text-decoration: none;
  border-bottom: dotted 1px #D7AE9A;
}
a:hover {
  border-bottom-style: solid;
}

#branding a, {
  border: none;
  display: block;
  color: #333;
}

.jumpto a:link, .jumpto a:visited {
  border: none;
  color: #666;
}
.caption a {
	border: none;
}
/********************* Hx ***********************/
h1, h2, h3, h4, h5, h6 {
  color: #333;
  margin: 0 0 0 0;
  padding: 0;
}

.interior h1 {
  font-size: 170%;
  font-weight: bold;
  color: #003334;
  margin-bottom: 10px; 
}

.interior h2 {
  font-size: 130%;
  font-weight: bold;
  color: #003334;
  line-height: 1em;
  margin-bottom: 5px; 
  margin-top: 15px;
 }
  
.interior h3 {
  font-size: 110%;
  font-weight: bold;
  color: #003334;
  line-height: 1em;
 }
 
.interior h4 {
  font-size: 100%;
  font-weight: bold;
  color: #003334;
  line-height: 1em;
  margin-bottom: 5px; 
 }
  
 .interior h6 {
  font-size: 110%;
  font-weight: bold;
  color: #003334;
  line-height: 1em;
  margin-bottom: 0px; 
 } 
.interior p {
  line-height: 1.2em;
  margin-bottom: 0px; 
  margin-top: 0px; 
  margin-bottom: 8px; 
 } 
 
.interior ul {
  margin-top: 0px;
  margin-bottom: 8px; 
} 


 
/********************* P ***********************/
#branding p {
  margin: 0;
  padding: 5px 10px;
}
#contact p {
  color: #003333;
  padding: 5px 0 0 185px;
}

/********************* LISTS ***********************/

ul.jumpto {
  background: url("../images/grayfade.jpg") repeat-y left top;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 20px;
  float: left;
  width: 380px;
  position: relative;
  left: -20px;
}
ul.jumpto li {
  display: inline;
  background: url("../images/arrows.gif") no-repeat left center; 
  margin: 0 0px 0 0;
  padding: 0 0 0 0px;
}
dt {
  margin: 1em 0 .5em;
  font-size: 120%;
}
dd {
  margin: 0;
  padding: 0;
}

/********************* FORMS ***********************/
input, textarea {
  background: #F8F8F1;
  border: solid 1px #c5c5c5;
  color: #333;
  padding: 3px;
}
label {
  font-weight: bold;
  
  color: #333;
}
/********************* IMAGES ***********************/
a img {
  border: none;
}
.caption img, .thumbnail img, .thumb {
  padding-top: 6px;
  border: solid 2px #999;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

/********************* TABLES ***********************/


caption  {
	text-align: left;
	margin-bottom: 10px;
	}

/********************* MISC ***********************/
strong {
  color: #333;
}
pre {
  background: #F8F8F1;
  border: solid 1px #c5c5c5;
  color: #333;
  padding: 3px;
}
code {
  background: #F8F8F1;
  color: #333;
  padding: 3px;
}
.left {
  float: left;
  margin: 0 10px 10px 0;
}
.right {
  float: right;
  margin: 0 0 10px 10px;
}

#HarassSrollable {height: 420px;}

#self-help {
  background-color: #bfcfb8; 
  font-weight: bold;
  font-size: 9pt;
  } 

#SH-button {
	background-color: #D2C777;
	margin-top: 20px;
	margin-left: 10px;
	border-radius: 3px;
	width: 90px;
	font-size: 8pt;
	}    

#SH-button:hover{background-color: #E3DBA5;}	


 .rd-title	{ background: #B1BDAB; text-align: center; height: 20px; margin-bottom:15px;
 	            font-family: arial; color: #000000; font-size: 9pt; -moz-box-sizing: border-box; }        
 .rd-row	{ width: 500px; height: 28px; font-family: arial; color: #000000; font-size: 9pt; -moz-box-sizing: border-box; }        
 .rd-col-1 { float: left; padding-left: 5px; width: 75px;-moz-box-sizing: border-box;}
 .rd-col-2 { float: left; width: 425px;-moz-box-sizing: border-box;}
 
 	   
 .row-light { height:20; font-family: arial; color: #000000; font-size: 9pt; background: #ffffff; -moz-box-sizing: border-box;} 
 .row-dark { height:20; font-family: arial; color: #000000; font-size: 9pt; background: #EBEFE8; -moz-box-sizing: border-box;}         

 .email-col-title-row { background: #00ff00; height: 20px; font-family: arial; color: #000000; font-size: 9pt; -moz-box-sizing: border-box; }
 .email-title-col-1 {width: 200px; text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 .email-title-col-2 {width: 105px;  text-align: center;  background: #B1BDAB; height:20; -moz-box-sizing: border-box;}
 
 .email-detail-1 { width: 200px; height:20; -moz-box-sizing: border-box; } 
 .email-detail-2 { width: 100px;  height:20; -moz-box-sizing: border-box; }
 
 
#SH-button {
	background-color: #D2C777;
	margin-top: 20px;
	margin-left: 5px;
	border-radius: 3px;
	width: 103px;
	font-size: 8pt;
	font-weight: bold; 
	border-width: 1px; border-color: #000000;
	}    

#SH-button:hover{background-color: #E3DBA5; cursor: pointer;}