 .pngFix  { behavior: url(../../../images/iepngfix.htc) } 


html, body {
	margin:0;
	padding:0;
}

body {
	background-attachment: fixed;
	background-image: url(../../images/layout/bg_box.gif);
	background-position: 26px 0px;
	font-family: Arial;
	font-size: 11px;
	color: #b0b0b0;
	/* background-color: #bcb6b5;  new layout*/
}
a, img {border: 0px; outline: none; }
a { color: gray;  outline: none; }
form { margin: 0; padding: 0; }




h1 {
	font-size: 17px;
	font-family: Arial;
	color: #737373;
	margin-top: 20px;
	margin-left: 20px;
	padding: 0px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 12px;
	color: #646464;
	margin-top: 0px;
}
h4 { 
	margin: -15px 0px 5px 0px;
	padding: 0px;
	font-size: 10px;
	color: #646464;
}
h5 {
	width: 235px;
	height: 25px;
	margin: 0px auto 5px auto;
	padding: 0px;
	font-size: 10px;
	text-align: center;
	color: #646464;
}
h6 {
	margin: 10px 0px 5px 5px;
	padding: 0px;
	font-size: 10px;
	color: #646464;
	font-weight: normal;
}


#rightFooter {
	position: relative;
	float: right;
	width: 175px;
	height: 400px;
	font-size: 10px;
	font-family: arial;
	padding: 0px 0px 0px 20px;
	margin: 0px 20px 0px 0px;
	display: inline;
	background-image: url(../../images/layout/right_footer_vertical_line.gif);
	background-position: left;
	background-repeat: no-repeat;
}
/* ----------------------------------------------------------- MENU -------------------------------------------------------------------- */
.menu_box { position: absolute; z-index: 10;  height: 20px; padding: 9px; padding-bottom: 5px; text-align: center;  }
	.menu_box a { text-decoration: none; color: white; margin: 0px; font-weight: bold; }
	
	#menu_box_1 { width: 43px; padding-left: 0; padding-right: 13px; background-color: #716c9f; }
	#menu_box_2 { width: 125px; margin-left: 56px; background-color: #5b75a7; }
	#menu_box_3 { width: 100px; margin-left: 199px; background-color: #4e8eb9; }
	#menu_box_4 { width: 76px; margin-left: 317px; background-color: #3aa7cc; }
	#menu_box_5 { width: 100px; margin-left: 411px; background-color: #4ba4a0; }
	#menu_box_6 { width: 70px; margin-left: 529px; background-color: #6ba883; }
	#menu_box_7 { width: 52px; margin-left: 617px; background-color: #85ad64; }
	#menu_box_8 { width: 230px; padding-left: 14px; margin-left: 687px;background-color: #a6b622; }
	
	#menu_selected { position: absolute; z-index: 5; height: 60px; margin-top: -12px;  }
	
	/* Search Form - Text Field and Button */
	#search_form_container { position: absolute; height: 23px; width: 115px; top: 5px; right: 0px; background-color: #ced58d; text-align: right; overflow: hidden; }
		#search_form_container form { margin: 0; padding: 0; display: inline; }
			#menu_search { float: left; width: 88px; height: 17px; margin: 0px; padding: 0px; color: #717074; border: 3px solid #ced58d; }
			.btn_menu_search { float: left; width: 20px; height: 23px; cursor: pointer; margin: 0px; padding: 0px; border: 0; background-position: top left; background-image: url(../../images/buttons/btn_search.gif); }
	
	/* LEFT - RIGHT SIDES */
	#menu_box_1_l { position: absolute; z-index: 10; width: 13px; height: 34px; margin-left: 7px; background-color: #716c9f; }
	#menu_box_8_r { position: absolute; z-index: 10; width: 13px; height: 34px; background-color: #a6b622; }


/* ----------------------------------------------------------- LAYOUT-------------------------------------------------------------------- */
/* shadow border */
#top_left { width: 20px; height: 20px; background-image: url(../../images/layout/main_border/top_left.png); background-position: top left; background-repeat: no-repeat; }
#top_middle { width: 940px; height:20px; background-image: url(../../images/layout/main_border/top.png); background-position: top; background-repeat: repeat-x; }
#top_right { width: 20px; height: 20px;  background-image: url(../../images/layout/main_border/top_right.png); background-position: top right; background-repeat: no-repeat; }

.left { width: 20px; background-image: url(../../images/layout/main_border/left.png); background-position: top left; background-repeat: repeat-y; }
.right { width: 20px; background-image: url(../../images/layout/main_border/right.png); background-position: top right; background-repeat: repeat-y; }
#m_left { width: 20px; height: 34px; vertical-align: top; background-image: url(../../images/layout/main_border/m_left.png); background-position: top left; background-repeat: repeat-y; }
#m_right { width: 20px; height: 34px; vertical-align: top; background-image: url(../../images/layout/main_border/m_right.png); background-position: top right; background-repeat: repeat-y; }

#bot_left { width: 20px; height: 20px; background-image: url(../../images/layout/main_border/bot_left.png); background-position: bottom left; background-repeat: no-repeat; }
#bot_middle { width: 940px; height:20px; background-image: url(../../images/layout/main_border/bottom.png); background-position: bottom; background-repeat: repeat-x; }
#bot_right { width: 20px; height: 20px; background-image: url(../../images/layout/main_border/bot_right.png); background-position: bottom right; background-repeat: no-repeat; }


#main {
	position: relative;
	z-index: 1;
    height: auto;
	width: 980px;
	margin: 10px auto 0px auto;
}
#summit_banner {
	width: 940px;
	height: 69px;
	font-size: 36px;
	font-weight: bold;
	vertical-align: top;
	background-color: #fff;
}
#summit_menu { 
	width: 940px;
	height: 34px;
	vertical-align: top;
	background-color: #fff;
}
#summit_content { 
	width: 940px;
	height: 400px;
	vertical-align: top;
	font-weight: bold;
	background-color: #fff;
}
#footer {
	position: relative;
	margin: 0px auto 0px auto;
	height: 25px;
	width: 940px;
	padding-top: 5px;
	color: #89817F;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#footer_menu { position: relative; width: 940px; height: 30px;  background-color: #fff; text-align: center; color: #b0b0b0; font-size: 10.5px; font-weight: bold; }
	#footer_menu div { margin-top: 20px; }
		#footer_menu a { text-decoration: none; color: #b0b0b0; font-weight: bold; }


#page_err { position: relative; float: left; text-align: center; color: red; margin-top: 5px; margin-bottom: 10px;  width: 599px; height: auto;  }
	#page_err h2 { font-size: 14px; padding: 0; margin: 0 0 10px 0; }
	#page_err p { margin: 0; padding: 0; font-weight: bold; font-size: 14px; }



/* ********************************** ERROR VALIDATION ********************************* */

.fieldWithErrors {
 margin: 0px;
 padding: 0px;
 display: inline;
}
.fieldWithErrors input, .fieldWithErrors textarea  {
  background-color: #f9a5a5;
}

#errorExplanation {
  width: 400px;
  margin-top: 7px;
  padding: 0px 4px 4px 4px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px 5px 0px 5px;
  color: red;
  font-weight: bold;
}

#errorExplanation ul li {
  font-size: 11px;
  list-style: square;
}

/* ***********************************************FORM ELEMENTS******************************************* */
span.checkbox {
  width: 19px;
  height: 25px;
  padding: 0 0px 0 0;
  background-image: url(../images/html_form/checkbox.gif);
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  clear: left;
  float: left;
}
span.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background-image: url(../images/html_form/radio.gif);
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  clear: left;
  float: left;
}

span.select {
  position: absolute;
  width: 115px; /* With the padding included, the width is 170 pixels: the actual width of the image. */
  height: 17px;
  padding: 0 15px 0 8px;
  color: gray;
  font:10px/18px helvetica,sans-serif;
  background-image: url(../images/html_form/select.png);
  background-repeat: no-repeat;
  overflow: hidden;
}
select { font-size: 10px; color: gray; font-family: arial; }
