/*#############################################################

Name: Coffee N Cream

Date: 2006-08-24

Description: A smooth coffee style template.

Author: Viktor Persson

URL: http://templates.arcsin.se



Feel free to use and modify but please provide credits.

#############################################################*/



/* standard elements */

* {

	margin: 0;

	padding: 0;

}

a {

	color: #963;

}

a:hover { color: #c60; }

body {

	background: #655a46 url(img/bg.gif);

	color: #543;

	font: 62.5% "Lucida Sans Unicode", sans-serif;

}

input {

	color: #555;

	font: normal 1.1em "Lucida Sans Unicode",sans-serif;

}

p,cite,code,ul {

	font-size: 1.2em;

	padding-bottom: 1.2em;

}

h1 {

	font-size: 1.4em;

	margin-bottom: 4px;

}

code {

	background: #FFE;

	border: 1px solid #EED;

	border-left: 6px solid #938262;

	color: #554;

	display: block;

	font: normal 1.1em "Lucida Sans Unicode",serif;

	margin-bottom: 12px;

	padding: 8px 10px;

	white-space: pre;

}

blockquote {

	background: url(img/quote.gif) no-repeat;

	color: #666;

	display: block;

	font: 1.2em "Lucida Sans Unicode", serif;

	margin-bottom: 12px;

	padding-left: 28px;

}

h1,h2,h3 {

	color: #654;

	padding-top: 6px;

}



/* misc */

.clearer {

	clear: both;

}



/* structure */

.container {

	background: url(img/bgcontainer.gif) repeat-y;

	margin: 0 auto;

	width: 780px;

}



/* header */

.header {

	background: url(img/bgheader.gif) repeat-x;

	height: 120px;

	margin: 0 auto;

	width: 760px;

}



/* title */

.title {

	padding: 15px;

}

.title h1 { color: #e4dbcf; font-size: 3.6em; font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif, Verdana, Helvetica, sans-serif; font-weight: normal;line-height: normal; text-align: center; letter-spacing: 2pc; font-variant: normal; }

.title h2 { color: #e4dbcf; font-size: 1.5em; font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: normal; text-align: center; font-variant: normal; text-decoration: underline; letter-spacing: 40px; margin-right: 0; }

.title h3 { color: #e4dbcf; font-size: 1.5em; font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: normal; text-align: right; font-variant: normal; text-decoration: underline; letter-spacing: 7px; position: fixed; top: 69px; right: 350px; }
/* navigation */

.navigation { font-size: 1.2em; font-family: Verdana, sans-serif; font-weight: normal; font-variant: normal; line-height: normal; background: #fff url(img/bgnavigation.gif) repeat-x; vertical-align: bottom; height: 44px; margin: 0 auto; width: 725px; padding-right: 18px; padding-bottom: 0; padding-left: 18px; list-style-image: none; }
.navigation li { font: 14px Verdana, sans-serif; background-color: #fff; background-image: url(img/bgnavigation.gif); background-repeat: repeat-x; background-position: 0 0; float:left; position:relative; z-index:100; width:120px; list-style-type: none; list-style-image: none; }
.navigation table{ background-color: #fff; background-image: url(img/bgnavigation.gif); background-repeat: repeat-x; background-position: 0 0; position:absolute; top: 20px !important; border-collapse:collapse; z-index:80; left:-1px; width: 120px; list-style-image: none; }
.navigation ul ul { font-size: inherit; visibility:hidden; position:absolute; width:200px; height:0; overflow: visible; list-style-image: none; }
.navigation a { color: #543; font-size: 1em; font-family: Verdana, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; padding: 0 4px 3px; margin-right: 12px; line-height: 20px; background-color: #fff; background-image: url(img/bgnavigation.gif); background-repeat: repeat-x; position: relative; width: 105px; z-index: 100; float: left; list-style-image: none; }

.navigation a:hover { background: #cebda1; color: #420; visibility: visible; list-style-image: none; }
.navigation ul :hover ul{ font-size: inherit; visibility:visible; list-style-image: none; }


/* main */

.main {

	clear: both;

	padding: 0 10px 12px 28px;

}



/* sub navigation */

.sidenav {

	float: right;

	width: 218px;

}
.sidenav ul ul {
visibility:visible;

}
.sidenav h1 {

	background: #BCB39F url(img/sidenavh1.gif) repeat-x;

	border-bottom: 1px solid #999;

	border-top: 1px solid #CCC;

	color: #4A4A44;

	font-size: 1.2em;

	height: 22px;

	margin: 0;

	padding-left: 12px;

}

.sidenav ul { visibility: visible; margin: 0; padding: 0; }

.sidenav li { visibility: visible; border-bottom: 1px solid #a98; border-top: 1px solid #ddc; list-style: none; }

.sidenav li a { background: #ccc3af; color: #554; display: block; padding: 8px 4px 8px 12px; text-decoration: none; visibility: visible; list-style-image: none; }

.sidenav li a:hover {

	background: #D6CCB9;

	color: #654;

}



/* content */

.content {

	padding-top: 12px;

	float: left;

	width: 68%;

}
.content .info { font-size: 11px; width: 68%; float: right; }
.content .descr {

	color: #987e57;

	font-size: 2.1em;

	margin-bottom: 6px;

}

.content li { margin-left: 18px; list-style-type: none; list-style-image: none; }
.content .a { font-size: 1.5em; float: right; margin-right: 10px; margin-left: 10px; padding-left: 5px; }
/* footer */

.footer {

	background: #958462 url(img/bgfooter.gif) repeat-x;

	color: black;

	font-size: 1.1em;

	line-height: 40px;

	margin: 0 auto;

	text-align: center;

	width: 760px;

}

.footer a {

	color: #FFD;

	text-decoration: none;

}

.footer a:hover {

	color: #FFF;

	text-decoration: underline;

}
/*Image*/
.title_img { }
.img { float: right; padding-bottom: 12px; padding-left: 10px; }