@charset "UTF-8";

#hd th,
#hd th,
#ft td,
#ft td {
	padding:0; 
}
th, td{ border: none; }
.form input{
	margin-right: 0;
}



/*========================================
		GENERAL
========================================*/
html, body {height: 100%;}
body{
	background: black url(/images/x_tile.jpg) top left repeat-x;
	padding: 0px 0px 0px 0px;
}
#hd table,
#ft table{
border-left: 1px solid #333;
border-right: 1px solid #333;
margin-bottom:0;
}

/*========================================
		DOCUMENT
========================================*/
#doc{
	background: black url(/images/y_tile.jpg) top center repeat-y;
	height: 100%;
}

/*========================================
		HEADER
========================================*/
#hd{
	color: white;
	height: 78px;
	overflow: hidden;
	padding-top: 40px;
}
#hd table{
background: black url(/images/top-bg.jpg) top left repeat-x;
}
#logo-div{
position: relative;
}
#flash-logo{
	position: absolute;
	top: -1px;
	left: 0px;
  visibility: hidden;
	background: none;
}

#logo{
	background: transparent url(/images/top-logo-bg.jpg) top left repeat-x;
	height: 78px;
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

#qtc-banner{
	background: transparent url(/images/top-qtc.jpg) top right no-repeat;
	width: 368px;
	height: 78px;
	text-align: center;
	padding-top: 5px;
	color: #CCCCCC;
}
#logo img{
	padding-left: 5px;
	
}



/*========================================
		BODY
========================================*/
#bd{
	font-size: 93%;
	color: black;
	background-image: url(/images/bg-about.jpg);
}
#page-content{
	height: 258px;
	overflow: auto;
	position: relative;
	padding: 0px 5px;
}
#page-content h2{
	background-color: #F7B51C;
	color: white;
	padding: 5px;
}

#page-content p{
	padding: 3px;
	margin: 0;
}

#page-content img{
	border: none;
	text-decoration: none;
}

#page-content a{
	color: #333;
}
#page-content a:hover{
color: #000;
}

#page-content #download-mem-app{
	float: right;
	padding: 0px 5px 0px 0px;
}
#page-content #download-mem-app a{
  text-decoration: underline;
	color: white;
}
#page-content #download-mem-app a:hover{
	color: blue;
}


#page-content p{
	padding-bottom: 1em;
}

/*#bd div.about{
	background-image: url(/images/bg-about.jpg);
	background-attachment: fixed;
}
#bd div.membership{
	background-image: url(/images/bg-membership.jpg);
	background-attachment: fixed;
}
#bd div.certification{
	background-image: url(/images/bg-certification.jpg);
	background-attachment: fixed;
}
#bd div.board{
	background-image: url(/images/bg-board.jpg);
	background-attachment: fixed;
}
#bd div.links{
	background-image: url(/images/bg-links.jpg);
	background-attachment: fixed;
}
#bd div.jobs{
	background-image: url(/images/bg-jobs.jpg);
	background-attachment: fixed;
}
#bd div.system-error-message{
	background-image: url(/images/bg-about.jpg);
	background-attachment: fixed;
}
#bd div.system-message{
  background-image: url(/images/bg-about.jpg);
  background-attachment: fixed;
}
#bd div.announcement-details{
  background-image: url(/images/bg-about.jpg);
  background-attachment: fixed;
}*/

/*========================================
		BODY NAVIGATION MENU
========================================*/
/*#bd div#cat_261727_divs,
#bd div#cat_264237_divs{
	position: absolute;
	top: 0px;
	left: 0px;
	background: none;
	padding: 0px 0px 0px 0px;
	width: auto;
}*/

#cat_261727_divs ul,
#cat_264237_divs ul{
	margin: 0;
	padding: 0;
}
#cat_261727_divs ul li,
#cat_264237_divs ul li{
	list-style: none;
	margin-top: 5px;
	padding:0;
	background: transparent url(/images/menu-arrow.gif) left center no-repeat;
	width: 120px;
	height: 24px;
}
#cat_261727_divs ul li a,
#cat_264237_divs ul li a{
	padding: 4px 10px 0px 17px;
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
#cat_261727_divs ul li a:hover,
#cat_261727_divs ul li.selected a,
#cat_264237_divs ul li a:hover,
#cat_264237_divs ul li.selected a{
	background: transparent url(/images/menu-icon-selected.jpg) left center no-repeat;
	color: #000;
}


/*========================================
		FOOTER
========================================*/
#ft{
	color: white;
}
#bottom-bar{
	background: url(/images/bottom-bar.jpg) top left repeat-x;
	height: 25px;
}
#bottom-bar span{
	padding: 10px 0px 0px 5px;
	position: relative;
	top: 3px;
}
#bottom-content{
	height: 185px;
}
.news{
	padding-left: 45px;
}

/*========================================
		FOOTER LOG IN & SIGNUP
========================================*/
.members{
padding-left: 16px;
color: #ccc;
}
#members-div{
	position: relative;
}
#ft .form{ padding-top: 10px; width: 130px; padding-left: 16px; }
#ft .form .item{ padding-top: 3px; }
#ft .form label{
	font-size: 77%;
}
#ft .form input.textbox{
	width: 123px;
	background: url(/images/textbox-bg.jpg) top left repeat-x;
	height: 21px;
	border: none;
	font-size: 85%;
	padding: 3px 0px 0px 1px;
}
#ft .form input.button{
	text-align: right;
	margin: 5px 5px 0px 0px;
	cursor: pointer;
}
#ft .signup a{
	color: #5F7FAE;
	font-size: 108%;
	position: absolute;
	top: 43px;
	left: 175px;
}
#ft .application a{
	color: #5F7FAE;
	font-size: 85%;
	position: absolute;
	top: 110px;
	left: 160px;
}


/*========================================
		FOOTER CONTACT INFO
========================================*/
.contact{
padding-left: 15px;
padding-top: 10px;
font-size: 85%;
color: #ccc;
}
.contact p.address{
padding-top: 10px;
}
.contact p{
padding-left: 15px;
}
.contact p.email{
	color: #5F7FAE;
	padding-top: 10px;
}
.contact p.email a{
	color: #ccc;
	text-decoration: none;
}
.contact p.email a:hover{
	text-decoration: underline;
}
.contact p.phone{
	color: #ccc;
}
.contact p.phone strong{
	color: #5F7FAE;
}


#ft .header{
	height: 177px;
	overflow: auto;
	padding-left:45px;
	position: relative;
	top: 2px;
}
#sound{
	position: relative;
	left: 155px;
}

/*========================================
		FOOTER ANNOUCEMENT LIST
========================================*/
.announcement-list h2{
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.announcement-list h2 a{
	color: #ccc;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.announcement-list span{
	font-size: 77%;
	color: #5F7FAE;
}
.announcement-list p{
	/*display:none;*/
	color: #666;
	font-size: 93%;
}



