/* ============================================================== */
/* ===================  Commonly changed styles  ================ */
/* ============================================================== */
body { color:#056483; }
.callout1 .head { background-color:#056483; color:#fff; }   /* Top bar of first left callout */
.callout1 .body { border: 1px solid #056483; color:#000; }  /* Body of first left callout */
.callout1 .youtube { border: 1px solid #056483; color:#000; }  /* Youtube content, first left callout style */
.callout2 .head { background-color:#CC001D; color:#fff; }   /* Top bar of second left callout */
.callout2 .body { border: 1px solid #CC001D; color:#000; }  /* Body of second left callout */
.callout3 .head { background-color:#056483; color:#fff; }   /* Top bar of third left callout */
.callout3 .body { border: 1px solid #056483; color:#000; }  /* Body of third left callout */
strong { color:#056483; }  /* Bolded areas of the site */
h1 { color:#056483; } /* Largest headlines */
h2 { color:#056483; } /* Sub-headlines */


/* ============================================================== */
/* =====================  Everything else ======================= */
/* ============================================================== */

body { margin:10 40 0 40; padding:10 0 0 0; background-color:#ffffff; font-family:verdana; font-size:11px; }
td { font-family:verdana; font-size:11px; vertical-align:top; }
h1 { font-size:21px; }
h2 { font-size:18px; margin-top:15px;}
ul { list-style:none; }
.body ul { list-style:circle; margin:0px; padding:0px; margin-left:15px; margin-top:8px;}

#main { float:left; width:550px; padding-left:10px; }
#leftcolumn { float:left; width: 160px; border-right:1px #666 solid;}
#leftcolumn .sideimage { padding:3px; padding-top:10px; padding-bottom:6px; }
/* #leftcolumn img { border:1px #666 solid; padding:3px; } */
.header { font-size:14px; font-weight:bold;  }
div#links {
	width:180px;float:left;
}
div#photo {
	width:480px;float:left;
}
div#links img {
	border:1px #506A72 solid; padding:2px; 
}
strong { font-weight:bold; }
.weak, tr.weak td { font-size:10px; }
#marketingcopy, #guaranteecopy, #disclaimercopy, #paymentcopy {	margin-bottom:8px; margin-top:5px; padding:5px;}
#disclaimercopy { border:1px #666 solid; padding:9px; clear:both;}

.required { font-weight:bold; font-size:12px; color:#f00;  }
input, select {font-size:12px;}
#form {margin-left:30px; }

#callouts { width:150px;}
.callout1 .head { margin-top:10px; padding:3px; text-align:center; font-weight:bold; }
.callout1 .body { padding:4px; }
.callout1 .youtube { padding:0px; margin-bottom:15px;}
.callout2 .head { margin-top:10px; padding:3px; text-align:center; font-weight:bold; }
.callout2 .body { padding:4px; }
.callout3 .head { margin-top:10px; padding:3px; text-align:center; font-weight:bold; }
.callout3 .body { padding:4px; }



/*	Sizing and positioning; html>body tags are ignored by IE, so first three are IE-only, remaining are overrides
	for Firefox/Netscape/Safari.
*/
	#wrapper { width:736px; padding:10px; border:1px dashed #555; 
		/* background: url('../images/bg.gif') top left no-repeat; */
	}
	#wrapperwrapper { width:740px; padding:2px; border:1px solid #555; }
	#headerimage { border:1px #777 solid; padding:5px; padding-bottom:10px; padding-right:20px; width:720px; 
		height:60px; color:#636936;	text-align:center; }
	html>body #wrapper { width:740px; padding:7px; }
	html>body #wrapperwrapper { width:755px; padding:3px; margin-bottom:40px; }
	html>body #headerimage { padding:5px; padding-right:20px; padding-bottom:10px; width:710px; height:60px; }
