@charset "UTF-8";
/* SAREAKA: Cambodian Children's Arts */
/*   http://www.sareka-cambodia.org   */
/*                                    */
/* website created by Mtijn Cambodia  */
/*        http://www.mtijn.nl         */

.float_left {
float:left;
}
.float_right {
float:right;
}
.paypal {
margin:0 15px 0 0;
}
.invisible {
display:none;
}
.margin_right {
margin:0 3px 0 0 !important;
}

.shippingline {
display:block;
height:30px;
width:500px;
border-bottom:1px solid #ccc;
padding-top:5px;
}

body {
margin:0;
padding:0;
background:#3333dd url('../sareka_artwork/structure/sareka_bckgrnd.jpg') bottom center no-repeat scroll;
}

.siteholder {
display:block;
margin:0 auto;
padding:0;
height:auto;
padding-bottom:400px;
width:800px;
}

#header {
display:block;
height:auto;
width:100%;
background:white none;
border-bottom:3px solid #0000cc;
}
#header h1 {
margin:0;
padding:5px;
font-size:24px;
color:#0000cc;
font-family:Tahoma, sans-serif;
}
#header a {
font-family:Tahoma, sans-serif;
font-size:12px;
color:gray;
margin:0;
padding:0;
text-decoration:none;
}
#header p {
float:right;
margin:0;
padding:16px 10px 0 0;
color:#666666;
}
#menu {
display:block;
width:100%;
height:195px;
background:white;
border-bottom:3px solid #0000cc;
}
#menu ul {
margin:0;
padding:0;
}
#menu ul li {
list-style-type:none;
display:block;
width:175px;
height:175px;
margin:0;
padding:10px;
float:left;
font-family:Arial;
font-weight:900;
font-size:16px;
overflow:hidden;
}
#menu ul li ul {
margin:0;
padding:0;
}
#menu ul li ul li {
display:block;
float:none;
height:20px;
margin:0;
padding:0;
border-width:0px;
}
#menu ul li ul li a {
padding:3px 0 0 19px;
display:block;
width:100%;
height:20px;
background:transparent url('../sareka_artwork/structure/menu_item_off.png') left center no-repeat scroll;
text-decoration:none;
font-family:Tahoma, sans-serif;
font-size:13px;
color:black !important;
font-weight:300;
}
#menu ul li ul li a:hover {
background:transparent url('../sareka_artwork/structure/menu_item_on.png') left center no-repeat scroll;
color:white !important;
}
.darkred {
background-color:#dd0000;
color:#ff6666;
}
.darkorange {
background-color:#ff6600;
color:#FFBB66;
}
.orange {
background-color:#ffaa00;
color:#ffff66;
}
.white {
background-color:white;
padding:5px 0 0 15px !important;
}
.reset {
clear:both;
height:0px;
display:block;
}
#content {
background:white;
display:block;
}
#content .sidebar {
display:block;
float:right;
background:#0000cc;
height:1050px;
width:199px;
padding:8px;
color:white;
margin:0 0 0 10px;
}
#content .sidebar h3 {
font-family:Arial;
font-weight:900;
font-size:16px;
color:#66CCFF;
padding:0;
margin:0;
}
#content .sidebar a {
display:block;
padding:3px 0 3px 19px;
background:transparent url('../sareka_artwork/structure/menu_item_off.png') left center no-repeat scroll;
text-decoration:none;
font-family:Tahoma, sans-serif;
font-size:13px;
color:#ffffff !important;
font-weight:300;
}
#content .sidebar a:hover {
color:#FF9900 !important;
background:transparent url('../sareka_artwork/structure/menu_item_on.png') left center no-repeat scroll;
}
#content .sidebar a.link {
display:inline;
color:#ff9900 !important;
padding:0;
margin:0;
background:none;
}
#content .sidebar a.link:hover {
color:#ffffff !important;
background:none;
}
#content .sidebar a.link img {
border:0px solid white;
}
#content .sidebar .side_gallery a {
display:block;
background:white;
padding:5px;
margin:3px 0 0 0;
}
#content .sidebar .side_gallery a:hover {
background:#ff9900;
}
#content .sidebar .side_gallery a img {
width:184px;
height:129px;
}
#content .sidebar .sidebar_donate form input {
border:5px solid white;
}
#content .sidebar .sidebar_donate form input:hover {
border:5px solid #ff9900;
}
.buy_products img {
border:5px solid white !important;
}
.buy_products img:hover {
border:5px solid #ff9900 !important;
}

#content .sidebar p {
font-size:13px;
font-family:Tahoma, sans-serif;
margin:0;
padding:0;
}
#content .sidebar .side_paypal {
display:block;
width:160px;
height:47px;
margin:5px auto 0 auto;
padding:0;
}


#content .mainpage {
padding:10px;
}

#content .mainpage h1 {
margin:0 0 5px 0;
padding:0;
font-size:32px;
font-family:"Times New Roman", Times, serif;
color:#0000cc;
font-weight:300;
}
#content .mainpage h3 {
margin:0;
padding:0;
font-family:Tahoma, sans-serif;
font-size:13px;
color:black;
}
#content .mainpage p {
font-size:13px;
line-height:18px;
font-family:Tahoma, sans-serif;
margin:0;
padding:0 0 10px 0;
color:#454545;
}
#content .mainpage a {
text-decoration:none;
color:#0000cc;
}
#content .mainpage a:hover {
color:#FF3300;
}
#content .mainpage a img {
border:0px solid black;
margin:2px 0 0 0;
}
#content .mainpage ul {
margin:0 0 10px 0;
padding:0 0 0 20px;
}
#content .mainpage ul li {
padding:0;
margin:0;
font-size:13px;
line-height:18px;
font-family:Tahoma, sans-serif;
color:#454545;
}

#content .mainpage .mugshot {
display:block;
margin:0 20px 10px 0;
padding:5px;
background:#f6f6f6;
border:1px solid #454545;
height:330px;
width:156px;
float:left;
}
#content .mainpage .mugshot img {
width:154px;
height:200px;
display:block;
border:1px solid black;
}
#content .mainpage .mugshot p {
font-size:10px;
line-height:12px;
font-family:Tahoma, sans-serif;
margin:0;
padding:0 0 0 0;
color:#454545;
}
#content .mainpage .two_image {
display:block;
width:590px;
height:auto;
margin:0 auto;
}

#content .mainpage .donationmeter {
display:block;
width:131px;
float:left;
margin:0 10px 0 0;
}

#content .mainpage .sarekaproduct_card {
display:block;
width:120px;
height:225px;
border:1px solid black;
margin:10px 7px 0 0;
padding:5px;
float:left;
}
#content .mainpage .sarekaproduct_painting {
display:block;
width:165px;
height:185px;
border:1px solid black;
margin:10px 7px 0 0;
padding:5px;
float:left;
}
#content .mainpage .sarekaproduct_card p, #content .mainpage .sarekaproduct_painting p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999;
padding:5px;
text-align:center;
margin:0 0 10px 0 !important;
padding:0 !important;
}
#content .mainpage .sarekaproduct_card h5, #content .mainpage .sarekaproduct_painting h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:900;
color:red;
padding:5px;
text-align:center;
margin:0 0 10px 0 !important;
padding:0 !important;
}

#content .mainpage .pagenavigate {
text-align:center;
display:block;
margin:20px 0 0 0;
width:560px;
float:left;
}
#content .mainpage table {
font-family:Tahoma, sans-serif;
font-size:13px;
color:#454545;
}

#content .mainpage table td {
border-bottom:1px solid #999;
border-left:1px solid #999;
padding:2px;
}

.footer {
display:block;
background:white none;
border-top:3px solid #0000cc;
height:25px;
text-align:center;
}
.footer p {
font-family:Tahoma, sans-serif;
font-size:11px;
color:#454545;
margin:5px 0 0 0;
padding:0;
}
.footer a {
margin:0;
text-decoration:none;
padding:0px;
}
.footer a img {
border:0px solid black;
}