@import url("content_styles.css");

/* ---------- Global Site Set up ---------- */
*{margin: 0; padding: 0;}
body {
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  background: #F5F5F5;
  margin: 0px;
  color: #333333;
}

#site{
  margin: 0px auto;
  width: 940px;
  text-align: left;
  background: #FFFFFF url('share/images/general/nav_bg.jpg') repeat-y left top;
  padding: 0px;
  border-left: solid 2px #0099CC;
  border-right: solid 2px #0099CC;
}

#main {
  width: 670px;
  padding: 25px 0px 10px;
  margin: 25px 0px 15px 230px;
  background-color: #FFFFFF;
}

#main_min_height{
  float: left;
  width: 0px;
  height: 500px;
}

.clear{
  clear: both;
}

/* HEADER */
#header{
  position: relative;
  width: 940px;
  height: 95px;
  margin: 0px auto;
  background: #0099CC url('share/images/general/hdr_bg.jpg') repeat-x left;
  border-bottom: solid 2px #006699;
}
#header a.homepage_link,
#header a.homepage_link:visited {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 93px;
  width: 270px;
  background: url('share/images/general/yht_logo.jpg') no-repeat 20px;
}

#header .content{
  position: absolute;
  float: right;
  text-align: right;
  top: 30px;
  right: 5px;
  color: #FFFFFF;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#header .content p{
  float: left;
  margin-right: 25px;
}

/* ---------- Main-Nav ---------- */
#header_bar{
  width: 195px;
  margin: 0;
  padding: 0;
  float: left;
  clear: none;
  position: relative;
  background: #EDEDED url('share/images/general/nav_option_bg.jpg') repeat-y right top; 
}
#header_bar .button, #header_bar .button_highlight{
  position: relative;
  float: left;
  border-bottom: solid 1px #CCCCCC;
  width: 165px;
  margin: 0;
  padding: 8px 10px 8px 12px;
}
#header_bar .button a,
#header_bar .button a:visited {
  color: #666666;
}
#header_bar .button_highlight a {
	color: #999999;
}
#header_bar .button img, #header_bar .button_highlight img { 
	margin-right: 2px;
}
#header_bar a, #header_bar a:visited {
  text-decoration: none;
}
#header_bar .button a:hover, #header_bar .button_highlight a:hover {
  color: #BB5E28;
}

/* IE Hack :( \*/
* html #header_bar img {margin-left: -3px;margin-right: -3px;}
/* End IE Hack */

/* ---------- End Main-Nav ---------- */

/* FOOTER */
#footer {
  width: 900px;
  font-size: 10px;
  padding: 10px 20px;
  color: #666666;
  text-align: right;
  border-top: solid 1px #CCCCCC;
  background-color: #EDEDED;
}

#footer a,
#footer a:visited {
 	text-decoration: none;
  	color: #666666;
}

#footer a:hover {
  text-decoration: underline;
}

/* ---------- End Global Site Set up ---------- */



/* ---------- Homepage --------- */
#homepage{
  position: relative;
}
#homepage .flash_header {
	margin-top: -25px;
}
#homepage embed{
  position: relative;
}

/* ---------- End Homepage --------- */


/* ---------- Right Column ---------- */
#right_column{
  float: right;
  width: 185px;
  overflow: visible;
  margin-top: 65px;
  padding-top: 15px;
}

#right_column .inner_nav {
	width: 175px;
	display: inline;
}
#right_column .inner_nav a,
#right_column .inner_nav a:visited {
  float: left;
  text-decoration: none;
  color: #BB5E28;
  padding: 7px 5px 7px 20px;
  font-size: 11px;
  overflow: hidden;
  width: 175px;
  background: url('share/images/general/bullet.gif') no-repeat 12px 12px;
}
#right_column .inner_nav a.selected{
	color: #666666;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	background: none;
	padding-left: 12px;
	font-size: 13px;
}
#right_column .inner_nav a:hover {
  text-decoration: underline;
}
#right_column .inner_nav a.child,
#right_column .inner_nav a.child:visited 
{
  color: #BB5E28;
  text-transform: none;
  width: 165px;
}
#right_column .inner_nav a.child:hover {
  text-decoration: underline;
  color: #BB5E28;
}
#right_column .inner_nav a.child_selected,
#right_column .inner_nav a.child_selected:visited {
  width: 165px;
  color: #006699;
  background: url('share/images/general/bullet_blue.gif') no-repeat 12px 12px;
}
#right_column .inner_nav a.child_child,
#right_column .inner_nav a.child_child:visited {
  	width: 140px;
	padding: 5px 0px 5px 40px;
  	color: #BB5E28;
	background: url('share/images/general/bullet.gif') no-repeat 32px 10px;
}
#right_column .inner_nav a.child_child:hover {
  	text-decoration: underline;
}
#right_column .inner_nav a.child_child_selected,
#right_column .inner_nav a.child_child_selected:visited {
  width: 140px;
  padding: 5px 0px 5px 40px;
  color: #006699;
  background: url('share/images/general/bullet_blue.gif') no-repeat 32px 10px;
}
#right_column .inner_nav a.child_child_selected:hover {
  text-decoration: underline;
}
#right_column .inner_nav a.inline,
#right_column .inner_nav a.inline:visited 
{
   float: none;
   color: #BB5E28;
   border: 0px;
   padding: 0px;
}
#right_column .inner_nav a.inline:hover {
   text-decoration: underline;
}
/*#right_column .inner_nav .header {
  float: left;
  text-decoration: none;
  color: #0A3A87;
  text-transform: none;
  padding: 7px 5px;
  font-size: 10px;
  overflow: hidden;
  width: 174px;
  background: #FACFCC;
}
#right_column .bottom_nav{
  display: block;
  width: 156px;
  padding-top: 15px;
  margin-left: 15px;
}*/

/* -- Login Nav -- */

/*#right_column .login_nav{
  display: block;
  height: 100%;
  padding: 0px;
  border: solid 1px #F1F1F1;
}
#right_column .login_name 
{
	color: #a13333;
	padding: 4px 0px 1px 1px;
}
#right_column .login_info{
  padding-bottom: 15px;
  padding-left: 5px;
}
*/
/* -------- End Right Column ------ */

/* -------- Static Three Column ------ */
#container {
	background: url('share/images/general/innernav_grad.jpg') repeat-y 483px;
	margin-top: 65px;
}

#middle_column{
  position: relative;
  float: left;
  width: 670px;
  color: #000000;
  margin-left: 5px;
}

#middle_column .padding{
  padding: 20px 0 0;
}

#main #middle_column .padding a,
#main #middle_column .padding a:visited {
  color: #000000;
  text-decoration: none;
}

#main #middle_column .padding a:hover {
  text-decoration: underline;
}

/* BREAD CRUMBS */
#middle_column .bread_crumbs{
  position: absolute;
  font-size: 10px;
  color: #999999;
  left: 2px;
  top: 5px;
}

#middle_column .bread_crumbs a,
#middle_column .bread_crumbs a:visited {
  color: #999999;
  text-decoration: none;
}
#middle_column .bread_crumbs a:hover {
  text-decoration: underline;
}
/* END BREAD CRUMBS */

/*#middle_column .min_height{
  float: left;
  clear: none;
  width: 1px;
  height: 500px;
}*/

#middle_column hr, #right_column hr {
	border-top: solid 1px #CCCCCC;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 10px 0px;
	clear: both;
	height: 1px;
	width: 99%;
}
/* -- Start Share Box -- */
#main .share_box{
  position: relative;
  float: left;
  clear: none;
  height: 20px;
  text-align: left;
  line-height: 20px;
 /* z-index: 10;*/
  top: -2px;
}

#main .share_box a,
#main .share_box a:visited {
  position: relative;
  color: #006699;
  font-size: 10px;
  text-decoration: none;
  margin-left: 7px;
}
#main .share_box a:hover {
  color: #BB5E28;
}
#main .share_box a img,
#main .share_box a:visited img {
  margin-bottom: -1px;
  margin-right: 3px;
}
#main .share_box #email_pop{
  position: absolute;
  z-index: 15;
  left: -60px;
  bottom: 30px;
  width: 300px;
  background: #ffffff;
  font-size: 10px;
  line-height: 11px;
}
#main .share_box #email_pop img.top{
  position: absolute;
  left: 0px;
  top: -3px;
}
#main .share_box #email_pop img.bot{
  position: absolute;
  left: 0px;
  bottom: -3px;
}
#main .share_box #email_pop .content {
  border-left: 1px solid #bcbab7;
  border-right: 1px solid #bcbab7;
  padding: 5px;
  padding-top: 2px;
}
#main .share_box #email_pop .content .width {
  position: relative;
  z-index: 2;
  width: 298px;
  color: #006699;
}
#main .share_box #email_pop .content .width .min_height{
  float: left;
  width: 0px;
  height: 80px;
}
#main .share_box #email_pop .content .width form {
  margin: 0px;
  padding: 0px;
  width: 290px;
}
#main .share_box #email_pop .content .width form input {
  display: inline;
  float: left;
  margin-top: 0px;
  width: 230px;
  /*height: 15px;*/
}
#main .share_box #email_pop .content .width .text_button{
  width: 51px;
  display: inline;
  float: left;
  margin-left: 4px;
  margin-top: 1px;
}
#main .share_box #email_pop .content .width .text_button a,
#main .share_box #email_pop .content .width .text_button a:visited {
  margin: 0px;
  color: #ffffff;
  width: 45px;
  float: left;
}
#main .share_box #email_pop .content .width .text_button img {
  float: left;
}
#main .share_box #email_pop .content .width a.close,
#main .share_box #email_pop .content .width a.close:visited {
  position: absolute;
  top: 0px;
  right: 10px;
  text-decoration: none;
}
/* -- End Share Box -- */

#middle_column.slim {
  width: 665px;
  margin-top: -20px;
}

#middle_column.slim .padding{
  padding: 15px 0 0;
  margin-top: 13px;
}

/* ---------- End Static Three Column --------- */

/* ---------- Start Static Two Column --------- */
#middle_column.extra_wide {
  width: 450px;
}

#middle_column.extra_wide .padding{
  padding: 15px 0 0;
  margin-top: 13px;
}
/* ---------- End Static Two Column --------- */


/* ---------- Main global styles ---------- */
#main p{
  margin: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#main h1{
  font-size: 14px;
}

#main h4{
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  color: #333333;
}

img {
  border: 0;
}

ul, ol{
  margin: 5px 5px 5px 25px;
  list-style-type: disc;
}
li{
  margin: 0px;
}

#main a {
  color: #BB5E28;
}

a.bulletLink, a.bulletLink:visited,
#main #middle_column a.bulletLink, #main #middle_column a.bulletLink:visited {
	background: url('share/images/general/bullet.gif') no-repeat left center;
	padding-left: 9px;
	text-decoration: none;
	color: #BB5E28;
}

a.bulletLink:hover, #main #middle_column a.bulletLink:hover {
	text-decoration: underline;
}

.columnRight {
	float: right;
	clear: none;
	width: 33%;
}

.columnLeft {
	float: left;
	clear: none;
	width: 64%;
}

.equalColumn {
	float: left;
	clear: none;
	width: 46%;
	margin: 0 3% 0 0;
}

.equalColumn img.floatImage {
	float: left;
	clear: none;
	margin-top: 8px;
}

.equalColumn .columnText {
	width: 75%;
	float: right;
	clear: none;
}

#main #container .equalColumn .columnText a { color: #BB5E28; text-decoration: none; }
#main #container .equalColumn .columnText a:hover { text-decoration: underline; }

.grad {
	width: 100%;
	background: url('share/images/general/grad_bg.jpg') repeat-x left top;
	height: 35px;
	margin: -3px 0 0px;
}

ul.docList {
	margin: 10px 0;
	list-style-type: none;
}
ul.docList li {
	padding: 5px 0;
	border-bottom: solid 1px #CCCCCC;
}
ul.docList li strong {
	text-transform: uppercase;
	color: #006699;
}
ul.docList a.bulletLink {
	float: right;
	clear: none;
	position: relative;
	right: 0px;
	top: -15px;
}
/* ---------- End Main global styles ---------- */

#middle_column h1 {
  color: #006699;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  padding-bottom: 10px;
  top: -62px;
  left: 0px;
  width: 670px;
  border-bottom: solid 1px #CCCCCC;
}

#middle_column h1 img {
	margin-right: 8px;
	float: left;
	clear: none;
	position: relative;
	top: -10px;
}

#middle_column h2, 
#main #container #middle_column .padding h2 a, #main #container #middle_column .padding h2 a:visited, 
#main #middle_column .padding h2 a, #main #middle_column .padding h2 a:visited {
  color: #0097C9;
  font-size: 16px;
  margin-top: 5px;
  font-weight: normal;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#middle_column h3, #main #container #middle_column h3 a {
  color: #006699;
  font-size: 16px;
  font-weight: normal;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  padding-bottom: 5px;
  border-bottom: solid 1px #006699;
  text-decoration: none;
}

#middle_column h4, #main #container #middle_column h4 a {
  color: #BB5E28;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
#middle_column h5 {
  color: #0A3A87;
  font-size: 11px;
  text-transform: uppercase;
  font-style: normal;
}

#main #container #middle_column .padding h2 a:hover, 
#main #middle_column .padding h2 a:hover,
#main #container #middle_column h4 a:hover,
#main #container #middle_column h3 a:hover { text-decoration: underline; }

#middle_column  li {
  padding-bottom: 8px;
}

#middle_column #formTable {
	width: 100%;
}
#middle_column #formTable input, #middle_column #formTable select, #middle_column #formTable textarea {
	margin: 5px 8px 8px 0px;
	border: solid 1px #999999;
}
.inputBtn {
	background-color: #006699;
	color: #FFFFFF;
	border: solid 1px #006699;
}
img.leftImage {
	float: left;
	clear: none;
	margin: 0 20px 10px 0;
}
/*** Checkout Form Styles ***/
.red{
  color: #ff0000;
}
.field_error{
  color: #990000;
  font-weight:normal;
}
/* Checkbox */
.input_checkbox_error{
  background: #ff0000;
}
.input_checkbox_title{}
.input_checkbox_cell{}

/* Radio */
.input_radio_error{
  background: #ff0000;
}
.input_radio_title{
  text-align: right;
  vertical-align: top;
}
.input_radio_cell{
  padding: 0px;
}
.input_radio_cell table{
  margin: 0px;
}
.input_radio_cell .red{
  color: #000000;
}

/* Select */
.input_select_error{
  background: #ff0000;
}
.input_select_title{
  text-align: right;
  vertical-align: middle;
}
.input_select_cell{}
.input_select_cell select option{
  padding-right: 4px;
}

/* Text*/
.input_text_error{
  background: #ff0000;
}
.input_text_title{
  text-align: right;
  vertical-align: middle;
}
.input_text_cell{}

/* Category*/
.input_category{
  font-weight: bold;
}

.sitemap a,
.sitemap a:visited {
  text-decoration: none;
  line-height: 25px;
}

/* ---- Print Styles ---- */
#print_logo {
  display: none;
}

@media print{
  .share_box,
  #right_column,
  #header,
  #header_bar {
    display: none;
  }
  #main,
  #middle_column{
    margin: 0;
  }
  #main,
  #leftnav_divider,
  #footer{
    width: 710px;
  }
  #print_logo{
    margin-left: 15px;
    display: block;
  }
  #footer #links{ 
    width: 380px;
  }
}