@charset "UTF-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#1d5695; background-image:url(img/back2.jpg); background-repeat:repeat-x}
img {border:none}
.main {width:788px}
.nav {background-image:url(img/navback.jpg); background-repeat:repeat-x; height:42px}
.navitems div {float:left}
.content {background-color:#FFF; padding:10px 35px 20px 35px}
h1 {color:#222}
.red {color:#900}
.impact {font-family: Impact, Haettenschweiler, Arial Black; font-weight:normal}
.t16 {font-size:16px}
.t18 {font-size:18px}
.t24 {font-size:24px}
.t32 {font-size:32px}
.copy {font-size:14px; line-height:20px}
.copy ul li {list-style-image:url(img/checkmark.gif); line-height:24px; font-size:16px; margin-bottom:15px}
.johnson {border:2px dashed #666; background-color:#FFC; padding:20px; line-height:20px}
h2 {font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#900; margin-top:30px}
.p p {margin-bottom:30px}
.blue {color:#1d5695}
.hi {background-color:#FF9}
.videos div {margin-bottom:50px}
.whitelink a {color:#FFF; font-size:14px}
a.myPlayer {
	display:block;
	text-align:center;
	margin:25px 0 25px 0;
}


/* when container is hovered we alter the border color */

.wide {width:512px; height:288px}
.square {width:576px; height:432px}s