/* Version 2.0: Monochromic. http://fenali.net/icon */
/* Protected by Creative Commons ShareAlike License Version 1.0: http://creativecommons.org/licenses/sa/1.0 */
/* All associated designs (c) Janice, Lost Memories Studio */



/* Global */

* {
	margin: 0;
	padding: 0;
	}


/* General */

body {
	background: #ffffff;
	color: #444444;
	font: normal 8pt/100% "trebuchet ms", verdana, arial, serif;
	}

a, a:link, a:visited {
	color: #b42c2c;
	text-decoration: none;
	}

a:hover, a:active {
	cursor: default;
	color: #000000;
	}

a img {
	border: 0;
	}


/* Design */

#top {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #000000;
	}

#wrap, #title {
	position: relative;
	left: 0;
	width: 588px;
	}

#wrap {
	top: 0;
	margin: 10% auto;
	}

#main {
	position: relative;
	top: 0;
	left: 0;
	padding: 6px 0 1px 0;
	}

#title {
	top: 5px;
	height: 29px;
	background: transparent url(title.png) no-repeat 100% 100%;
	z-index: 10;
	}

#intro {
	position: relative;
	top: 0;
	left: 0;
	width: 588px;
	padding-top: 0;
	z-index: 1;
	}

#intro_text {
	float: left;
	width: 250px;
	padding-left: 5px;
	}

#intro_news {
	position: relative;
	top: 7px;
	left: 7px;
	}

#intro_icon {
	float: right;
	width: 325px;
	background: transparent url(latest.png) no-repeat 100% 100%;
	padding: 5px 0 12px 0;
	}


/* Paragraph, Text */

p {
	text-indent: 20px;
	line-height: 18px;
	padding: 8px 0 3px 0;
	}

p.center {
	text-indent: 0;
	text-align: center;
	}

p.icon {
	text-indent: 0;
	text-align: center;
	padding-bottom: 0;
	}

p.icon img {
	background: #ffffff;
	border: 1px dotted #dfdfdf;
	padding: 2px;
	}

p.icon img:hover {
	border: 1px solid #ececec;
	}

p.icon_nav {
	color: #000000;
	font: normal 8pt/100% georgia, serif;
	letter-spacing: 0.1px;
	}

p.icon_nav:first-letter {
	color: #b42c2c;
	}


/* Navigation */

#title ul {
	position: relative;
	top: 0;
	left: 0;
	width: 300px;
	background: #eff0f0;
	list-style: none;
	padding: 8px 18px 6px 15px;
	}

#title li ul {
	display: none;
	position: absolute; 
	top: 0;
	left: 0;
	width: 294px;
	-moz-border-radius: 0 0 20px 20px;
	border-style: solid;
	border-color: #eff0f0;
	}

#title li > #title ul {
	top: auto;
	left: auto;
	}

#title li:hover ul, #title li.over ul {
	display: block;
	}

#title li ul li {
	background: #eff0f0 url(li.gif) no-repeat 0% 0%;
	font: normal 7.5pt/100% verdana, arial, serif;
	line-height: 17px;
	border-bottom: 1px solid #e9e9e9;
	padding-left: 14px;
	}


/* Site Footer */

#foot {
	clear: both;
	position: relative;
	top: 6px;	
	left: 0;
	width: 588px;
	height: 68px;
	background: transparent url(foot.png) no-repeat 0% 0%;
	}