html, body {
padding: 30px 0 0 0 ;
margin: 0 0 0 0;
}
body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #000;
background: #000;
}
#page-container {
position: relative;
width: 800px;
margin: auto;
height: 545px;
background-color: #000;
clear:both
}
#girls {
position: absolute;
margin: auto;
z-index: 2;
width: 409px;
height: 354px;
left: 241px;
top: 7px;
}
#buynow {
position: absolute;
margin: auto;
z-index: 3;
background: url(../Images/order.png) no-repeat left;
width: 226px;
height: 48px;
left: 42px;
top: 262px;
}
#time {
position: absolute;
margin: auto;
width: 150px;
height: 69px;
left: 630px;
top: 27px;
z-index:4
}
#mainnav {
margin: 0 0 5px 0;
padding: 0 0 0 30px;
width:760px;
background-color: #000;
height: 20px;
}
.nav a
{
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:auto;
color: #999;
text-decoration:none;
padding: 0px 10px 0px 10px;
border-right:1px solid #999;
}
.nav a:hover {
background-color: #000;
color:#900000
}
#mainpanel {
background: #900;
width: 800px;
height:520px
}
#mainpanelleft {
float:left;
width:605px;
height: 520px;
color: #000;
}
#header {
width: 605px;
height: 84px;
}
#pageid {
background-color: #FC0;
width: 605px;
height: 30px;
}
#sky {
margin: 10px 0 0 0;
height: 175px;
background:url(../Images/sky.jpg) no-repeat center;
}
#filler {
margin: 0px 0 0 0;
padding:0 0 0 0;
width: 605px;
height: 10px;
}
#sky h3{
color:#900;
font-weight:normal;
margin: 0;
font-size: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 36px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 40px;
}
#content {
width: 605px;
Height: 212px;
}
#adoption {
float:left;
width: 140px;
Height: 112px;
background: url(../Images/adoption.jpg) no-repeat top;
font: 15px "Arial Black", Gadget, sans-serif;
color: #FC0;
padding: 90px 0 0 10px;
border-right-color:#FFF;
border-right-style: groove;
border-right-width:thin
}
#adoption h2 {
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
padding: 0px 10px 0 0px;
line-height: 12px;
text-decoration:none
}
.adoption a
{
color: #FC0;
font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:160px;
text-decoration:none;
}
.adoption a:hover {
text-decoration:none; color: #000;
}
#vietnam {
float:right;
width: 141px;
Height: 112px;
background: url(../Images/vietnam.jpg) no-repeat top;
font: 15px "Arial Black", Gadget, sans-serif;
color: #FC0;
padding: 90px 0 0 10px;
}
#vietnam h2 {
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
padding: 0px 10px 0 0px;
line-height: 12px;
text-decoration:none
}
#gallery {
float:right;
width: 139px;
Height: 112px;
background: url(../Images/cooking.jpg) no-repeat top;
font: 15px "Arial Black", Gadget, sans-serif;
color: #FC0;
padding: 90px 0 0 10px;
border-right-color:#FFF;
border-right-style: ridge;
border-right-width:thin
}
#gallery h2 {
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
padding: 0px 10px 0 0px;
line-height: 12px;
text-decoration:none
}
#fundraising {
float:right;
width: 139px;
Height: 112px;
background: url(../Images/fundraising.jpg) no-repeat top;
font: 15px "Arial Black", Gadget, sans-serif;
color: #FC0;
padding: 90px 0 0 10px;
border-right-color:#FFF;
border-right-style: ridge;
border-right-width:thin
}
#fundraising h2 {
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
padding: 0px 10px 0 0;
line-height: 12px
}
#mainpanelright {
float:right;
width:195px;
height: 520px
}
#righttop {
width: 195px;
height: 74px
}
#newsbox {
width: 185px;
margin: 10px 0 0 10px;
height: 46px;
background-color: #FC0;
}
#newsbox h3{
font: 13px "Arial Black", Gadget, sans-serif;
color: #000;
font-weight:normal;
padding: 8px 0 0 10px;
margin: 0;
}
#newsbox h4{
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
font-weight:normal;
padding: 0px 0 0 10px;
margin: 0;
line-height:15px
}
#eventsicon {
position: absolute;
margin: auto;
z-index: 2;
background-color:#FFF;
background: url(../Images/eventsicon.gif) no-repeat top;
width: 32px;
height: 34px;
left: 761px;
top: 115px
}
#newsicon {
position: absolute;
margin: auto;
z-index: 2;
background-color:#FFF;
background: url(../Images/newsicon.gif) no-repeat top;
width: 32px;
height: 34px;
left: 761px;
top: 171px
}
#membersicon {
position: absolute;
margin: auto;
z-index: 2;
background-color:#FFF;
background: url(../Images/membersicon.gif) no-repeat top;
width: 32px;
height: 34px;
left: 761px;
top: 227px
}
#newslettericon {
position: absolute;
margin: auto;
z-index: 2;
background-color:#FFF;
background: url(../Images/newslettericon.gif) no-repeat top;
width: 32px;
height: 34px;
left: 761px;
top: 283px
}
h1 {
font: 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-weight:normal;
padding:20px 0 0 40px ;
margin: 0
}
h2 {
font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
font-weight:normal;
padding: 0 0 0 40px;
margin: 0;
line-height:28px
}
h4{
color: #000;
font-weight:normal;
padding: 0px 0 0 40px;
margin: 0;
line-height:13px;
font-size: 11px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p {
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
color: #CCC;
padding:0 0 0 40px;
margin:-5px 0 0 0
}
.menu a
{
color: #000;
font:13px "Arial Black", Gadget, sans-serif;
width:160px;
text-decoration:none;
}
.menu a:hover {
text-decoration:none; color:#FFF;
}
#usefullinks {
padding:0 0 0 0;
margin: 0 0 0 0px;
height: 200px;
width: 185px;
}
#usefullinks h2.scope{
padding:10px 0 5px 10px;
display:block;
width:155px;
height:20px;
margin:0 0 0px 0;
font:normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
}
#usefullinks ul{
padding:0 0 0 10px;
margin:0px 0 0 0;
float:left;
}
#usefullinks ul li{
padding:0 0 0 0px;
list-style-type:none;
}
#usefullinks ul li a{
display:block;
width:135px;
background: url(../Images/arrow1.gif) 0 5px no-repeat;
padding:0 0 0 15px;
font:bold 11px/19px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
height:19px;
}
#usefullinks ul li a:hover{
background: url(../Images/arrow1_hover.gif) 0 5px no-repeat #FF9;
color: #000;
}
#footer {
color: #CCC;
padding: 10px 0 0 10px;
font-size: 12px;
}
#footer h2 {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
padding: 0px 10px 0 0px;
line-height: 12px;
text-decoration:none