@import url('init.css');
html {
	height:100%;
}
body{
	background: #0078c4 url(../images/body_bg.gif) top left repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	min-height: 100%;
	height:100%;
}

#header, #content, #footer, #resources{
	background: #fff;
	display: block;
	position: relative;
	float: none;
	overflow: hidden;
	height: auto; width: auto;
	margin:  0px auto; padding: 0px;
	clear: both;
	border: 1px solid #1f97e3;
}
#flashcontainer{
	height: 100%;
	min-height: 100%;
}

#header{
	width: 612px;
	height: 125px;
	border: none;
}

#content{
	width: 596px;
	font-size: .75em;
	border-width: 8px 8px 0px 8px;
}
#footer{
	width: 596px;
	border-width: 0px 8px 8px 8px;
	font-size: .71em;
}
h1, h2, h3, h4, p, ul{
	padding: 28px 28px 6px 28px;
	color: #1f97e3;
}
h1, h2{
	text-transform: uppercase;
	font-size: 2.1em;
	clear: both;
}
h2{
	font-size: 1.7em;
}
h3{
	color: #21a100;
	
}
h3, h4, p{
	padding-top: 6px;
}
p{
	color: #818285;
	clear: both;
}
#terms a, #terms{
	text-decoration: none;
	color: #a7a7a9;
}

#resourcepg{
	background: #8ac3fc url(../images/page_resources_body_bg.gif) top left repeat-x;
}
#resources{
	background: url(../images/page_resources_resources_bg.jpg) top left no-repeat;
	font-size: .8em;
	width: 435px;
	height: 368px;
	margin-top: 43px;
	border: none;
}
#resources h1, #resources p, #resources ul{
	padding-right: 45px;
}
#resources ul{
	padding-top: 10px;
}
a.xbtn{
	display: block; position: absolute; height: 25px; width: 25px;
	margin: 0px; padding: 0px;
	top: 4px;
	left: 410px;
}
ul{
	list-style: outside disc;
}
ul li {
	padding: 0px 0px 10px 0px;
	margin-left: 14px;
	color: #0072c0;
}
ul li a{
	color: #0072c0;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .02em;
}
ul li a:hover{
	text-decoration: underline;
}

.callout, .callout a, .callout span, .callout span strong{
	display: inline; position: relative; float: left;	overflow: hidden;	height: auto; width: auto;
	margin:  0px; padding: 0px; clear: none;
}
.callout{
	background:url(../images/callout_bg.gif) bottom left no-repeat;
	height: 82px;
	width: 598px;
	margin: 30px 0px;
}
.callout a{
	text-decoration: none;
}
.callout span{
	height: auto;
	padding: 5px;
	width: 120px;
	color: #818285;
	font-size: .85em;
}
.callout span strong{
	color: #21a100;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 2px;
	clear: both;
}
.callout span br{
	clear: both;
}
.callout #watchtv{
	margin: 20px 0px 0px 180px;
}
.callout #fullpicture{
	margin: 20px 0px 0px 100px;
}
.callout a:hover{
	border: none;
	cursor: pointer;
}
.callout a:hover span strong{
	text-decoration: underline;
}

img.icon{
	display: inline; position: relative; float: left;
	clear: none;
}
.iconcallout{
	display: inline; position: relative; float: left; overflow: hidden; height: auto; width: 470px;
	margin: 0px; padding:  0px 0px 40px 0px;clear: none;
}
.iconcallout h2{
	padding-top: 11px;
	padding-left: 0px;
}
.iconcallout p{
	padding-left: 0px;
}
div.clear{
	background:#069;
	display: inline; position: relative; float: left; height: 1px; width:598px; 
	margin: 0px; padding: 0px; clear: both; 
}


/* BTN class */
a.btn{
	display: inline;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	height: 32px;
	clear: both;
	width: auto;
}
a.btn img{
	height: 64px;
}
a.btn:hover{
	height: 32px;
	border: none;
}
a.btn:hover img{
	margin-top: -32px;
}

/* Squares */
.square{
	display: inline; position: relative; float: left; overflow: hidden; height: 260px; width: 259px;
	margin: 30px 0px 0px 27px;
	text-transform: uppercase;
}
.square h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	line-height: 1.0em;
	padding: 12px 0px 0px 10px;
	margin: 0px;
}
.square p, .square a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	padding: 10px 10px 0px 10px;
	font-size: 1em;
	padding-bottom: 10px;
}
.square p img{
	clear: none;
	float: left;
}
.square a:hover{
	text-decoration: underline;
}
.white{
	background: url(../images/content_square_white_bg.gif) bottom left no-repeat
}
.white h3{
	color: #a6a6a8;
	font-size: 1.5em;
}
.white h3 em{
	font-size: 1.2em;
	color: #1594d0;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
}
.white h3 em.small{
	font-size: 1.1em;
}
.white h3 span{
	font-size: .85em;
	line-height: .95em;
}
.white p, .white p span{
	display: inline; position: absolute; float: none; overflow: hidden; height: auto; width: auto; margin: 0px; padding: 0px 0px 0px 10px;
	width: 247px;
}
.white p.small{
	font-size: .95em;
	line-height: 1.2em;
}
.white p span{
	color: #a6a6a8;
	padding: 0px;
	width: 130px;;
	top: 20px;
	left: 130px;
}
.white p span.notop{
	top: 2px;
}
.white p span.longtop{
	top: 35px;
}
.white p em, .white a{
	color: #5ebb47;
	font-style: normal;
}
.white p em{
	font-size: 1.1em;
}
.white a{
	background: url(../images/efficacy_square_leftarrow.gif) right center no-repeat;
	display: block; position: absolute; float: none; overflow: hidden; height: auto; width: auto; margin: 0px;
	top: 237px;
	text-decoration: none;
	padding: 0px 17px 0px 0px;
	left: 155px;
}
.white a{
}

.blue{
	background: #1594d0 url(../images/content_square_blue_bg.gif) bottom left no-repeat;
}
.blue h3, .blue p, .blue a{
	color: #fff;
}
.blue h3{
	font-size: 2.2em;
	line-height: .85em;
	letter-spacing: -1px;
}
.blue p{
	text-transform: none;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	padding-top: 8px;
}
.blue p.small{
	font-size: 1em;
	line-height: 1em;
	
}
.blue p.green{
	display: inline; position: absolute; float: none; overflow: hidden; height: auto; width: auto;
	background: #60bb46;
	margin: 0px 4px 0px 3px;
	padding: 7px 9px;
	font-size: 1.3em;
	line-height: .9em;
	text-transform: uppercase;
	bottom: 0px;
	width: 234px;
}
.blue a{
	display: inline; position: relative; float: left;
	background: url(../images/efficacy_square_leftarrow_blue.gif) center right no-repeat;
	padding: 2px 16px 2px 0px;
	margin: 8px 0px 0px 0px;
	text-decoration: none;
	font-size: .8em;
}
/* for atlas tagging */
img.atlasTag {position:absolute; height:1px; width:1px; top:0px; left:-1000px; z-index:100;}