body, html {
    height: 100%
}
body {
    color:#214076;
    font: 0.8em Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background: #ddd url(Images/bg.jpg) repeat-y center;
}
form {
	height: 100%; 
}
.wrapper {
    margin:0 auto;
    width: 752px;
    height: 100%;
    padding-left: 1px;
    background-color:#fff;
}
.content {
    background: #fff;
    width: 564px;  
    padding:  0px  0px 0px 2px;
    vertical-align:top;
}
.context {
	padding:  0px 5px 5px 5px;
}
#hdrMain {
    width: 752px;
    height: 235px;
    background-color:#062643;
    cursor : pointer;
    
}
#hdrMain a {
    text-indent: -9999px;
    display: block;
    width: 752px;
    height: 235px;
}
.hdr-main0 { background: url(Images/YATC_header_1.jpg) no-repeat; }
.hdr-main1 { background: url(Images/YATC_header_2.jpg) no-repeat; }
.hdr-main2 { background: url(Images/YATC_header_3.jpg) no-repeat; }
.hdr-main3 { background: url(Images/YATC_header_4.jpg) no-repeat; }
.hdr-main4 { background: url(Images/YATC_header_5.jpg) no-repeat; }
.hdr-main5 { background: url(Images/YATC_header_6.jpg) no-repeat; }
.hdr-main6 { background: url(Images/YATC_header_7.jpg) no-repeat; }
.hdr-main7 { background: url(Images/YATC_header_1.jpg) no-repeat; }
.hdr-main8 { background: url(Images/YATC_header_2.jpg) no-repeat; }
h1 {
	color: #fff;
	background-color: #062745;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial;
	padding:  5px 10px 5px;
	
}
h2 {
	color: #062745;
	font-size: 1.2em;
	font-family: Arial;
}
.colalign1 {
	vertical-align:top; 
	width: 60%;
	height:100%;
}
.colalign2 {
	vertical-align:top; 
	width: 40%;
	height:100%;
}
#home .mission {
	 vertical-align: top;
	 width:100%;
}
#home .techtip {
	vertical-align:top;
	width:55%;
	float:left;
	padding-top:2px;
}
#other {
	vertical-align:top;
	width:44%;
	float:right;
	padding:2px  0px 0px 2px;
}

#other .context{
	 /*background: #024174 url(Images/Caption_box.jpg) repeat-x;*/
	 background-position: bottom;	 
	 color: #000;
	 text-align:center;
	 vertical-align:top;
}
#home .dvTipContent {	 
	 display:none;
}
#home a {
	 color:	#062745;
	 font-weight: bold;
}
#menu {
	padding: 5px 0px 0px 0px;
}

#menu img {
	border-style:  none; 
}
#menu a {
	text-decoration:none;
	padding:0 0 0 0;
}

a {
 color: #00508e;
}
a:hover {
 cursor: pointer;
}

.message {
	color: Red;
}
.label {
	font-weight: bold;
}

#subsection td {
	padding-bottom: 10px;
}
#news td
{
	 padding-bottom: 15px;
}
/* EVENTS */
#events td {
	  vertical-align:top;
}
#events .name, .date { font-weight:bold;}

/* TECHNICAL TIP */
#techtip-article {
	padding: 5px 5px 5px 5px;
	background-color:#fff;
	width:100%;
	height:100%;
}
#events .link { font-weight:bold; }

#techtip-article h1 {
	 display: none;
}
#techtip-article .dvTipIntro {
	display: none;
}
#techtip-article .dvTipContent {
	display:  inline;	
	
}
#techtip-article .tip-text {
	/*overflow: scroll;*/
	height: 470px;
}
#techtip-article .tip-button {	
	text-align: center;	
}
/* CONTACT US */
#contactus table {
	width: 100%;
}


/* FOOTER */
#footer {
	background-color:#797979;
	color: #fff;
	text-align:center;
	
	padding: 10px 0 10px 0;
	vertical-align: bottom;
}
#footer .links {	
}
#footer a {
	color: #fff
}
#footer .rights {
	font: 0.8em Arial, Verdana, sans-serif;
}
/* CONTACT US */
#contactus .info {
	width: 100%;
}
#contactus .submit {
	 text-align: right;
	 src:url(Images/reset_button.jpg)
}
#contactus .label{
	width: 200px;
}
/* SIDEBAR */
.side {
	background: #fff;
    width: 181px;   
    padding:   2px 0px 0px  0px;
    height: 100%;
    background-color: #062745;
    vertical-align: top;  
}    

#sidebar { 
    margin: 0;    
	padding:  5px 2px 2px 2px;
    margin: 0;    
    width: 181px;
    vertical-align: top;    
    text-align:center;
}

#sidebar-footer {   
	width: 181px;
	padding:   0px 0px  5px  0px;
	vertical-align: bottom;	
}

#sidebar img {
	border-style:  none; 
}
.pageTitle {
	width: 100%;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 5px;
}
.pageNote {
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
}

/* Gallery */
#gallery {
	text-align:center;
	padding-left: 4px;
}
.thumbnails {
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle;
}

.thumbnail {
	float: left;
	width: 200px;
	height: 143px;
	padding: 4px 4px 4px 4px;
}

/* Videos */
.videoGallery {
	 padding-left: 20px;
}
.videoGallery .videoFrame{
	float:left;	
	width:512px;
	height:475px;
}

/* =========================== Enrollment Form Styles ===================== */
#enroll .title
{
	text-align: center;
	font-family: Arial;
	font-size: large;
	font-weight: bold;
}
#enroll .date
{
	text-align: center;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
}
#enroll .smallprint
{
	font-family: Arial;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
}
#enroll .smallcaps
{
	font-variant: small-caps;
	font-family: Arial;
	font-size: small;
	text-align: center;
}

#enroll .chkbox
{
	font-size: 11px;
	/*line-height: 13px;*/
}

#enroll	.total
{
	font-size: 12px;
	font-weight: bold;
}
#enroll .leading
{
	line-height: 10px;
}

#enroll .error
{
	color: Maroon;
	font-weight: bold;
	font-family: Arial;
	font-size: small;
}
/* =========================== Giving Opps Styles ========================= */
.givingOpps .thanks {
	width: 98%;
	background: #eee;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #ccc;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
}
.givingOpps .thanks .note {
	font-size: 12px;
	font-weight: normal;
	width: 400px;
	margin-top: 5px;
	padding: 5px;
}
.givingOpps .img {
	width: 100%;
	text-align:center;
}
.givingOpps .nav {
	margin: 5px 0px;
	width: 100%;
}
.givingOpps .nav td {
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
	padding: 5px;
}
.givingOpps #titleFeatured {
	width: 550px;
	border-bottom: 1px solid #000;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
.givingOpps .products .product {
	float: left;
	padding: 5px;
	text-align: center;
}
.givingOpps .products .product .name {
	width: 100px;
}
.givingOpps #catalogNote {
	width: 550px;
	text-align:center;
	border-top: 1px solid #000;
}
.givingOpps #donationNote {
	padding: 30px;
    text-align: center;
}
.givingOpps #donationNote #address {
}


/* =========================== Gallant Lady Form Styles ========================= */
.glForm {
	width: 100%;
	border-collapse: collapse;
}
.glForm td {
	padding: 2px 0px;
	vertical-align: top;
}
.glForm .formHdr {
	text-align: center;
	background: #fff;
	color: #000;
	font-size: 18px;
}
.glForm th {
	background: #06C;
	color: #fff;
	padding: 2px 2px;
	border-bottom: 1px solid #fff;
}
.glForm th.note {
	background: #fff;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	text-align: left; 
}
.glForm th.item { text-align:left; }
.glForm th.category { text-align: left; }
.glForm .item { width: 200px; }
.glForm .sizes { width: 150px; }
.glForm .price { width: 80px; }
.glForm td.price { text-indent: 10px; }
.glForm .label {
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
}
.glForm input {
	border: 1px solid #666;
}
.glForm .sizes {
	text-align: left;
}
.glForm .size {
	width: 20px;
	text-align: center;
}
.glForm .sizes span {
	padding: 0px 1px;
}
.glForm .size input {
	font-size: 12px;
	width: 20px;
	height: 14px;
}
.glForm .size .inactiveInput {
	width: 22px;
	height: 16px;
	margin-top:1px;
	background: #CCC;
	border: 1px solid #666;
}
.glForm .total {
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}
#ctl00_mainContent_price {
	font-weight: bold;
}
.glForm .phone {
	display:inline;
}
.glForm .phone div {
	float: left;
	width: 50px;
	padding-top: 3px;
}
.commandRow td {
	padding-top: 10px;
}
.custInfo {
	padding-top: 20px;
}
.paymentNote {
	background: #ff9;
	border: 1px solid #990;
	padding: 5px;
}
.footNote {
	border-top: 1px solid #000;
	font-size: 12px;
	margin-top: 20px;
}

/* =========================== Gallant Lady Detail Styles ========================= */
.glDetails {
	background: #FFF;
	height: 520px;
	width: 370px;
}
.glDetails .name {
	font-weight: bold;
	width: 100%;
	padding: 5px;
}
.glDetails .image {
	text-align: center;
	width: 100%;
}
.glDetails .desc {
	padding: 5px;
}

/* =========================== Gallant Lady Catalog Styles ========================= */
.glCatalog {
	width: 550px;
}
.glCatalog td {
	text-align: center;
	padding: 5px 0px;
}
.glCatalog .category {
	/*background: #06C; */	
	background: #062745;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Times New Roman;
	color: #FFF;
	
}
#catalogFooter {
	margin-top: 10px;
	padding:5px;
}
	
/* =========================== Gallany Lady Confirmation Styles ========================= */
.wrapConfirm {
	text-align: center;
	width: 100%;
}
.glConfirm {
	width: 540px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
.glConfirm .header {
	font-size: large;
	font-weight:bold;
	text-align:center;
	padding-bottom: 10px;
}
.glConfirm .sizes,
.glConfirm .qty,
.glConfirm .price,
.glConfirm .subTotal {
	text-align: center;
}
.glConfirm .totalLabel {
	font-weight: bold;
	padding-top: 2px;
	border-top: 1px solid black;
}
.glConfirm .total {
	padding-top: 2px;
	border-top: 1px solid black;
	font-weight: bold;
	text-align: center;
}
.glConfirm .label {
	font-weight: bold;
	width: 150px;
}
.glConfirm .value {
}
.confirmButtons {
	margin-top: 20px;
}