@charset "UTF-8";
/* CSS Document */

body {
background-color: #FAB616;
background-image: url(../images/topGradientBar.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

#wrapper {
width: 1345px;
height: 1664px;
margin: 0 auto;
}

#container {
width: 1000px;
height: 1453px;
margin: 0 auto;
background-color: #FFFFCC;
background-image: url(../images/topGradientBar.png);
background-repeat: repeat-x;
margin-top: -1714px;
padding-top: 5%;
}

#left {
height: 1664px;
background-image: url(../images/leftVerticalGradient.png);
background-repeat: no-repeat;
position: relative;
margin-top: 50px;
left: -35px;
}

#right {
height: 1661px;
background-image: url(../images/rightVerticalGradient.png);
background-repeat: no-repeat;
position: relative;
margin-top: 50px;
left: 1205px;
}

#header {
position: absolute;
width: 680px;
height: 163px;
}

#logo {
position: relative;
padding-left: 15px;
width: 300px;
/*display: none;*/
}

#flashHeader {
position: relative;
width: 680px;
height: 168px;
background-image: url(../images/kid_flashHeader.png);
background-repeat: no-repeat;
margin-top: -151px;
margin-left: 220px;
/*/position for flash movie/ margin-top: -16px;
margin-left: 0px;*/
}

#mainContent {
position: absolute;
margin-top: 133px;
width: 680px;  
}

#mainNav {
position: relative;
width: 997px;
height: 62px;
background-image: url(../images/mainNavBar.png);
background-repeat: no-repeat;
}

ul {
position: relative;
list-style-type: none;
padding-top: 20px;
margin-left: -33px;
}

ul li {
display: inline;
border-right: #FF9933;
border-right-style: solid;
border-right-width: thin;
padding-right: 3px; 
}

li a {
text-decoration: none;
color: #1C2326;
font-family: "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
}

li a:hover {
padding-bottom: 5px;
border-bottom: #FD8417;
border-bottom-style: solid;
border-bottom-width: medium;
}

li.home {
padding-bottom: 5px;
border-bottom: #FD8417;
border-bottom-style: solid;
border-bottom-width: medium;
}

#rightSidebar {
position: relative;
width: 320px;
height: 1453px;
background-image: url(../images/sidebarBackground.png);
background-repeat: no-repeat;
clear: both;
float: right;
margin-top: -17px;
margin-right: 2px;
}

#visitProjects {
position: relative;
width: 320px;
height: 163px;
background-image: url(../images/worldMap.png);
background-repeat: no-repeat;
margin-top: 55px;
margin-left: -10px;
}

p#goButton a {
position: absolute;
display: block;
width: 60px;
height: 60px;
background: transparent;
background-image: url(../images/goButton.png);
background-repeat: no-repeat;
clear: both;
float: right;
margin-top: 40px;
margin-left: 250px;
}

p#goButton a:hover {
background-image: url(../images/goButton_hover.png);
}

#donate {
position: relative;
width: 320px;
height: 80px;
clear: both;
float: right;
margin-top: -70px;
left: 370px;
}

p#donateButton a {
position: absolute;
display: block;
width: 220px;
height: 60px;
background: transparent;
background-image: url(../images/donate.png);
background-repeat: no-repeat;
}

p#donateButton a:hover {
background-image: url(../images/donate_hover.png);
}

#volunteer {
position: relative;
width: 320px;
height: 600px;
}

p#circleButton1 a {
position: absolute;
display: block;
width: 350px;
height: 250px;
background: transparent;
background-image: url(../images/sunflowerCircles.png);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: -50px;
margin-left: -28px;
}

p#circleButton2 a {
position: absolute;
display: block;
width: 210px;
height: 170px;
background: transparent;
background-image: url(../images/countryCircles.png);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: 115px;
margin-left: -25px;
}

p#circleButton3 a {
position: absolute;
display: block;
width: 210px;
height: 170px;
background: transparent;
background-image: url(../images/causeCircles.png);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: 115px;
margin-left: 123px;
}

p#circleButton4 a {
position: absolute;
display: block;
width: 210px;
height: 170px;
background: transparent;
background-image: url(../images/cityCircles.png);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: 235px;
margin-left: -25px;
}

p#circleButton5 a {
position: absolute;
display: block;
width: 210px;
height: 170px;
background: transparent;
background-image: url(../images/skillCircles.png);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: 235px;
margin-left: 123px;
}

#eventsBox {
position: relative;
width: 320px;
height: 800px;
}

p#box1 a {
position: absolute;
display: block;
width: 350px;
/* height: 300px;  old single box PPH*/
/*height: 385px;*/
height: 788px;
background: transparent;
/* background-image: url(../images/halloweenEventBox.png);    old single box PPH*/
/* background-image: url(../images/newpokerthumb.png);  old double box PPH */
/*background-image: url(../images/attica_resized.gif);*/
/*background-image: url(../images/finalBrazilEvite_50309.gif);*/
/*background-image: url(../images/monteCarlo.gif);*/
background-image: url(../images/monteCarlo101709.gif);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: -200px;
/*margin-top: -120px;*/
/*margin-left: 6px;*/
margin-left: 15px;
}

/*p#box2 a {
position: absolute;
display: block;
width: 350px;
height: 300px;
background: transparent;
background-image: url(../images/pokerEventBox.png);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: 55px;
margin-left: 18px;
}*/

/*p#box3 a {
position: absolute;
display: block;
width: 350px;
height: 385px;
background: transparent;
background-image: url(../images/CannesPokerEvite_50609.gif);
background-repeat: no-repeat;
clear: both;
float: left;
margin-top: 200px;
margin-left: 7px;
}*/

#footer {
width: 1000px;
height: 200px;
position: relative;
background-image: url(../images/footerBackground.png);
background-repeat: no-repeat;
margin-top: -35px;
margin-left: 171px;
text-align: center;
}

#footNav {
position: relative;
width: 997px;
height: 62px;
z-index: 100;
}

ul#foot {
position: relative;
list-style-type: none;
padding-top: 15px;
margin-left: -34px;
}

ul#foot li {
display: inline;
padding-right: 3px;
border: none;
}

li a.foot {
text-decoration: none;
color: #FFFFCC;
font-family: "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

ul#foot li.home {
padding-bottom: 5px;
border-bottom: #FD8417;
border-bottom-style: solid;
border-bottom-width: medium;
}

p#footText {
position: relative;
color: #FFFFCC;
font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: -5px;
margin-left: 0px;
}

#videoBox {
position: relative;
width: 680px;
height: 402px;
background-image: url(../images/videoBox.png);
background-repeat: no-repeat;
top: -17px;
left: -1px;
}

#flashVideo {
position: relative;
width: 600px;
height: 386px;
top: 7px;
left: 33px;
}

#news, #events {
position: relative;
width: 603px;
height: 60px;
background-image: url(../images/subHeadBar.png);
background-repeat: no-repeat;
margin-top: -32px;
margin-left: 0px;
padding-left: 75px;
font-family: "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

#news h1, #events h1 {
position: relative;
padding-top: 15px;
font-size: 20px;
}

#news span.light, #events span.light {
font-weight: 100;
color: #505050;
}

#events {
margin-top: 370px;
}

#top {
position: absolute;
height: 60px;
}

ul#topSection1 {
position: relative;
clear: both;
float: left;
margin-left: 638px;
margin-top: -79px;
}

ul#topSection1 li {
display: inline;
border: none;
}

ul#topSection1 li a img {
text-decoration: none;
width: 45px;
height: 28px;
border: none;
}

ul#topSection1 li a:hover {
border: none;
}

ul#topSection2 {
position: relative;
width: 200px;
clear: both;
float: left;
margin-left: 785px;
margin-top: -58px;
padding: 5px;
background-color: #FFFFCC;
text-align: center;
}

li.getStarted {
border: none
}

ul#topSection2 li a {
text-decoration: none;
color: #1C2326;
font-family: "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 200;
}

.item-list {
position: relative;
margin-top: 25px;
}

.item-list a {
color: #660000;
}

.item-list a:hover {
color: #FF6633;
}

span.bold {
font-weight: bold;
font-size: 14px;
}

#projectPhoto1  {
position: relative;
clear: both;
float: left;
width: 100px;
margin-top: 8px;
}

#projectDescription1 {
position: relative;
clear: both;
float: right;
width: 430px;
margin-top: -100px;
margin-right: 30px;
}

#project2 {
position: relative;
margin-top: 110px;
}

#projectPhoto2  {
position: absolute;
clear: both;
float: left;
width: 100px;
margin-top: 8px;
}

#projectDescription2 {
position: relative;
clear: both;
float: right;
width: 430px;
margin-top: -8px;
margin-right: 30px;
}

#project3 {
position: relative;
margin-top: 110px;
}

#projectPhoto3  {
position: absolute;
clear: both;
float: left;
width: 100px;
margin-top: 8px;
}

#projectDescription3 {
position: relative;
clear: both;
float: right;
width: 430px;
margin-top: -8px;
margin-right: 30px;
}

#project4 {
position: relative;
margin-top: 120px;
}

#projectPhoto4  {
position: absolute;
clear: both;
float: left;
width: 100px;
margin-top: 8px;
}

#projectDescription4 {
position: relative;
clear: both;
float: right;
width: 430px;
margin-top: -8px;
margin-right: 30px;
}

#project5 {
position: relative;
margin-top: 120px;
}

#projectPhoto5  {
position: absolute;
clear: both;
float: left;
width: 100px;
margin-top: 8px;
}

#projectDescription5 {
position: relative;
clear: both;
float: right;
width: 430px;
margin-top: -8px;
margin-right: 30px;
}

#more-info {
position: relative;
margin-top: 110px;
}

#more-info a {
color: #660000;
font-weight: bold;
text-decoration: none;
}

#more-info a:hover {
color: #FF6633;
}