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

body {
margin-top: 69px;
background-image: url(images/page_bg.gif);
background-repeat: repeat-x;
background-color: #7ebe65;
}

table.mainTable {
background: #FFF;
padding-top: 10px;
padding-bottom: 10px;
}

#topLeftPic {
width: 538px;
height: 361px;
float: left;
background-color: #0033FF;
}

#topRight {
float: right;
background-color: #f7cd5a;
background-image: url(images/gecko.gif);
background-repeat: no-repeat;
width: 486px;
height: 361px;
}

#navbar {
height: 22px;
float: left;
width: 486px;
background-color: #e14d3d;
text-align: left;
padding-left: 538px;
font-family: Myriad Pro;
font-size: 16px;
color: #FFF;
}

#navbar a {
text-decoration: none;
color: #FFF;
}

#navbar a:hover {
color: #f7ce5c;
text-decoration: underline;
}

#navbar, .active {
color: #f7ce5c;
}

#bottomLeft {
float: left;
width: 538px;
height: 229px;
background-color: #00CC00;
}

#bottomRight {
float: right;
width: 476px;
height: 211px;
background-color: #8f4797;
font-family: Myriad Pro;
font-size: 13px;
color: #FFF;
padding-left: 10px;
padding-top: 18px;
overflow: scroll;
}

#bottomRight a {
color: #f7ce5c;
}

#bottomRight a:hover {
color: #fff;
}

#squarePic {
width: 105px;
height: 106px;
margin-right: 10px;
float: left;
margin-top: 255px;
}

#squarePic1st {
width: 105px;
height: 222px;
margin-top: 139px;
margin-right: 10px;
float: left;
}