body{background:#483D8B;width:360px;height:1100px;font-family: Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;line-height:normal;font-weight: normal;font-variant:normal;text-transform:none;z-index:1;text-align:justify;}
/*Portrait Tablet*/
@media (min-width: 481px) and (max-width: 768px) {div.body{width:740px;}}
/* Portrait and Landscape IPhone*/
@media only screen and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {}
/*Landscape smart phone*/
@media (min-width: 321px) and (max-width: 480px) {div.body{width:450px;}}
/*Portrait smart phone*/
@media (max-width: 320px) {div.body{width:275px;}}
@media only screen and (max-width: 768px) {div.body{width:100%;}}
    /* For mobile phones: */
div.body{width:100%;}}
/* Portrait and Landscape Laptops*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {div.body{width:100%;}}
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{div.body{width:100%;}} 

/*General*/
img.hgflogo{width:99px;height:24px;clear:both;}
a:link {color:#FFFFFF; text-decoration:none;}
a:active{color:#FFFFFF;text-decoration:none;}
#address,h2,textarea {font-family: Arial,Helvetica, sans-serif;margin:0 0 0 20px}
p{font-family: Arial,Helvetica, sans-serif;margin:0 0 30px 5px;text-align:justify;clear:both;width:300px;}
h1{font-family:BrushScript BT, Brush Flair, BibleScrT, BettysHand, AverysHand, serif;color:#2D73B9;font-size:3em;text-align:center;width:280px;}
h2{margin:10px 5px 30px 5px;color:#2D73B9;border:0;text-align:center;width:280px;}
/*animation*/
img.stills{width:220px;height:150px;padding:0 20px 20px 0;float:left;}
span.title {font-family:BrushScript BT, Brush Flair, BibleScrT, BettysHand, AverysHand, serif; color:#6600CC;font-size:2em; margin:0 0 0 20px;font-weight:bold;clear:both;}
/*Artists in Schools*/
h2.latest{border:0;color:#008080;margin:5px 0 0 5px;text-align:justify;}
h2.artists{border:0;color:#008080;margin:5px 0 0 5px;text-align:center;}
h2.reference{border:0;color:#0000CD;font-size:1em;margin:20px 10px 0 20px;text-align:center;}
h2.center{border:0;color:#0000CD;font-size:2em;margin:40px 0 0 0;clear:both;text-align:center;}
h2.left{border:0;color:#4B0082;font-size:1em;margin:20px 5px 10px 5px;}
p.next{border:0;font-size:0.8em;margin:0 0 30px 20px;background:#F0FFFF;}
span.artists{font-size:0.9em;font-weight:bold;}
span.italics{font-size:0.9em;font-style:italic;color:#008080;text-align:justify;}
h2.newproject{margin:20px 0 20px 0;font-weight:bold;color:#2D73B9;}
p.newproject{margin:20px 0 20px 20px;text-align:justify;width:220px;}
p.schools{margin:0 5px 20px 5px;font-weight:bold;color:#008080;}
iframe.schools, img.center{width:305px;height:170px;border:none;margin:0 auto;text-align:center;clear:both;}
img.schools{width:177px;height:128px;clear:both;padding:0 10px 0 0}
p.latest{margin:0 auto;text-align:center;clear:both;}
p.center{margin:20px 0 30px 0;text-align:center;clear:both;}
img.latestanimation{text-align:center;margin:0 auto;clear:both;}
img.lottery{width:100px;height:60px;text-align:center;margin:0 auto;display:block;z-index:6;}
/*Books page*/
img.danger{width:295px;height:242px;margin:20px 10px 0 0;border:0;}
img.cyril{width:177px;height:175px;border:0;margin:20px 20px 0 5px;border:none;}
img.guide{width:140px;height:175px;border:none;padding:10px 0 20px 5px;}
/*Contact*/
p.address {font-size:20px;color:#044476;margin:40px 0 30px 100px;}
h2.address{border:0;color:#008080;margin:0 0 10px 100px}
/*Credits*/
p.credits{margin:20px 0 0 0;text-align:center;}
/*sitemap*/
p.sitemap{font-size:1em;margin:0 0 20px 20px;color:#2D73B9;}
h2.site{margin:0 0 0 20px;border:0}
/*Navigation*/
a.navigationa{color:#663366;background-color:#99CCCC;border:2px outset #9966FF;text-decoration:none;display:inline;width:120px;height:50px;padding:20px 34px 20px 34px;clear:both;}
a.navigationb{color:#663366;background-color:#99CCCC;border:2px outset #9966FF;text-decoration:none;display:inline;width:120px;height:50px;padding:20px 22px 20px 21px;clear:both;}
a.navigationc{color:#663366;background-color:#99CCCC;border:2px outset #9966FF;text-decoration:none;display:inline;width:120px;height:50px;padding:20px 19px 20px 19px;clear:both;}
a.navigationd{color:#663366;background-color:#99CCCC;border:2px outset #9966FF;text-decoration:none;display:inline;width:120px;height:50px;padding:20px 37px 20px 37px;clear:both;}
p.navigation{font-size:0.7em;color:#E0FFFF;text-align:justify;width:330px;margin:0 0 45px 0;clear:both;}