/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.honorchoirusa.com/
   TEMPLATE NAME:  Honor Choir USA
   DATE:           Aug-4th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #ffda69 url('images/bg.gif') repeat-x;
}
#noqbid td{
	padding-right:20px;	
}
#noqbid td a{
	color:black;
	text-decoration:underline;
}
#noqbid thead td{	
	text-align:center;
	font-weight:bold;
}
#customerdetails td{
	text-align:left;
}

.line { border: none; border-bottom: 3px solid #cccccc; height: 0px; margin: 0 auto }
.clear { clear: both; }

/* ----------CART--------------------- */
font, table, tr, td { border: none; background-color: transparent;}
td { line-height: 20px; font: 10pt 'Trebuchet MS', Arial, Sans-serif;}
table b { color: #000; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; } 

/* ----------Centered Container Or the Layout--------------------- */
#container { 
height: auto !important; 
margin: 0 auto; /* make sure this matches in the body footer DIV */
width: 960px;
padding-top: 120px;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
label { font: bold 10pt 'Trebuchet MS', Arial, Sans-serif; color: #777;}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}

#application .formheader{
background-color: black;
color: #fff;
font: bold 12pt 'Trebuchet MS', Arial, Sans-serif;
text-transform:uppercase;
padding: 5px;

}

#application .formsubheader{
background-color: #e0e0e0;
color: #000;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
padding: 5px;

}

#application .formlabel{
padding: 10px 0px 0px 0px;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
}

/* -------------HEADER------------- */
#header { height: 142px; }
#header img { border: 0px;}
#header .links { width: 700px; float: right; text-align: right}
#header .links ul { margin-top: 12px; padding: 0px;}
#header .links ul li { display: inline; list-style-type: none;}
#header .links ul li a { color: #fcdd95; font: 12px Arial, 'Trebuchet MS', Sans-Serif; padding: 0px 10px 0px 10px; text-transform: uppercase; border-right: 1px solid #fcdd95;}
#header .links ul li a.last { color: #fcdd95; font: 12px Arial, 'Trebuchet MS', Sans-Serif; padding: 0px 0px 0px 10px; text-transform: uppercase; border-right: 0px;}
#header .links ul li a:hover { text-decoration: underline}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 170px; height: 120px; float:left}
.logolink, #swap { background: url('/images/logo.gif') no-repeat;}
.logolink a { float: left;  }
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */
#topnav { background: #4f4e57 url('images/navbg.gif') repeat-x; height: 43px;}
#topnav .right { background: url('/images/navright.gif') no-repeat; height: 43px; width: 11px; position: absolute; margin-left: 950px;}
#topnav ul { background: url('/images/navleft.gif') no-repeat top left; height: 43px; margin: 0px; padding: 10px 0px 0px 10px;}
#topnav ul li { margin: 0px; padding: 0px 14px 0px 14px; list-style-type: none; display: inline; font: bold 13px Arial, 'Trebuchet MS', Sans-Serif;}
#topnav ul li a { color: white; text-decoration: none; padding: 5px}
#topnav ul li a:hover { text-decoration: underline}

/* --------------MISSION------------- */
#mission { background: url('/images/missionbg.png') no-repeat; height: 348px; padding-top: 22px;}
#mission .holder {width: 940px; margin: 0 auto; height: 287px; background: url('/images/mission_wood.jpg') no-repeat; }
#mission .enroll { float: left; width: 500px; margin: 0px 0px 0px 20px;}
#mission .enroll h1 { width: 401px; height: 92px; background: url(/images/mission_head.png) no-repeat top left;}
#mission .enroll p {color: white; font: bold 12px Arial, 'Trebuchet MS', Sans-Serif; line-height: 20px; padding: 0px 0px 0px 30px; margin-top: -14px}
#mission .enroll em { display: none}
#mission .button { margin-top: 30px; border: 0px;}
#mission .vid { float: right; padding: 10px; background: url('/images/mission_vidbg.gif') repeat-x; width: 313px; margin: 15px 15px 0px 0px}

/* --------------HOMECONTENT------------- */
#homecontent { background: url('/images/homecontentbg.png') no-repeat; height: 341px; margin-top: -48px; position: relative}
#homecontent .test { float:left; width: 180px; margin: 30px 0px 0px 40px; padding: 0px;}
#homecontent .test h1 {color: #504f59; font: bold 28px Arial, 'Trebuchet MS', Sans-Serif; margin-bottom: 15px; }
#homecontent .test p { color: #504f59; font: 14px Arial, 'Trebuchet MS', Sans-Serif; line-height: 22px;}
#homecontent .test img { float: right; margin-top: 7px; border: 0px}

/* --------------HOME THREEBLOCKS------------- */
a { text-decoration: none; cursor: pointer}
#threeblocks { padding: 20px 10px 0px 14px; height: 100%; height: auto; min-height: 100%; width: 720px; position: absolute; margin-left: 225px;}
#threeblocks ul { margin: 0px; padding: 0px}

#threeblocks .one, .two {
float: left;
width: 217px;
height: 244px;
margin: 10px 12px 20px 10px;
padding: 0px;
clear:right;
background: url(/images/blockone.jpg) no-repeat;
}

.two { background: url(/images/blocktwo.jpg) no-repeat;}

#threeblocks .three { 
float: left;
width: 217px;
margin: 10px 0px 20px 10px;
padding: 0px;
clear:right;
background: url(/images/blockthree.jpg) no-repeat;
height: 244px;
}

#threeblocks h1 { color: #f2d696; font: bold 16px Arial, 'Trebuchet MS', Sans-Serif;  padding: 150px 10px 0px 10px }
#threeblocks p { color: white; font: 12px Arial, 'Trebuchet MS', Sans-Serif; padding: 0px 10px 0px 10px}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main { min-height: 100%; height: auto; height: 100%; background: #FFF;}

#main .content {
padding: 15px;
margin-top: 15px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

#main h1 { color: #504f59; font: bold 28px Arial, 'Trebuchet MS', Sans-Serif; margin-bottom: 15px; }
#main h2, table strong { color: #504f59; font: bold 16px Arial, 'Trebuchet MS', Sans-Serif; margin-bottom: 8px; }
#main p {color: #504f59; font: 14px Arial, 'Trebuchet MS', Sans-Serif; line-height: 22px; padding-bottom: 22px}
#main a { font-weight: bold; color: #ae5016; text-decoration: underline}

#main ul { margin: 0px 0px 20px 30px; padding: 0px;}
#main ul li { margin: 0px; padding: 0px; font: 14px Arial, 'Trebuchet MS', Sans-Serif; padding-bottom: 8px}

#main .navleft { float:left; width: 200px; margin: 0px; padding: 0px; background-color: #65e03f;}
  
/* --------------TOURS------------- */
#tours { margin: 0 auto} 

/* --------------DIRECTORS------------- */
#directors {
color: #504f59; 
font: 14px Arial, 'Trebuchet MS', Sans-Serif; 
line-height: 22px; 
margin-bottom: 20px;
margin-top: 20px;
}

#directors .imagefloat { float: left; width: 100px;}
#directors img { margin: 8px 8px 20px 8px; border: 4px solid #504f59}
* html #directors p{ /* IE 3px jog hack*/ height: 1%;}
#directors p { padding: 0px 10px 15px 28px; margin-top: 0; margin-left: 105px;}
#directors h3 { margin-left: 105px; padding: 0px 10px 0px 28px; }


/* --------------FOOTER------------- */
#footer, .push { 
clear: both;
width: 960px;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer { height: 100px; height: auto; padding-bottom: 60px}
#footer .content { width: 960px; margin: 0 auto; position: relative; padding-top: 15px;}

#footer .left { float: left; width: 500px;}
#footer .right { float: right; width: 400px; text-align: right; padding-bottom: 40px;}
#footer img {
	border: 0px;
}

/* --------ASC LINKS--------- */
#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #4f4e57;
text-decoration: none;
padding: 0px 0px 0px 0px;
font: 10px Arial, 'Trebuchet MS', Sans-Serif;
line-height: 18px;
}

/* --------------FOOTER SEO LINKS------------- */
#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8px 'century gothic', Sans-Serif;
}
 
#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8px 'century gothic', Sans-Serif;
}






/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }