/* Main Containers */
body{
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-x;}

#doc{
	background-color:white;
	background-image: url('../images/bgbody.jpg');
	background-repeat: no-repeat;}


/* Header */
#hd, #bd {
	padding-left:15px;
	padding-right:15px;}

	
#logo{
	height:65px;
	float:left;
	_margin-top: 10px;
	}

	
#langmenu{
	float:right;
	right:15px;
}
#langmenu li {
	float:left;
	margin-left: 1em;
}
#metamenu li {
	float:left;
	margin-left: 1em;
}

#metamenu a, #metamenu a:link,#metamenu a:visited,#metamenu a:hover ,#metamenu a:active{
	color:white;
	text-decoration:none;
	background: none;
	background-color:#048e04;
	margin-left:2em;
}

#hd div img{
	position:relative;
	top:15px;
	left:20px;}


/* Menu */
#mainmenu{
	border-top:4px solid #a7a6ab;
	width:100%;
	clear:both;}

#mainmenu ul{
	font-size: 100%;
	margin-top:0em;
	margin-bottom:0em;
}
#mainmenu li{
	float: left;
	margin-left:1em;
	list-style-type: none;
}

#mainmenu li a{
	/*line-height: 3em;*/
	font-size: 77%;
	background: url('../images/menu.png') #fff bottom left repeat-x;
	height: 35px;
	float: left;
	width: 120px;
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}

#mainmenu li.active a{
	background: url('../images/menuactive.png') #fff bottom left repeat-x;
}

/* Hide from IE5-Mac \*/
#mainmenu li a{float: none}
/* End hide */


/* Content */
#bd{
	clear:both;}

/* Column Layout Settings (only overrides from the yui library)  */
.yui_gc .yui_u{
	width:30%;
	margin:0px;
	padding:15px;
}
.yui_gc #first{
	width:63%;
	padding-right:0px;
}

.box{
	padding:5px;
	color: white;
	font-weight:bold;
	background-color:#048e04;
}

/*Full width layout(only overrides from the yui library)  */
#yui_main .yui_b{
	margin:0px;
	padding:15px;
}

/* Footer */
.grass{
	background:url('../images/grass.jpg') no-repeat center;
	height:128px;}

img.ball
{
	visibility: hidden;
	position:absolute;
	left:10%;
}
#ft{
	text-align:center;
	background-color:#048e04;
}
#ft  .yui_b{
	text-align:left;
	margin:auto;
	width:750px;
	color: white;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:15px;}
	
#ft  .yui_b a {color: white; text-decoration: none;}
	
	
/**********************************************************/		
/* Formating */	

p{
	font-size:116%;
	margin-bottom:1em;
}
strong{
	font-weight:bolder;
	color: #484848;
}

/* Headers  */	
h1{
	font-size:250%;
	margin-top:0.2em;
	margin-bottom:0.3em;
}

h2{
	font-size:170%;
	margin-top:1em;
	margin-bottom:0.3em;
}

h3{
	font-size:150%;
	margin-top:1em;
	margin-bottom:0.3em;
}

/* Links  */	
a:link, a:visited
{
	color: #048e04;
	text-decoration: none;
	background: url(../images/dots.gif) repeat-x 0 100%;
}

a:hover, a:active { 
	background-color: #c9ffbc;
}

/* Does not work properly in ie when multiple lines
a.external span
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

a.external:link
{
	background: url(../images/icon.gif) no-repeat 100% 0;
	padding: 0 20px 0 0;
}
a.external:visited
{
	color: purple;
	background: url(../images/icon.gif) no-repeat 100% -100px;
	padding: 0 20px 0 0;
}
a.external:hover
{
	color: red;
	background: url(../images/icon.gif) no-repeat 100% -200px;
	padding: 0 20px 0 0;
}*/

/* Quotes */	
span.quotename, a.quotename, a.quotename:link, a.quotename:visited, a.quotename:hover , a.quotename:active{
	margin-left:15px;
	font-size:250%;
	text-decoration:none;
	background: none;
	background-color:white;
}

blockquote, blockquote.name {
	margin-left:0px;
	margin-bottom:10px;
	padding-left:15px;
	font-size:180%;
	border-left:15px solid #e0e0e0;
}
blockquote.name {
	padding-left:30px;
	font-size:116%;
	margin-bottom:20px;
	border-left:none;
}

/* Lists */
ul.normal{
	font-size:116%;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
ul.normal li{
	list-style-type: disc;
	margin-left:2em;
	margin-bottom:0.5em;
}

/* Box  and Order Button */
.order{
	width:210px;
	height:40px;
	background: url(../images/order.png) no-repeat;
	padding-left:5px;
	padding-top:8px;
}
.order a,.order  a:link,.order  a:visited,.order  a:hover ,.order  a:active{
	font-size: 150%;
	color: black;
	background: none;
}
.order  a:hover ,.order  a:active{
	color: #484848;
}

/* Forms */
label,input {
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
}

label {
	clear:both;
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

/*Carousel */
.jcarousel-item a:link, .jcarousel-item a:hover  { 
	color: #fff;
	text-decoration: none;
	background: none;
	}
.jcarousel-item a:visited { color: #fff; }
div.header{
	font-size:116%;
	font-weight:bold;
}