@charset "utf-8";
@import "reset-min.css";
html {
	background-color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color:#FFF;
	line-height: normal;
	text-decoration: none;
	background:url(../img/hex_bg.gif) repeat top; 
}
.clear { 
  clear: both; 
  display: block;
}

#contentHolder { 
  width: 975px;
  margin: 0 auto;
  padding-bottom: 10px;
}

#headerHolder {
  font-weight: bold;
  border-top: 2px solid #FFCC00;
  position: relative;
}
#headerHolder ul {
  background-color: #202020;
  height: 54px;
  padding-top: 1px;
}
#headerHolder li { 
  float: left;
  border-left: 1px solid #000;

}
#headerHolder a {   
  line-height: 54px;
  display: block;
  padding: 0 15px;
  color: #FFF;
  text-decoration: none;
}
#headerHolder a:hover {
  background-color: #FFCC00;
  color: #000;
}

#headerHolder ul ul { 
  position: absolute;
  font-size: 12px;
  background-color: #999;
  height: auto;
  width: 340px;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  display: none;
}
#headerHolder li li { 
  _height: 16px;
  float: none;
  border-left: none;
  text-align: center;

}
#headerHolder li li a { 
  line-height: 16px; 
  height: auto; 
  padding: 5px 10px; 
  text-align: center;
}
#headerHolder .events { 
  background-color: #202020; 
}
#logo {
  text-indent: -9999px;
}
#logo a {
  background: url(../img/nopscenter_callsign.gif) 0 -56px no-repeat;
  width: 200px;
  padding: 0;
}
#logo a:hover { background: url(../img/nopscenter_callsign.gif) 0 0 no-repeat;}

#bodyHolder { 
  background-color: #000;
  padding: 3px 0 40px 0;
  min-height: 570px;
}
 
div.bodyLeft,
div.bodyRight { float: left;}

div.bodyLeft { width: 200px;}
div.bodyRight { padding-left: 5px; width: 710px;}

#bodyHolder ul { margin-left: 10px;}
#bodyHolder li { 
  list-style-type: disc;
  margin-left: 30px;
}
#bodyHolder ul.breadcrumbs,
#bodyHolder ul.breadcrumbs a{ 
  color: #FFCC00;
  font-weight: bold;
  padding-top: 10px;
  text-decoration: none;
}
#bodyHolder ul.breadcrumbs a:hover { color: #FF9900;}
#bodyHolder ul.breadcrumbs li { list-style-type: none;}
#bodyHolder ul.breadcrumbs,
#bodyHolder ul.breadcrumbs li { margin: 0;}
#bodyHolder h2 {
  border-bottom: 4px solid #F27F1A;
  font-size: 22px;
  font-weight: bold;
  padding-top: 20px;
  margin-bottom: 20px;
}
#bodyHolder p { padding-bottom: 15px;}
#bodyHolder span a { 
  display: block;
  width: 175px;
  height: 40px;
  background: url(../img/bottom_cta.png) 0 0 no-repeat;
  text-indent: -9999px;
  float: right;
  margin-top: 20px;
}
#bodyHolder span a:hover { background: url(../img/bottom_cta.png) 0 -47px no-repeat;}
#bodyHolder .refer ul.breadcrumbs { padding-bottom: 20px;}
#bodyHolder .refer ul.breadcrumbs li { 
  float: left; 
  padding-right: 3px;
}

/****************** Start .events *****************/

#bodyHolder .events { 
  width: 775px; 
  padding: 0;
}
#bodyHolder .events ul.breadcrumbs { padding-left: 10px;}

#pholder { clear:left; border-top:3px solid #ffcc00;}
#pholder .plist {display:block; min-width:540px; list-style:none; margin:0; padding:0;}
#pholder .plist li { float:left; margin:0; padding:5px; list-style:none;}

#pholder .atitle { position:absolute; bottom:0; background: rgb(0, 0, 0); background: rgba(0,0,0,.8); padding: 3px; width:174px;}
#pholder a { text-decoration:none; color:#fff; font-size:11px;}
#pholder a:hover { text-decoration:underline;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container { color:#bbb; background-color:#333; border:4px solid #444; padding:12px; min-width:533px; min-height:400px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

/****************** End .events *****************/

#bodyHolder .join h2 {
  border: none;
  font-size: 18px;
  padding-top: 10px;
}

#bodyHolder .join .regform { 
  width: 420px;
  float: left;
}
#bodyHolder .join .regform fieldset{ 
  border: none;
  border-top: 1px solid #fff;
  background-color: #333;
  padding: 0 20px 10px 15px;
  margin-bottom: 20px;
}

#bodyHolder .join .regform legend{ font-size: 14px;
  font-weight: bold;
  color: #FFF;
}
#bodyHolder .join .regform ul { 
  list-style-type: none;
  font-size: 12px;
  padding: 0;
  margin: 0;
}
#bodyHolder .join .regform li { 
  padding: 8px 0 8px 0; 
  margin: 0;
  float: none;
  list-style-type: none; 
}
#bodyHolder .join .regform li select { 
  float: left;
  width: 180px;
}
#bodyHolder .join .regform li input { 
  height: 21px;
  width: 180px;
  padding-top: 5px;
}
#bodyHolder .join .regform li.regformli { 
  font-style: italic;
  font-size: 11px;
  clear: both;
}
#bodyHolder .join .regform label.regformspan { width: 160px;
  display: block;
  float: left;
  padding-right: 20px;
}
#bodyHolder .join .regform label.regformspan2 { width: 160px;
  display: block;
  float: left;
  padding-right: 20px;
  height: 30px;
  line-height: 30px;
}
#bodyHolder .join .regform span.regformspanbtn { width: 165px;
  display: block;
  margin-bottom: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background: url(../img/btn_bg.gif) 0 0 repeat-x;
  height: 34px;
  line-height: 34px;
}
#bodyHolder .join .regform span.regformspanbtn a:link, 
#bodyHolder .join .regform span.regformspanbtn a:visited{ color: #000;
  text-decoration: none;
  display: block;
}
#bodyHolder .join .regform p { 
  font-size: 10px;
  padding-right: 10px;
}
#bodyHolder .join .regform p a.regformspan-p { 
  color:#ffcc00;
  text-decoration: none;
}
#bodyHolder .join .submit {
  background: url(../img/btn_bg.gif) repeat-x bottom #FFCC00; 
  line-height: 24px; 
  padding: 5px 5px 5px 5px; 
  font-weight: bold; 
  border: 1px solid #FFCC00; 
  cursor: pointer; 
  margin-top: 0; 
  margin-bottom: 10px; 
  font-size: 12px;
  color: #000;
}
/*----------------------------------------------------------- stop:.regform  -----------------------------------------------------------*/

/*----------------------------------------------------------- start:.mid-right-right  --------------------------------------------------*/
#bodyHolder .join .mid-right-right { 
  width: 220px;
  float: left;
  position: relative;
  top: -10px;
  padding: 20px 10px 30px 20px;
  margin:0 0 0 20px;
  background-color:#0c0c0c;
}
#bodyHolder .join .mid-right-right h4{ 
  font-size: 24px;
  padding-bottom: 20px;
}
#bodyHolder .join .mid-right-right p { 
  color: #ffcc00;
  font-size: 14px;
  padding: 0 0 15px 0;
}
#bodyHolder .join .mid-right-right ul { 
  padding: 0; 
  margin: 0 0 0 20px;
}
#bodyHolder .join .mid-right-right li { 
  margin: 0;
  font-size: 14px;
  list-style-type: disc;
  padding: 0 0 0 0;
}

/****** Start #footerHolder ******/
#footerHolder { 
  background-color: #202020;
  padding: 5px 40px 2px 10px;
  text-transform: uppercase;
}
#footerHolder a { 
  text-decoration: none;
  font-size: 9px;
}
#footerHolder a:hover { color: #666;}
div.ftLeft { 
  float: left; 
  background: url(../img/goto.gif) 0 0 no-repeat; 
  width: 200px;
  height: 27px;
  line-height: 27px;
  +line-height: 23px;
  _line-height: 23px;
  padding-left: 10px;
}
div.ftLeft a { 
  color: #000;
}
div.ftRight { 
  float:　right; 
  margin-left: 780px;
  +margin-left: 580px;
  _margin-left: 0;
  background: url(../img/Icon_f.png) 0 0 no-repeat;
  height: 24px;
  line-height: 24px;
  padding-left: 30px;
}
div.ftRight a { color: #FFF;}
/****** End #footerHolder ******/