/* CSS Document */

#holder, #flashcontent, #flashfooter{
		overflow: hidden; display:inline-block; }

body {margin: 0px 0px 0px 0px; text-align:center; padding: 0px; background-image: url(../images/bg.jpg);background-repeat:repeat-x;}

#holder {width: 820px; margin: 0 auto;position:relative;}

#header {height: 90px; width: 820px;}
#title {position:absolute; top:56px; left:660px;}
#JHPappLogo {position:absolute; top:10px; left:5px;}

#flashContent {background-image: url(../images/background.jpg);background-repeat:no-repeat;height:520px;width:820px; padding-top:10px}

#recommendContent {background: url(../images/background2.jpg) no-repeat;height:520px;width:820px; padding-top:100px; font: 12px Arial, Helvetica, sans-serif; color:#000000}

/*#theForm {width:98%; margin:1%}*/
/*.theTable {text-align:center; margin: 0px 30% 3px 30% ; width:60%; border: 1px solid #000000;}*/

table {width:400px; border: 1px solid #000000; margin:0px auto 3px auto}
th,tr,td {text-align:left; padding:5px; margin:0px}

#recommendContent p {width:650px; position:relative; margin:5px auto 5px auto;}
#flashFooter {width: 820px; clear:both; text-align:center; font: 9px Arial, Helvetica, sans-serif; color:#000000; margin-top:0px;}
#recommendFooter {width: 820px; clear:both; text-align:center; font: 9px Arial, Helvetica, sans-serif; color:#000000; margin-top:-100px;}
#countdown{margin: -30px 0px 0px 300px; font: bold 14px Arial, Helvetica, sans-serif; color:#fff}

/*.content2 {text-align:centre; padding-top: 150px; width:600px;}

	
/* Hides from IE5-mac 
* html #content {height: 1%;}
End hide from IE5-mac */