/*
Website Name: 	Yuwu Paradise
Design By: 	Tan Li Ping, Brenda
Maintained By:	Eng Ying Tian

(c) Yuwu Paradise. All Rights Reserved
*/


/* BASIC SITE SETTINGS */

body {
background: url(background.gif) no-repeat fixed;
margin: 0px;
padding: 0px;
}

p, div , form , html ,  nobr {
font-family : georgia, serif; 
font-size : 9.0pt;
color : #DDDDDD; 
}

p {
margin : 10px 0 10px 0;
}

br {
font-family : georgia, serif; 
font-size : 9.0pt;
color : #DDDDDD; 
line-height: 1px
} 

input, textarea, select {
background : #FFCCFF;
font-family : georgia, serif; 
font-size : 9.0pt;
color : #000000; 
border : 1px solid #000000;
padding : 1px;
margin : 2px 2px 2px 2px
}

img {
border : 0px
}

a:link {
color : #FF99FF; 
text-decoration : none; 
} 

a:visited {
color : #FF99FF; 
text-decoration : none; 
} 

a:hover {
color : #FFFFFF; 
text-decoration : none; 
} 

h1, h2, h3 {
margin : 3px 0;
}

h1 {
text-align : left;
font-family : georgia, serif;
font-size : 12pt; 
font-weight : bold;
color : black;
visibility: hidden
}

h2 {
text-align : center;
font-family : arial black, serif;
font-size : 12pt; 
font-weight : bold;
font-style : italic;
color : #FFFFFF;
}

h3 {
background : #CC66CC;
text-align : right;
font-family : georgia, serif;
font-size : 12pt; 
font-weight : bold;
color : #FFFFFF
}

blockquote {
font-family : georgia, serif; 
font-size : 9.0pt; 
color : #FFFFFF; 
text-align : justify;
padding-left : 10px;
padding-right : 10px;
border-left : 5px solid #6699CC;
border-right : 5px solid #6699CC;
}


/* IMAGE POSITIONING */
/* Must update whenever switching designs */

#header1 {
background-image: url(header-01.jpg);
width : 240px;
height : 370px;
position : absolute;
top : 0px; 
left: 0px;
}

#header2 {
background-image: url(header-02.jpg);
width : 320px;
height : 370px;
position : absolute;
top : 0px; 
left: 240px;
}

#header3 {
background-image: url(header-03.jpg);
width : 210px;
height : 370px;
position : absolute;
top : 0px; 
left: 560px;
}

/* NAVIGATION SETTING */
#navigation {
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
   list-style-type: none;
}

#navigation li {
   margin-bottom: 2px;
}

#navigation a {
   background: #FFCCFF;
   color: #000000;
   display: block;
   width: 173px;
   font-family : georgia, serif; 
   border-left: 5px solid #663366;
   padding-left: 10px;
}

#navigation a:hover {
   background: #FF99FF;
   color: #000000;
   text-decoration: none;
   border-left: 5px solid #663366;
}

#navigation1 {
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
   list-style-type: none;
}

#navigation1 li {
   margin-bottom: 2px;
}

#navigation1 a {
   background: #FFCCFF;
   color: #000000;
   display: block;
   width: 173px;
   font-family : georgia, serif; 
   border-left: 5px solid #663366;
   padding-left: 10px;
}

#navigation1 a:hover {
   background: #FF99FF;
   color: #000000;
   text-decoration: none;
   border-left: 5px solid #663366;
}

#navigation2 {
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
   list-style-type: none;
}

#navigation2 li {
   margin-bottom: 2px;
}

#navigation2 a {
   background: #FFCCFF;
   color: #000000;
   display: block;
   width: 173px;
   font-family : georgia, serif; 
   border-left: 5px solid #663366;
   padding-left: 10px;
}

#navigation2 a:hover {
   background: #FF99FF;
   color: #000000;
   text-decoration: none;
   border-left: 5px solid #663366;
}

#navigation3 {
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
   list-style-type: none;
}

#navigation3 li {
   margin-bottom: 2px;
}

#navigation3 a {
   background: #FFCCFF;
   color: #000000;
   display: block;
   width: 173px;
   font-family : georgia, serif; 
   border-left: 5px solid #663366;
   padding-left: 10px;
}

#navigation3 a:hover {
   background: #FF99FF;
   color: #000000;
   text-decoration: none;
   border-left: 5px solid #663366;
}


/* CONTENT POSITIONING */

.maincontent {
width : 520px;
position : absolute;
top : 236px; 
left : 225px;
font-family : georgia, serif; 
font-size : 9.0pt; 
text-align : justify;
color : #DDDDDD;
padding-bottom : 8px;
}

/* SIDEBAR POSITIONING */

.sidebar {
position : absolute; 
width : 185px;
top : 256px; 
left : 20px;
}

.sidebar-credits {
width : 185px;
border : 1px dashed #000000;
font-family : georgia, serif; 
font-size : 9.0pt; 
text-align : center;
color : #000000;
padding-top : 5px;
padding-bottom : 5px;
}

.sidebar-funpoll {
width : 185px;
border : 1px dashed #000000;
font-family : georgia, serif; 
font-size : 9.0pt; 
color : #000000;
padding-top : 5px;
padding-bottom : 5px;
}

/* TABLE STYLES */

.funpoll {
margin : 0px auto;
border : 0px;
padding : 2px;
width : 150px;
color : black;
}

/* ALIGNMENTS */

.center {
text-align : center
}