/* 
   EFRET : MASTER STYLESHEET
   DUSZA Limited, http://www.dusza.co.uk/
   Gavin Cooper, January 08

   FOUNDATIONS                                                                                     FOUNDATIONS ::
----------------------------------------------------------------------------------------------------------------- */
*
{
	margin: 				0;
	padding: 				0;
	border: 				0;
	outline: 				0;
}
html 
{
	overflow: 				auto;
	}
body 
{
	font-family: 			Arial, sans-serif;
	font-size:				62.5%;
	text-align:				center;
	color:					#808080;
	}
a
{
	text-decoration: 		none;
	}
a:hover
{
	text-decoration: 		underline;
	}
li 
{
	list-style-type: 		none;
	}
img 
{
	border:					none;
	}
hr
{
	position:				absolute;
	top:					-9999px;
	left:					-9999px;
	height:					0;
	width:					0;
	overflow:				hidden;
	}
div#wrapper
{
	float:					left;
	width:					100%;
	}
div.container
{
	width:					780px;
	margin:					0 auto;
	text-align:				left;
	position:				relative;
	}
.hidden
{
	display:				block;
	position:				absolute;
	height:					0px;
	width:					0px;
	left:					-9999px;
	top:					-9999px;
	text-indent:			-9999px;
	}
div#content
{
	float:					left;
	}
/*   HEAD                                                                                     HEAD ::
----------------------------------------------------------------------------------------------------------------- */
div#head
{
	background:				url("../images/head.jpg") no-repeat;
	width:					780px;
	height:					259px;
	position:				relative;
	}
h1 a
{
	display:				block;
	background:				transparent;
	position:				absolute;
	top:					68px;
	left:					0px;
	width:					780px;
	height:					180px;
	text-indent:			-9999px;
	z-index:				1;
	}
/*   NAV                                                                                     NAV ::
----------------------------------------------------------------------------------------------------------------- */
ol#nav
{
	float:					left;
	width:					780px;
	height:					35px;
	margin:					17px 0 0;
	}
ol#nav li.link
{
	display:				block;
	float:					left;
	width:					129px;
	w\idth:					130px; /* IE FIX BECAUSE OF  1PX BORDER */
	text-align:				center;
	}
ol#nav li.langs
{
	display:				block;
	float:					left;
	width:					130px;
	text-align:				center;
	padding:				9px 0 0;
	}
ul.sub-nav
{
	float:					left;
	position:				relative;
	width:					129px;
	background:				#efefef;
	z-index:				2;
	}
ul.sub-nav li
{
	float:					left;
	width:					129px;
	}
ul.sub-nav li a
{
	display:				block;
	float:					left;
	width:					129px;
	w\idth:					119px;
	padding:				5px;
	font-size:				1em;
	color:					#393939;
	}
ul.sub-nav li a:hover
{
	text-decoration:		none;
	background:				#646464 url("../images/sub-nav.gif") repeat-x;
	color:					#fff;
	}
ol#nav li a.home, ol#nav li a.services, ol#nav li a.collaborators, ol#nav li a.administration, ol#nav li a.contact
{
	display:				block;
	float:					left;
	border-right:			1px solid #cccccc;
	width:					129px;
	height:					34px;
	color:					#fff;
	text-indent:			-9999px;
	}
ol#nav li a.home				{		background:	url("../images/home.gif") no-repeat 0 0;				}
ol#nav li a.services			{		background:	url("../images/services.gif") no-repeat 0 0;			}
ol#nav li a.collaborators		{		background:	url("../images/collaborators.gif") no-repeat 0 0;		}
ol#nav li a.administration		{		background:	url("../images/administration.gif") no-repeat 0 0;		}
ol#nav li a.contact			{		background:	url("../images/contact.gif") no-repeat 0 0;		}
ol#nav li a.home:hover, ol#nav li a.services:hover, ol#nav li a.collaborators:hover, ol#nav li a.administration:hover, ol#nav li a.contact:hover
{
	background-position:	0 -35px;
	}
body#home ol#nav li a.home, body#service ol#nav li a.services, body#collaborator ol#nav li a.collaborators, body#administration ol#nav li a.administration, body#contact ol#nav li a.contact
{
	background-position:	0 -70px;
	}
ol#nav li select
{
	width:					80px;
	font-size:				1em;
	color:					#393939;
	border:					1px solid #ccc;
	background-color:		#eee;
	}
body#home ol#nav li a.regular, body#services ol#nav li a.regular, body#collaborators ol#nav li a.regular, body#administration ol#nav li a.regular, body#contact ol#nav li a.regular
{
	color:					#fff;
	}
ol#nav li a.regular
{
	text-indent:			0px !important;
	color:					#393939;
	}
ol#nav li a.regular:hover
{
	text-decoration:		none;
	}
/*   FEATURED-BAR                                                                            FEATURED-BAR ::
----------------------------------------------------------------------------------------------------------------- */
ul.featured
{
	float:					left;
	width:					800px;
	background:				url("../images/spacer.gif") no-repeat bottom left;
	padding:				0 0 27px 0;
	}
ul.featured li
{
	float:					left;
	width:					250px;
	}
ul.featured li a
{
	float:					left;
	display:				block;
	width:					250px;
	background:				url("../images/featured.gif");
	text-decoration:		none;
	cursor:					pointer;
	}
ul.featured li.featured-box
{
	margin-right:			15px;
	}
ul.featured li a:hover, ul.featured li.highlighted a
{
	background:				url("../images/featured-hover.gif");
	text-decoration:		none;
	}
span.title
{
	float:					left;
	display:				block;
	width:					250px;
	w\idth:					230px;
	color:					#454545;
	font-size:				1.8em;
	line-height:			18px;
	text-transform:			uppercase;
	margin:					10px 0 0;
	padding:				0 10px 5px;
	}
span.strapline
{
	float:					left;
	display:				block;
	width:					250px;
	w\idth:					230px;
	font-size:				1.2em;
	padding:				0 10px;
	color:					#808080;
	}
ul.featured li a:hover span.strapline, ul.featured li.highlighted a span.strapline
{
	color:					#fff;
	}
/*   MAIN                                                                                     MAIN ::
----------------------------------------------------------------------------------------------------------------- */
div#main
{
	float:					left;
	width:					515px;
	background:				url("../images/main.gif") repeat-y;
	margin:					15px 14px 0 0; 
	}
body#articlesoverview div#main {
	background:				transparent;
}
div#main h3
{
	font-size:				1.2em;
	color:					#2d2d2d;
	float:					left;
	display:				block;
	width:					515px;
	w\idth:					495px;
	padding:				6px 10px 0;
	height:					27px;
	background:				url("../images/heading.gif") no-repeat;
	text-transform:			uppercase;
	}
div#main h3 small
{
	float:					right;
}
div#info
{
	float:					left;
	width:					515px;
	background:				url("../images/mainbar.gif") no-repeat 0 bottom;
	padding:				0 0 40px;
	min-height:		  		203px;
	height:					auto !important; /*IE FIX for min-height */
	height:					203px;
	}
div#info h4
{
	font-size:				1em;
	float:					left;
	display:				inline;
	color:					#000;
	width:					495px;
	margin:					10px 10px 0;
	}
div#main p
{
	float:					left;
	display:				inline;
	width:					495px;
	margin:					10px 10px 0;
	font-size:				1.2em;
	line-height:			15px;
	color:					#141414;
	}
div#main p.emph
{
	font-size:				1.2em;
	line-height:			15px;
	}
div#info p
{
  color:          #222;
  }
div#main p a
{
	color:					#000;
	}
div#main p a:hover
{
	text-decoration:		underline;
	}
div#main ul.list
{
	float:					left;
	display:				inline;
	width:					485px;
	margin:					10px 10px 0 20px;
	}
div#main ul.list li
{
	float:					left;
	width:					485px;
	margin:					0 0 5px;
	}
div#info ul.images
{
	float:					left;
	display:				inline;
	width:					495px;
	margin:					40px 10px 0 10px;
	}
div#info ul.images li
{
	float:					left;
	display:				inline;
	width:					115px;
	margin:					0 10px 0 0;
	}
div#info ul.images li.last
{
	margin:					0;
	}
div#info ul.images li.row
{
	margin:					10px 10px 0 0;
	}
div#info ul.images li a
{
	display:				block;
	width:					105px;
	height:					105px;
	padding:				4px;
	border:					1px solid #e4e3e3;
	}
div#info ul.images li a:hover
{
	border:					1px solid #000;
	}
ul.address, ul#site-map
{
	float:					left;
	display:				inline;
	width:					485px;
	margin:					10px 10px 0 20px;
	font-size:				1.2em;
	}
ul.address li
{
	float:					left;
	width:					485px;
	margin:					0 0 3px;
	color:					#222222;
	}
ul.address strong
{
	color:					#000;
	}
ol.contacts
{
	float:					left;
	display:				inline;
	width:					485px;
	margin:					10px 10px 0;
	font-size:				1.2em;
	}
ol.contacts li
{
	float:					left;
	width:					495px;
	margin:					0 0 5px;
	}
ol.contacts h5
{
	display:				block;
	font-size:				1em;
	font-weight:			normal;
	float:					left;
	width:					485px;
	w\idth:					475px;
	background:				#e8e8e8 url("../images/contacts-hover.gif") repeat-x;
	padding:				5px 10px;
	cursor:					pointer;
	color:					#222222;
	}
ol.contacts dl
{
	float:					left;
	width:					155px;
	w\idth:					145px;
	padding:				5px 10px;
	}
dt.name, dt.position, dt.skype
{
	float:					left;
	width:					140px;
	}
dt.name
{
	font-weight:			bold;
	color:					#000;
	margin:					5px 0 0;
	font-size:				1.2em;
	}
dt.position
{
	font-style:				italic;
	margin:					2px 0 5px;
	}
dt.skype
{
	margin:					10px 0 0;
	}
dt.tel, dt.email
{
	float:					left;
	clear:					left;
	width:					90px;
	}
dd
{
	float:					left;
	width:					140px;
	color:					#000;
	}
dd a
{
	color:					#000;
	}
a.person
{
	display:				block;
	float:					left;
	width:					80px;
	height:					80px;
	padding:				4px;
	border:					1px solid #e4e3e3;
	margin:					10px 0;
	}
dl.main-contact
{
	float:					left;
	display:				inline;
	width:					485px;
	margin:					10px 10px 10px 20px;
	font-size:				1.2em;
	}
dl.main-contact dt
{
	float:					left;
	clear:					left;
	width:					140px;
	}
ul#site-map li
{
	float:					left;
	width:					470px;
	margin:					0 0 3px;
	color:					#000;
	}
ul#site-map li a
{
	color:					#000;
	}
ol.embeded
{
	margin:					0 0 0 10px;
	}
ol.embeded li a
{
	color:					#5B5B5B !important;
	}
a.bold
{
	font-weight:			bold;
	}
a.italic
{
	font-style:				italic;
	}
/*   SIDEBAR                                                                                     SIDEBAR ::
----------------------------------------------------------------------------------------------------------------- */
div#sidebar
{
	float:					left;
	width:					251px;
	margin:					15px 0 0;
	background:				url("../images/sidebar.gif") no-repeat;
	min-height:				276px;
	height:					auto !important; /*IE FIX for min-height */
	height:					276px;
	}
div#sidebar h3
{
	float:					left;
	display:				inline;
	width:					231px;
	font-size:				2em;
	text-transform:			uppercase;
	font-weight:			normal;
	line-height:			22px;
	color:					#212121;
	margin:					10px 10px 15px 10px;
	}
div#sidebar h2
{
	font-size:				1.2em;
	color:					#2d2d2d;
	float:					left;
	display:				block;
	width:					236px;
	w\idth:					236px;
	padding:				6px 5px 10px 10px;
	height:					27px;
	background:				url("../images/heading.gif") no-repeat;
	text-transform:			uppercase;
	}
div#sidebar h3 a, 
div#sidebar h2 a {
	float:					left;
	text-decoration:		none;
	color:					#000;
}
div#sidebar h3 a:hover, 
div#sidebar h2 a:hover {
	text-decoration:		underline;
}
div#sidebar span.emph
{
	font-weight:			bold;
	}
div#sidebar ul
{
	float:					left;
	display:				inline;
	width:					231px;
	margin:					0 10px 10px 10px;
	}
body#home div#sidebar ul {
	min-height:				181px;
	height:					auto !important; /*IE FIX for min-height */
	height:					181px;
	}
div#sidebar ul li
{
	float:					left;
	width:					231px;
	font-size:				1.2em;
	margin:					0 0 10px;
	color:					#212121;
	}
div#sidebar ul li a
{
	color:					#212121;
	font-size:				1em;
	}
div#sidebar ul.latest_news li a strong {
	font-size:				0.8em;
}
/*   TABLE                                                                                     TABLE ::
----------------------------------------------------------------------------------------------------------------- */
table
{
	width:					495px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	margin:					20px 10px 0;
	}
thead, tfoot
{
	float:					left;
	width:					495px;
	padding:				5px 0;
	border-top:				1px solid #808080;
	border-bottom:			1px solid #808080;	
	}
	
body#service div#info table thead{
	display:				none;
}
tfoot a
{
	color:					#000;
	}
tbody
{
	float:					left;
	}
tbody tr
{
	float:					left;
	padding:				5px 0;
	}
tbody tr:hover
{
	background:				#EFEFEF;
	}
th.pos, td.pos, th.btns, td.btns, th.imgs, td.imgs
{
	width:					50px;
	text-align:				center;
	}
th.display, td.display
{
	width:					30px;
	text-align:				center;
	}
th.wide, td.wide
{
	width:					300px;
	padding:				0 0 0 10px;
	}
th.wider, td.wider
{
	width:					350px;
	padding:				0 0 0 10px;
	}
th.widest, td.widest
{
	width:					390px;
	text-align:				left;
	padding:				0 0 0 10px;
	}
.widest a
{
	color:					#000;
	}
th.download, td.download
{
	width:					70px;
	text-align:				center;
	}
.download a
{
	color:					#000;
	}
a.delete, a.images
{
	color:					#808080;
	}
a.edit
{
	color:					#008535;
	}
/*   FORMS                                                                                     FORMS ::
----------------------------------------------------------------------------------------------------------------- */
form#contact-form
{
	float:					left;
	display:				inline;
	width:					475px;
	w\idth:					465px;
	margin:					10px 0 0;
	padding:				0 0 0 10px;
	}
form#contact-form fieldset
{
	float:					left;
	display:				inline;
	width:					475px;
	}
form#contact-form fieldset img
{
	float:					left;
	margin:					20px 0 0;
	}
form#contact-form legend
{
	font-size:				1.1em;
	color:					#393939;
	font-weight:			bold;
	margin:					0 0 5px -5px;
	padding:				0 0 5px;
	}
form#contact-form legend span
{
	display:				block;
	width:					475px;
	}
form#contact-form ol, form#contact-form li
{
	width:					475px;
	float:					left;
	}
form#contact-form label, form#contact-form button
{
	width:					105px;
	float:					left;
	clear:					left;
	font-size:				1.2em;
	margin:					5px 0;
	color:					#393939;
	padding:				6px 0;
	}
form#contact-form label a
{
	color:					#3C68AB;
	}
form#contact-form label a:hover
{
	text-decoration:		underline;
	}
form#contact-form span.warning
{
	color:					#525252;
	font-style:				italic;
	}
form#contact-form input, form#contact-form textarea, form#contact-form select
{
	width:					363px;
	w\idth:					353px;
	float:					left;
	background:				#e7e7e7 !important;
	padding:				5px;
	border:					1px solid #C0C0C0;
	margin:					5px 0 0;
	}
form#contact-form select
 {
	width:					364px;
	}
form#contact-form option
{
	padding:				0 5px;
	}
form#contact-form textarea
{
	font-family: 			Arial, sans-serif;
	font-size:				1.3em;
	}
form#contact-form input:focus, form#contact-form textarea:focus
{
	border:					1px solid #393939;
	}
form#contact-form button
{
	float:					left;
	display:				inline;
	width:					100px;
	margin:					10px 0 0 105px;
	padding:				5px;
	color:					#393939;
	background:				#e7e7e7;
	border:					1px solid #C0C0C0;
	cursor:					pointer;
	}
form#contact-form button:hover
{
	border:					1px solid #393939;
	}
form#contact-form fieldset a
{
	float:					left;
	width:					475px;
	}
form#contact-form p.good
{
	float:					left;
	width:					475px;
	padding:				5px 0;
	margin:					5px 0 0;
	font-size:				1.2em;
	color:					#008535;
	border-top:				1px solid #008535;
	border-bottom:			1px solid #008535;
	}
form#contact-form p.bad
{
	float:					left;
	width:					475px;
	padding:				5px 0;
	margin:					5px 0 0;
	font-size:				1.2em;
	color:					#850000;
	border-top:				1px solid #850000;
	border-bottom:			1px solid #850000;
	}
form#contact-form p.warning
{
	float:					left;
	width:					475px;
	padding:				5px 0;
	margin:					5px 0 20px;
	font-size:				1.2em;
	color:					#808080;
	border-top:				1px solid #808080;
	border-bottom:			1px solid #808080;
	}
form#contact-form  li.warning label
{
	color:					#850000;
	}
form#contact-form  li.warning input, form#contact-form  li.warning select, form#contact-form  li.warning textarea
{
	border:					1px solid #850000;
	}
/*   SECONDARY                                                                                     SECONDARY ::
----------------------------------------------------------------------------------------------------------------- */
div#secondary
{
	float:					left;
	width:					780px;
	height:					84px;
	margin:					5px 0;
	background:				url("../images/secondary.gif") no-repeat;
	}
div#secondary p
{
	float:					left;
	width:					490px;
	margin:					15px 40px 0 10px;
	display:				block;
	line-height:			18px;
	font-size:				1.2em;
	color:					#4c4c4c;
	}
div#secondary p span.lquote
{
	display:				block;
	width:					21px;
	height:					15px;
	float:					left;
	margin:					0 10px 0 0;
	text-indent:			-9999px;
	background:				url("../images/lquote.gif") no-repeat;
	}
div#secondary p a.rquote
{
	white-space:			nowrap;
	display:				inline;
	padding:				0 0 5px 0;
	margin:					0 0 0 8px;
	background:				url("../images/rquote.gif") no-repeat;
	}
div#secondary p a.rquote:hover
{
	text-decoration:		none;
	}
em.client
{
	color:					#141414;
	}
div#secondary p a
{
	white-space:			nowrap;
	font-style:				normal;
	color:					#000;
	}
div#contacts
{
	float:					right;
	margin:					3px 0 0;
	width:					223px;
	height:					77px;
	background:				url("../images/contacts.gif") no-repeat;
	}
div#contacts ul
{
	float:					left;
	width:					222px;
	margin:					5px 0 0;
	}
div#contacts ul li
{
	text-align:				center;
	height:					25px;
	color:					#393939;
	}
div#contacts ul li a
{
	color:					#393939;
	}
div#contacts ul li a:hover
{
	text-decoration:		none;
	}
div#contacts ul li.tel
{
	font-size:				2.2em;
	}
div#contacts ul li.email
{
	font-size:				1.8em;
	}
div#contacts ul li.skype
{
	font-size:				1.4em;
	}
div#contacts ul li.skype a
{
	display:				block;
	float:					left;
	}
div#contacts ul li.skype span.skype-text
{
	margin:					0 auto;
	display:				block;
	width:					100px;
	}
div#contacts ul li.skype span.skype-text a.s-text
{
	padding-left:			5px;
	}
/*   FOOT                                                                                     FOOT ::
----------------------------------------------------------------------------------------------------------------- */
div#foot
{
	float:					left;
	display:				inline;
	width:					760px;
	font-size:				1.2em;
	padding:				0 0 10px;
	}
div#foot p
{
	float:					left;
	width:					760px;
	color:					#808080;
	margin:					0 0 5px;
	padding:				0 0 0 10px;
	}
div#foot p a
{
	color:					#808080;
	}

/* -- ARTICLES LINKS AT FOOT -------------------------- */
div#articles
{
  float:            		left;
  width:            		778px;
  background-color: 		#ECECEC;
  border:           		1px solid #DDD;
  margin:           		0 0 5px;
  }
div#articles h3
{
  float:            		left;
  width:            		184px;
  w\idth:           		174px;
  padding:          		5px 0 5px 20px;
  /*border-bottom:    1px solid #DDD;*/
  /*border-right:    1px solid #DDD;*/
  font-size:				1.1em;
  }
div#articles h3 a
{
  color:            		#333;
  text-transform:   		uppercase;
  }
div#articles h3 a:hover
{
  text-decoration:  		none;
  }
div#articles ul
{
  float:            		left;
  width:            		583px;
  padding:          		0;
  /*background:       transparent url("../images/articles-bg.gif") repeat-y 0 0;*/
  }
div#articles ul li
{
  float:            		left;
  width:            		180px;
  height:					20px;
  w\idth:           		161px;
  padding:          		5px 10px 0 22px;
  background:       		#ececec url("../images/article-bullet.gif") no-repeat 8px 7px;
  border-left:    			1px solid #DDD;
  }
div#articles ul li a
{
  color:            		#666;
  font-size:				1.1em;
  }
div#articles ul li a:hover
{
  color:            		#000;
  text-decoration:  		none;
  }

/* -- ALL ARTICLES OVERVIEW -------------------------- */

div#main ul#allarticles, div#main ul#allarticles li
{
  float:            left;
  width:            515px;
  }
div#main ul#allarticles li
{
  padding:          0 0 20px;
  margin:			0 0 10px;
  border:    		1px solid #E4E3E3;
  border-width:		0 0 1px;
  background:		url('../images/main.gif') left top repeat-y;
  }
div#main ul#allarticles h2
{
	font-size:				1.2em;
	color:					#2d2d2d;
	float:					left;
	display:				block;
	width:					515px;
	w\idth:					495px;
	padding:				6px 10px 0;
	height:					27px;
	background:				url("../images/heading.gif") no-repeat;
	text-transform:			uppercase;
  }
div#main ul#allarticles h2 a
{
  color:            #222;
  }
div#main ul#allarticles h2 a span {
	font-size:		0.7em;
	color:			#888;
}
div#main ul#allarticles h2 a small {
	float:			right;
}
div#sidebar p
{
  margin:           10px 25px 10px 10px;
  font-size:        1.3em;
  line-height:      1.5em;
  color:            #222;
  }

/* -- ARTICLE LANDING PAGE -------------------------- */
div#main h1.article
{
  float:            left;
  width:            515px;
  w\idth:           495px;
  padding:          25px 10px;
  background:       transparent url("../images/article-heading-bg.jpg") repeat-y 0 0;
  font-size:        2.3em;
  color:            #000;
  border-bottom:    15px solid #FFF;
  }
div#main h3.lower
{
  font-size:        1.4em;
  text-transform:   none;
  }
div#article
{
  float:            left;
  width:            515px;
  background:       url("../images/mainbar.gif") no-repeat 0 bottom;
  padding:          5px 0 50px;
  min-height:       203px;
  height:           auto !important;
  height:           203px;
  border-bottom:    20px solid #FFF;
  }
div#article h1, div#article h2, div#main div#article h3
{
  float:            none;
  width:            auto;
  font-size:        2em;
  color:            #000;
  margin:           10px 10px 0;
  }
div#article h2
{
  font-size:        1.6em;
  }
div#main div#article h3
{
  font-size:        1.3em;
  padding:          0;
  height:           auto;
  background:       none;
  text-transform:   none;
  }
div#main div#article p
{
  float:            none;
  width:            auto;
  display:          block;
  }
div#main div#article p.intro
{
  font-size:        1.6em;
  line-height:      1.3em;
  }

dl#articlecontact
{
  float:            left;
  width:            200px;
  w\idth:           140px;
  margin:           10px;
  padding:          80px 30px 15px;
  border-top:       2px solid #EEE;
  border-bottom:    1px solid #EEE;
  background:       #FFF url("../images/contact-bg.gif") no-repeat 22px 10px;
  }
dl#articlecontact dt
{
  display:        none;
  }
dl#articlecontact dd.name, dl#articlecontact dd.position, dl#articlecontact dd.tel, dl#articlecontact dd.email, dl#articlecontact dd.skype
{
  float:            left;
  width:            140px;
  }
dl#articlecontact dd.name
{
  font-weight:      bold;
  color:            #000;
  margin:           5px 0 0;
  font-size:        1.8em;
  }
dl#articlecontact dd.position
{
  font-style:       italic;
  margin:           2px 0 5px;
  font-size:        1.4em;
  color:            #999;
  }
dl#articlecontact dd.tel, dl#articlecontact dd.email
{
  margin:           5px 0 0;
  font-size:        1.2em;
  }
dl#articlecontact dd.skype
{
  margin:           10px 0 0;
  }
dl#articlecontact dd a
{
  position:         relative;
  color:            #222;
  }

body#articlelanding div#sidebar
{
  background:       #F2F2F2 url("../images/sidebar.gif") no-repeat 0 bottom;
  padding-bottom:   45px;
  }
div#sidebar ol, div#sidebar ol li
{
  float:            left;
  width:            250px;
  }
div#sidebar ol li
{
  w\idth:           220px;
  padding:          0 10px 0 20px;
  margin:           10px 0 0;
  font-size:        1.4em;
  font-weight:      bold;
  color:            #222;
  }
 
 div#article ul.routes
 {
	float:			left;
	clear:			left;
	margin:			15px 0 0 10px;
 }
 
 div#article ul.routes li{
	display: inline;
	padding: 3px 6px 3px 0;
 }
 
div#article ul.routes li a {
	font-size:		1.1em;
	color:			#000;
}