@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding:0;
	background-image:url(../gfx/bgBody.jpg);
	background-repeat:no-repeat;
	background-color:#FCEBBD;}

/* #container
---------------------------------------- */
#container {
	width:1036px;
	margin:0 auto 0 auto;}

/* #header
---------------------------------------- */
#header {
	height:190px;
	position:relative;
	overflow:hidden;}

/* Box with article from i-tools + flag */	
#header .box {
	position:absolute;
	right:160px;
	height:28px;}
	
#header .box .start {
	background-image:url(../gfx/bgBoxStart.gif);
	background-repeat:no-repeat;
	float:left;
	width:12px;
	height:28px;}
	
#header .box .content{
	background-image:url(../gfx/bgBoxContent.gif);
	background-repeat: repeat-x;
	height:28px;
	float:left;}
	
#header .box .end{
	background-image:url(../gfx/bgBoxEnd.gif);
	background-repeat:no-repeat;
	height:28px;
	width:12px;
	float:left;}
	
#header .box img {
	margin-top:3px;}

#header .left { /* logo left */
	width:244px;
	height:126px;
	margin-top:30px;
	float:left;}
	
#header .right { /*  slogan */
	width:750px;
	overflow:hidden;
	float:left;
	position:relative;
	top:97px;
	left:20px;}
	
#header .search {
	position:absolute;
	right:190px;
	top:168px;
	font-size:10px;}
	
#header .search .input	{
	width:100px;
	height:14px;}
	
#header .search .button	{
	height:20px;
	background-color:#7A4C28;
	border:none;
	color:#FFFFFF;}
	
#header .right h2 { /* slogan */
	font-family: georgia,serif;
	font-style:italic;
	line-height:140%;
	font-size:22px;
	margin:0;
	padding:0;
	color:#704E2C;}
	
#header p {
	display:inline;}
	


/* Extra background...
---------------------------------------- */
#extraBg {
	background-image:url(../gfx/bgAboveExtraContainer.gif);
	background-repeat: no-repeat;
	width:1000px;
	height:18px;}



/* Extra wrapper
---------------------------------------- */
#extraWrapper {
	width:1000px;
	background-image:url(../gfx/bgExtraWrapper.gif);
	background-repeat:repeat-y;
	float:left;}
	

/* #mainContent
---------------------------------------- */
#mainContent {
	width:818px;
	float:left;
	font-size:110%;
	padding:0px 25px 0px 30px;
	min-height: 450px;
	position:relative;
	height: auto !important;
	height:450px;}
	
#mainContent .right {
	text-align:right;}
	
#mainContent .text {
	line-height:150%;}
	
#mainContent .slideshow { /* jquery images */
	width:811px;
	height:223px;
	overflow:hidden;
	margin-bottom:20px;}
	
#mainContent .floatRight {
	float:right;}
	
#mainContent a:link,
#mainContent a:visited {
	text-decoration:underline;}
	

/* #right
---------------------------------------- */
#right {
	width:127px;
	float:left;
	overflow:hidden;}
	
#right .content {
	padding: 0 5px;}
	
#right .bg {
	background-image:url(../gfx/bgRightMenu.gif);
	background-repeat:repeat-y;}
	
#right .footer{
	width:127px;
	height:21px;
	background-image:url(../gfx/bgRightMenuFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	xfloat:left;}
	
#right p {
	display:inline;}
	
#right hr {
	color:#D5B280;}

/* #footer (outside the #container)
---------------------------------------- */
#footer {
	width:1036px;
	height:28px;
	margin:0 auto;
	background:url(../gfx/bgFooter.gif) no-repeat;
	overflow:hidden;
	position:relative;}
	
#footer .flag {
	position:absolute;
	right:175px;
	top:5px;}
	

/* Powered by i-tools */
.itools {
	font-size:10px;
	margin:0 auto;
	padding:6px 0 0 50px;
	color: #333333;
	margin:0 auto;
	width:400px;}
	
.itools a:link { color: #333333; text-decoration:none; }
.itools a:visited { color:#333333; text-decoration:none; }
.itools a:hover { color: #333333; text-decoration: underline; }
.itools a:active { color:#333333; text-decoration:none; }



/* "NEWS" (used only on frontpage.cfm)
------------------------------------------------------------------*/	

#mainContent .news {
	float:left;
	width:256px;
	font-size:90%;
	margin-left:22px;}

#mainContent .news .thumbnail {
	margin-bottom:5px;
	width:256px;
	overflow:hidden;}
	
#mainContent .news .content { /* heading & ingress */
	float:left;
	width:256px;}
	
#mainContent .news h1 {
	padding:0;
	margin:0;
	font-size:130%;}
	
#mainContent .news h1 a:link,
#mainContent .news h1 a:visited {
	text-decoration:none;}
