@charset "UTF-8";
/* CSS Document */


/* 
RED: #8c0707
GREEN: #4f8218
*/

/***************WOO FEATURED*************/
#featured ol, #featured ul, #featured li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

#featured ol, #featured ul {
	list-style: none;
}

#featured  {
	float: left;
	margin: 0 0 0 75px;
	background-color: #dce1e2;
}

#featured .information  {
	float: left;
	width: 530px; 
	padding: 20px 20px;
}

#featured .information h2  {
	margin: 0 0 10px 0;
	line-height: 30px;
	font-size: 30px;
}

#featured .information .feat-button .left  {
	display: block;
	float: left;
	width: 5px;
	height: 30px;
}

#featured .information .feat-button a.more-info  {
	display: block;
	float: left;
	height: 24px;
	padding: 6px 4px 0 8px;
	text-transform: uppercase;
	cursor: pointer;
}

#featured .information .feat-button .right  {
	display: block;
	float: left;
	width: 19px;
	height: 30px;
}

#featured-tabs  {
	float: left;
	width: 200px;
	height: 100%;
}

#featured-tabs li  {
}

#featured-tabs li a:link, #featured-tabs li a:visited  {
	display: block;
	margin-left: -1px;
	padding: 10px 0 10px 20px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#featured-tabs li a:hover, #featured-tabs li.active a  {
}

#featured-tabs a span  {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-top: -4px;
}

#featured .information ul,
#featured .information ol {
	margin: 5px 0;
	padding: 0 0 0 30px;
}

#featured .information ul li  {
	list-style-type: square;
}

#featured .information ul li ul  {
	margin: 8px 0;
	padding: 0 0 0 15px;
}

#featured .information ul li ul li  {
	list-style-type: disc;
}

#featured .information ol li  {
	list-style-type: upper-latin;
}

#featured .information ol li ol  {
	margin: 8px 0;
	padding: 0 0 0 15px;
}

#featured .information ol li ol li  {
	list-style-type: lower-latin;
}
#featured  {
	border: 1px solid #cbd1d2;
}

#featured .information  {
	background-color: #dce1e2;
}

#featured .information h2  {
	color: #333940;
}

#featured .information .feat-button .left  {
	background: url(/ifuw2010/imgs/greymaroon/moreinfoleft.jpg) repeat-x left top;
}

#featured .information .feat-button a.more-info  {
	color: #fff;
	background: url(/ifuw2010/imgs/greymaroon/moreinfotile.jpg) repeat-x left top;
}

#featured .information .feat-button .right  {
	background: url(/ifuw2010/imgs/greymaroon/moreinforight.jpg) repeat-x left top;
}

#featured-tabs  {
	border-left: 1px solid #e7eeef; !important
	background: #d0d6d7 url(/ifuw2010/imgs/greymaroon/featured_links_shadow.jpg) repeat-y left top; !important
}

#featured-tabs li  {
	border-top: 1px solid #bcc5c7;
	border-bottom: 1px solid #dee2e3;
}

#featured-tabs li a:link, #featured-tabs li a:visited  {
	color: #23262a;
}

#featured-tabs li a:hover, #featured-tabs li.active a  {
	background: url(/ifuw2010/imgs/greymaroon/featured_links_current.jpg) no-repeat left center;
}

#featured-tabs a span  {
	color: #4f5357;
}


/* BASIC TYPOGRAPHY
=====================================*/
html { font-size: 62.5%; font-family: calibri, arial, sans-serif }
h1, h2 {font-family: cambria, georgia, serif}
h3, h4, h5, h6 { font-family: calibri, arial, sans-serif }
strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
medium { font-size: .9em; } !important
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }


/* BASE SIZES
=====================================*/
.container { font-size: 1.5em; }
.container h1 { font-size: 1.9em; }
.container h2 { font-size: 1.7em; }
.container h3 { font-size: 1.3em; }
.container h4 { font-size: 1.2em; }
.container h5 { font-size: 1.1em; }
.container h6 { font-size: 1em; }


/* MARGINS & PADDINGS
=====================================*/
body {
	margin-top: 10px;
	margin-bottom: 30px;
		}
.container blockquote *:first-child { margin: .8em 0; }
.container hr, .container p, .container ul, .container ol, .container pre, .container blockquote, .container address, .container form { margin-bottom: 1.2em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
/*.container h1 { margin: 1em 0 .5em;  }*/
.container h2 { margin: 1.07em 0 .535em; }
.container h3 { margin: 1.14em 0 .57em; }
.container h4 { margin: 1.23em 0 .615em; }
.container h5 { margin: 1.33em 0 .67em; }
.container h6 { margin: 1.6em 0 .8em; }
/*.container th, .container td { padding: .8em; }*/
.container caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.container blockquote { padding: 0 1em; margin: 1.6em 0; }
.container fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.container legend { padding-left: .8em; padding-right: .8em; }
.container legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.container textarea, .container input { padding: .3em .4em .15em .4em; }
.container select { padding: .1em .2em 0 .2em; }
.container option { padding: 0 .4em; }
.container dt { margin-top: .5em;  }
.container dd { margin-left: 1.5em;}
.container ul { margin-left: 1.5em; }
.container ol { margin-left: 2.35em; }
.container ol ol, .container ul ol { margin-left: 2.5em; }
.container form div { margin-bottom: .8em; }
.container ul li {
	margin-bottom: 10px;
}

/* COLORS
=====================================*/
.container a:link { text-decoration: underline; color: #4f8218;}
.container a:visited { text-decoration: underline; color: #4f8218; }
.container a:hover { text-decoration: underline; color: #8c0707; }
.container a:active, .container a:focus { text-decoration: underline; color: #4f8218; }
.container code, .container pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
h2 {color:#8c0707;}
h3 {color:#333;}


/* TEXT CLASSES
=====================================*/
.container .small {font-size:.8em;margin-bottom:1.45em;line-height:1.45em;}
.container .large {font-size:1.3em}
.container .hide {display:none;}
.container .quiet {color:#666;}
.container .loud {color:#000;}
.container .highlight {background:#ff0;}
.container .top {margin-top:8px;padding-top:0;}
.container .bottom {margin-bottom:0;padding-bottom:0;}
.container .thin {font-weight: lighter;}
.container .error, .container .notice, .container .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.container .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.container .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.container .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.container .error a {color:#8a1f11; background:none; padding:0; margin:0; }
.container .notice a {color:#514721; background:none; padding:0; margin:0; }
.container .success a {color:#264409; background:none; padding:0; margin:0; }

.body-bg {
	background: url(imgs/bg-stripes-pink.jpg);
}

.columnborder-right {
	border-right: 1px solid #CCC;
}

.gradientbg {
	background-color: #000;
	background-image: url(imgs/bg-stripes.jpg);
	background-repeat: repeat-x;
}

.whitebg {
	background-color:#FFF;
}

.greybg {
	background-color:#EEE;
}

.headingborder-bottom {
	border-bottom: 2px solid #333;
}

.border {
	border: 3px solid #8c0707;
}

.last {
	border-bottom:1px #CCC solid;
	padding-bottom:15px;
}

.align-left {
	padding-right: .8em;
	float: left;
}

.align-right {
	padding-left: .8em;
	float: right;
}
img.no-border {
	border:0;
}
.align-center {
	margin: 0 auto;
	display: block;
}

.justify {
	text-align:justify;
}

.text-align-center {
	text-align:center;
}

.text-align-right {
	text-align:right;
}

.text-align-left {
	text-align:left;
}
/* TOP NAV MENU*/
ul#menu {
	width: 100%;
	height: 43px;
	background: #FFF url("imgs/menu-bg.gif") top left repeat-x;
	font-family: calibri, arial, sans-serif;
	font-size: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
ul#menu li a {
	height: 43px;
	color: #333;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 120%;
	padding: 10px 15px 0px;
}
ul#menu li a:hover {
	color: #A80329;
	padding: 5px 15px 0;
}
ul#menu li a.current {
	color: #FFF;
	background: #FFF url("imgs/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}


/*ul using include*/
body.index ul#menu #index a,
body.registration ul#menu #registration a,
body.programme ul#menu #programme a, 
body.seminars ul#menu #seminars a, 
body.workshops ul#menu #workshops a,
body.tours ul#menu #tours a,
body.hotel ul#menu #hotel a, 
body.info ul#menu #info a,
body.documents ul#menu #documents a,
body.contact ul#menu #contact a 
{
	color: #FFF;
	background: url("imgs/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
	font-weight:bold;
}


/*-----------------------------------------*/

#vertmenu {
	font-family: calibri, verdana, sans-serif;
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#vertmenu ul li {
	margin: 0px;
	padding: 0px;
}

#vertmenu ul li a {
	display: block;
	border-bottom: 1px solid #999;
	padding: 7px 0px 7px 5px;
	text-decoration: none;
	color: #333;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	background-color: #eeeeee;
}

#vertmenu .currentpage a:link, #vertmenu .currentpage a:visited {
	color:#FFF;
	background-color: #A80329;
}

#vertmenu ul li ul {
	list-style: none;
	margin: 0px;
	padding: 0 0 0 25px;
	border: none;
}

#vertmenu ul li ul li a {
	color: #666;
}
/*-----------------------------------------*/


/**************************************/
/*               FOOTER               */
/**************************************/

#footer {
	background-color: #f5f5f5;
}

#footer p {
	font-size: .9em;
	line-height: 1.2em;
	color: #666666;
	margin: 2px;	!important
	padding: 0;!important
}

#footer a {
	text-decoration: underline;
	color: #666666;
}

#footer p img {
	border:0;
	margin:0;
	padding:0;
}

/**************************************/
/*               OTHER               */
/**************************************/

.imgborder {
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #DDD;
	margin: 0 8px 0 8px;
	}

.clear{
	clear: both;
}

.clear-left {
	float:left;
	clear:left
}

.clear-right {
	float:right;
	clear:right
}

.clear-paras img{
	margin-bottom:12px;
	}
	
.clear-paras p{
	margin-bottom:0px;
	}
	
.langtab {
	background-color:#FFF;
	padding:5px 5px 2px;
}