/*
Rick's Stylesheet: Refined and Dignified
http://www.rickdupuis.com/

Description: A black background, with contrasting font

Designed by Chongchen Saelee (aka Eastfist)
http://eastfist.com
e-mail: chongchen@eastfist.com

Sept. 9, 2009
*/

body, html {
background-color: black; /* #333333; */
color: white;
font-family: "Verdana", sans-serif; /* "Georgia", serif; */
padding: 0px;
margin: 0px;
}

h1 {
font-variant: small-caps;
}

p, ol, ul, li { font-size: 14px; }

a:link, a:active, a:visited {
font-style: bold;
color: #cccc99; /* gold */
}

a:link.menu, a:active.menu, a:visited.menu {
font: bold 14px "Arial", sans-serif;
padding: 5px;
margin: 5px;
color: #cccc99;
background-color: black;
text-decoration: none;
}

a:hover.menu {
font: bold 14px "Arial", sans-serif;
padding: 5px;
margin: 5px;
color: black;
background-color: white;
text-decoration: none;
}

a:link.img, a:active.img, a:visited.img {
background-color: #cccc99;
text-decoration: none;
}

img {
background-color: none;
}

img.border {
border: 1px solid #cccc99;
}

table { 
font-size: 70%;
border-collapse: collapse;
}



/* colors */
.gold { color: #cccc99; }


/* Custom classes */

.centered_container {
width: 100%;
text-align: center;
}

.notice {
color: black;
background-color: #cccc99;
padding: 10px;
}


/* Custom Divs */
#content {
width: 950px;
text-align: left;
padding: 20px;
margin: 0 auto; /* firefox hack to center */
}

#header {
text-align: left;
border-bottom: 1px solid #cccc99;
padding-bottom: 20px;
}

#quote {
font-size: 85%;
width: 640px;
text-align: left;
padding: 20px;
margin: 0 auto; /* firefox hack to center */
}

#quote ul {
list-style: none none;
}

#footer {
font-family: "Georgia", serif;
text-align: center;
border-top: 1px solid #cccc99;
font-size: 70%;
}

#portSections {
width: 100%;
height: 270px;
text-align: center;
overflow: hidden;
}

#centerSect {
width: 570px;
text-align: left;
margin: 0 auto;
}

.sectPic {
background-color: #cccc99;
float: left;
padding: 0px;
margin: 10px;
border: 1px solid #cccc99;
}

#sectAdult {
width: 120px;
height: 250px;
background: url("../images/portSectSheetColor.jpg") no-repeat 0px 0px; 
}

#sectFamily {
width: 139px;
height: 250px;
background: url("../images/portSectSheetColor.jpg") no-repeat -121px 0px;
}

#sectNature {
width: 124px;
height: 250px;
background: url("../images/portSectSheetColor.jpg") no-repeat -264px 0px;
}

#sectBeyond {
width: 90px;
height: 250px;
background: url("../images/portSectSheetColor.jpg") no-repeat -388px 0px;
}