/* CSS Document by Arve */

* {
	margin:0;
	padding:0;}

body {
	background-image:url(../gfx/bgBody.jpg);
	background-repeat:repeat-x;}


/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container { 
	width:980px; 
	margin:0 auto 10px auto;
	padding:0 10px 0 4px;
	background-image:url(../gfx/bgContainer.png);
	background-repeat:repeat-y;}
	
/* EXTRA CONTAINER  (with white bg)
------------------------------------------------------------------ */
#extraContainer {
	float:left;
	width:980px;
	padding-top:15px;
	background-color:#FFFFFF;}


/* HEADER 
------------------------------------------------------------------*/
#header {
	height:217px;
	border-bottom:3px solid #7C1608;}
	
#header .left { /* logo */
	float:left;
	width:229px;}
	
#header .slideshow { /* right jquery images */
	float:left;
	width:751px;
	height:217px;
	overflow:hidden;}
	

/* LEFT
------------------------------------------------------------------ */
#left {
	width:229px;
	float:left;}
	
#left .box { /* locked height */
	background-image:url(../gfx/bgLeftBox.jpg);
	background-repeat:no-repeat;
	height:240px;
	width:169px;
	padding:10px;
	color:#FFFFFF;
	font-size:11px;
	margin:25px 0 0 24px;}
	
#left .box h3 {
	font-size:16px;
	color:#FFFFFF;
	border:none;
	margin:0;
	padding:0;}
	
#left .box hr {
	color:#FFFFFF;
	height:1px;}

#left .box img {
	padding:5px 5px 5px 0;}


/* MAINCONTENT
------------------------------------------------------------------ */
#mainContent {
	width:720px;
	float:left;
	padding:0 0 20px 20px;}
	
#fancy_wrap {
	background-color:#00FF00;}

#mainContent ul li {
	margin:10px 0 10px 35px;
	list-style-image:url(../gfx/liIcon.gif);} 
	
/* frontpage */
#mainContent .box { /* mainbox in the middle */
	width:436px;}	
	
#mainContent .boxHeader {
	background-image:url(../gfx/bgBoxHeaderFrontpage.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:5px;
	font-size:0;}	
	
#mainContent .boxMiddle {
	background-image:url(../gfx/bgBoxContentFrontpage.gif);
	background-repeat:repeat-y;
	padding:15px 20px;}	
	
#mainContent .boxFooter {
	background-image:url(../gfx/bgBoxFooterFrontpage.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:4px;
	font-size:0;}	
	
#mainContent .boxRight { /* first box in #right */
	width:252px;}	
	
#mainContent .boxHeaderRight {
	background-image:url(../gfx/bgBoxHeaderFrontpageRight.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:5px;
	font-size:0;}	
	
#mainContent .boxMiddleRight {
	background-image:url(../gfx/bgBoxContentFrontpageRight.gif);
	background-repeat:repeat-y;
	padding:15px 20px;}	
	
#mainContent .boxFooterRight {
	background-image:url(../gfx/bgBoxFooterFrontpageRight.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:5px;
	font-size:0;}	
	
#mainContent .left {
	float:left;
	width:436px;
	margin-right:20px;}
	
#mainContent .right {
	float:left;
	width:252px;}
	
#mainContent p {
	margin-bottom:13px;}
	

/* FOOTER 
------------------------------------------------------------------ */
#footer {
	background-image:url(../gfx/bgFooter.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	color:#D6D6D6;
	font-size:80%;
	padding:10px;
	height:10px;
	text-align:right;}
	
#footer a:link,
#footer a:visited {
	color:#999999;}
	

/* NEWS
------------------------------------------------------------------*/	

#news {
	float:left;}
	
#news .bgArchive {
	background:url(../gfx/bgArchive.jpg) repeat-x;
	padding:5px;}

#news .thumbnail {
	float:left;
	text-align:center;
	margin:0 10px 10px 0px;
	width:140px;
	overflow:hidden;
	border:1px solid #CCCCCC;}
	
#news .content { /* heading & ingress */
	float:left;}
	
#news h2 a:link,
#news h2 a:visited { /* heading */
	color:#7C1608;}
	
#news .date { /* heading */
	color:#A8A8A8;
	font-size:80%;
	padding-bottom:5px;}
	
#news .readMore {
	padding-top:5px;}
	
.list {
	background:transparent url(../gfx/arrowRight.gif) no-repeat;
	padding:0px 15px;
	margin:5px 0;
	font-size:12px;
	vertical-align:top;}
	
.newsArchive {
	float:right;}
.newsArchive a:link,
.newsArchive a:visited{
	white-space:nowrap;
	color:#94C83E;}

#moreresults ul {
	margin-left:0px;
	padding-left:0px;}
	
#moreresults ul li {
	display:inline;
	margin-left:0px;
	padding-left:0px;}