html,
body {
	height:100%;
	padding:0;
	margin:0;
}

body {
	margin:0;
	padding:0;
	bgcolor:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #6596B4;
	background-image: url(graphics/bkgrnd.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#nonFooter{
	position: relative;
	min-height: 100%;
	width:705px;
	margin:0 auto;
	padding:0 60px;
	background:#fff url(graphics/nonFooterBkgrnd.jpg) repeat-y center top;
	top:0;
}

div.textVersionContent {
	position: relative;
	min-height: 100%;
	width:705px;
	margin:0 auto;
	padding:30px 60px;
	background:#fff url(graphics/nonFooterBkgrnd.jpg) repeat-y center top;
	top:0;
	border-top:3px solid #ED5E24;
	border-bottom:3px solid #ED5E24;
}

#title h1{
	height:160px;
	width:825px;
	margin:0 0 0 -60px;
	background:url(graphics/header.jpg) no-repeat left top;
	font-size:2em;
	text-indent:80px;
}



#topNavLinks a {padding:3px;}

#topNavLinks span { color:#fff}

#topNavLinks {width:818px; margin:0 auto; background:#344B69; color:#344B69; }
p.footer {width:818px; margin:0 auto; background:#344B69; color:#fff; text-align:center }





#popup h1{
	height:;
	width:825px;
	margin:0 0 0 -60px;
	padding-top:180px;
	padding-bottom:10px;
	background:url(graphics/header.jpg) no-repeat left top;
	font-size:2em;
	text-indent:60px;
}



a {
	color: #1F4799;
	background:#fff;
	text-decoration:none;
}


#footer {
	position: relative;
	clear:both;
	width:705px;
	margin:-65px auto 0 auto;
	padding:0 60px;
	height:56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #555;
	background:url(graphics/footer.jpg) no-repeat left top;
}

.push {
	height:15px;
	clear: both;
}

#popup .push {
	height:55px;
	clear: both;
}
table.layout {
	/* Contains the default text style for tabular data. 
	IMPORTANT: Its recommended that text within tabular tables 
	appear within p tags and styled with 'td p' */
	color:#000;
	font-size:100%;
	padding:0;
	margin:0;
	vertical-align:top;
	border-collapse:collapse;
	
}
table.layout td {
	border:1px #5A5A5A solid;
	padding:0.1em 0 0.1em 0.4em;
}



/* ----------- MP4 videos on ipad --------------------- */



#vidparts { width:300px;

}

#vidparts ul {  padding:0;}


#vidparts li { display:inline; 
                margin: 5px 8px 5px 0;
				}
#vidparts li a { 
text-decoration:underline; }

#viddesc { min-height:200px;}

#but {  width:35px;
text-decoration:underline;
float:left;}


#vidcontent { display:none;}



@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)  
{
	#vidcontent{ display:block;}
	#flashcontent{ display:none;}
}

	
@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)
{
	 #vidcontent{ display:block;}
	 #flashcontent{ display:none;}
	}