/* Global
----------------------------------------------- */
body, #page, td, tr, th {
	color:#949494;
	font:8pt Arial, sans-serif;
	letter-spacing:1px;
}
body {
	background-color:#fff;
	background-image:url(../img/illustration.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:left bottom;
	text-align:center;
	margin:0;
	padding:0;
}
#page {
	background-image:url(../img/corner.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	text-align:justify;
	width:600px;
	height:100%;
	margin:auto;
	padding:0;
	border-right:1px dashed #ccc;
	border-collapse:collapse;
}
*html #page {
	border-right:1px solid #E6E6E6;
}
#page td {
	vertical-align:top;
}
h1 {
	font:8pt Arial, sans-serif;
	font-weight:bold;
	background-image:url(../img/raquo.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left: 17px;
}

h2 {
	color:#994D00;
	font:8pt Arial, sans-serif;
	font-weight:bold;
}

h3 {
	color:#949494;
	font:8pt Arial, sans-serif;
	letter-spacing:1px;
}

/* Content
----------------------------------------------- */
#colordrop {
	background-image:url(../img/colordrop.jpg);
	background-repeat:no-repeat;
	background-position:25px 0px;
	margin-top:100px;
	padding:60px 10px 0 10px;
}
#content {
	margin:0;
	padding:10px;
	margin-bottom:20px;
}
#indexnew {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}
#new {
	width:56%;
	padding-right:10px;
	text-align:justify;
}
#whatsnew {
	border-collapse:collapse;
}
#index {
	width:44%;
	padding-left:10px;
	border-left:1px dashed #ccc;
}
*html #index {
	border-left:1px solid #E6E6E6;
}
#data {
	padding:10px 0 0 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}
*html #data {
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}

/* Links
----------------------------------------------- */
a:link, a:visited, a:active {
	text-decoration:none;
	color:#00CCCC;
}
a:hover {
	color:#994D00;
}

#colordrop a:link, #colordrop a:visited, #colordrop a:active {
	text-decoration:none;
	color:#EE8E00;
}
#colordrop a:hover {
	color:#994D00;
	border-bottom:1px dotted #994D00;
}
*html #colordrop a:hover {
	border-bottom:1px solid #994D00;
}

/* Fancy typo
----------------------------------------------- */
ol {
	font:8pt Arial, sans-serif;
	margin-left:30px;
	padding:0;
}
ol li {
	list-style-type:decimal;
	line-height:15px;
}
ul {
	font:8pt Arial, sans-serif;
	margin-left:10px;
	padding:0;
}
ul li {
	list-style-type:none;
	line-height:20px;
}
.disclaimer {
	font-size:7pt;
}
.melanie {
	background-image:url(../img/melanie.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:68px;
	height:24px;
}
.brown {
	color:#994D00;
}
.important {
	font-weight:bold;
}
.notes {
	font-size:7pt;
}

/* Graphics thumb albums
----------------------------------------------- */
#thumbs {
	border-spacing:4px;
	margin-bottom:20px;
}
#thumbs td {
	border:1px solid #ccc;
	width:40px;
	height:40px;
	padding:5px;
}
.regthb {
	background-color:#E6E6E6;
}
.newthb {
	background-color:#994D00;
}

/* Videos, Stories
----------------------------------------------- */
#videos, #stories {
	border-collapse:collapse;
	border-bottom:1px solid #E6E6E6;
	width:100%;
	margin-bottom:20px;
}
#lastvideo, #laststory {
	border-collapse:collapse;
	border-bottom:0;
	width:100%;
	margin-bottom:20px;
}
#videos td, #stories td {
	vertical-align:top;
}
.vidthumb img, .storythumb img {
	padding:5px;
	border:1px solid #ccc;
	background-color:#E6E6E6;
}
*html .vidthumb img, .storythumb img {
	border:5px solid #E6E6E6;
}
.vidthumb, .storythumb {
	padding:5px 5px 5px 0;
	width:150px;
}
.newvidthumb img, .newstorythumb img {
	padding:5px;
	border:1px solid #ccc;
	background-color:#994D00;
}
*html .newvidthumb img, .newstorythumb img {
	border:5px solid #994D00;
}
.newvidthumb, .newstorythumb {
	padding:5px 5px 5px 0;
	width:150px;
}
.vidinfo, .storyinfo {
	padding:0 0 30px 5px;
}