@charset "utf-8";

/************************
***   layout styles   ***
************************/
body#bodyHome {background: url(../_graphics/smile.jpg) center 120px no-repeat;}
body {background: url(../_graphics/smile2.jpg) center 120px no-repeat;}
#header {text-align: center; width: 100%;}
#container {width: 80%; margin: 0px auto;}
#footer {float: left; clear: both; width: 100%; margin: 140px 0px 0px 0px;}


/**********************
***   text styles   ***
**********************/
#bodyHome h1 {display:block; width:697px; height:83px; background: url(../_graphics/title.jpg) top center; margin: 0px auto;}
h1 {display:block; width:697px; height:83px; background: url(../_graphics/title2.jpg) top center; margin: 0px auto;}
p {font-size: 20px;}
a#proPartner {display: block; height: 80px; width: 114px; background: url(../_graphics/pp.jpg) top center;float: left;}
a#presMessage {display: block; height: 88px; width: 256px; background: url(../_graphics/presidential.jpg) top center;float: right;}
.hidden {font-size: 1px; position: absolute; left: -500px;}



/**********************
***   menu styles   ***
**********************/
#colLeft ul, #colRight ul{list-style-type: none; margin: 0px; padding: 0px}
#colLeft ul li, #colRight ul li {display:block; height: 57px; width: 133px; margin: 20px 0px;}
#colLeft ul li a, #colRight ul li a{display:block; height: 100%; width: 100%;}

/* each button's graphics */
#menuRules {background: url(../_graphics/butRules.gif) top center;}
#menuCards {background: url(../_graphics/butCards.gif) top center;}
#menuPoster {background: url(../_graphics/butPosters.gif) top center;}
#menuContact {background: url(../_graphics/butContact.gif) top center;}
#menuVolunteer {background: url(../_graphics/butVolunteer.gif) top center;}
#menuAbout {background: url(../_graphics/butAbout.gif) top center;}
#menuSoon {background: url(../_graphics/butSoon.gif) top center;}
#menuSupport {background: url(../_graphics/butSupport.gif) top center;}