/* Import Website Menu */
@import url("dropdown/default.css");

@import url("dropdown/default2.css");

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #FFF;
	padding-top: 16px;
}

body, th, td {
	font: 12px Arial, Helvetica, sans-serif;
	color: #252525;
}

a {
	color: #696969;
	text-decoration: underline;
	outline: none;
}

a:hover { color: #252525; }

img { border: 0; }

p { margin-bottom: 16px; }

ul, ol { margin-left: 20px; }

ul li, ol li { padding-bottom: 10px; }

.wrap {
	width: 958px;
	padding-top: 85px;
	margin: 0 auto;
	position: relative;
}

.logo {
	width: 105px;
	position: absolute;
	left: 38px;
	top: 0;
}

.logo a {
	display: block;
	height: 71px;
	background: url(../img/mtb-logo.gif) no-repeat left top;
}

.logo a span {
	position: absolute;
	left: -50000px;
}

.main-menu {
	background: url(../img/menu-bg.gif) no-repeat left top;
	padding: 12px 8px 0;
	width: 701px;
	height: 45px;
	position: absolute;
	top: 10px;
	right: 0;
}

.left-column {
	float: left;
	width: 756px;
	padding: 166px 10px 0;
	background: url(../img/pages-banner.jpg) no-repeat left top;
	color: #424242;
}

.two {
	padding: 112px 0 0;
	width: 776px;
}

.two .left {
	float: left;
	width: 186px;
}


.items { margin: 0; padding: 0; }

.items li {
	list-style: none;
	padding: 0 10px 10px;
	background: url(../img/dotted-line.gif) repeat-x left bottom;
	margin-bottom: 10px;
	text-align: center;
}

.items li a, .items li a:hover {
	display: block;
	text-transform: none;
	color: #526a9f;
	text-decoration: none;
	background: none;
	padding: 5px 0 0;
	font-size: 14px;
}


.two .right {
	float: right;
	width: 560px;
	padding: 42px 10px 0 0;
}

.two .right ul li, ul.show-arrow li{ list-style-image: url(../img/two-right-arrow.gif); }

.left-column h1.title {
	font-size: 28px;
	font-weight: normal;
	color: #D07100;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.left-column h1 {
	color: #585f6e;
	font-size: 14px;
	font-weight: bold;
	padding: 16px 0 6px;
}

.left-column h2 {
	color: #D07100;
	font-size: 13px;
	font-weight: bold;
	padding: 16px 0 6px;
	text-transform: uppercase;
}

.break {
	border-top:1px solid #E9ECF3;
	margin-top:8px;
	padding-top:10px;
}

.break a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	float: right;
	background: url(../img/arroworange-up.gif) no-repeat left center;
	width: 24px;
	text-align: right;
}

.homepage {
	background: url(../img/dotted-line.gif) repeat-x left bottom;
	padding-bottom: 10px;
}

.homepage .left-column {
	float: left;
	width: 776px;
	height: 432px;
	background: url(../img/homepage-banner.jpg) no-repeat left top;
	position: relative;
	padding: 0;
}

.homepage .left-column .newpage { 
	position: absolute;
	left: 0;
	bottom: 120px;
	background: url(../img/bg_evento.png) no-repeat left top;
	width: 354px;
	height: 80px;
	padding: 10px 24px 0;
	overflow: hidden;
}
	
.homepage .left-column .newpage h1 { 
	font-size: 20px;
	font-weight: bold;
	color: #585f6e;
	letter-spacing: -1px;
	padding: 0 0 0 0;
	}

.homepage .left-column .newpage a { 
text-decoration:none;
font-size:14px;
color:#C30;
	}

.homepage .left-column .newpage img { 
    margin-top:15px;
	}

.homepage .left-column .welcome {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/welcome_bg.gif) no-repeat left top;
	width: 354px;
	height: 103px;
	padding: 20px 24px 0;
	overflow: hidden;
}

.homepage .left-column .welcome h1 {
	font-size: 20px;
	font-weight: bold;
	color: #585f6e;
	letter-spacing: -1px;
	padding: 0 0 0 0;
}

.homepage .left-column .welcome li {
	list-style: none;
	background: url(../img/welcome_bullet.gif) no-repeat left 1px;
	padding: 0 0 13px 26px;
	font-size: 15px;
	color: #424242;
}

.homepage .left-column .blog-feed {
	position: absolute;
	width: 340px;
	bottom: 30px;
	right: 20px;
	font-size: 12px;
}

.homepage .left-column .blog-feed h1 {
	background: url(../img/dotted-line.gif) repeat-x left bottom;
	color: #585f6e;
	font-weight: bold;
	padding-bottom: 8px;
	font-size: 12px;
}

.homepage .left-column .blog-feed p {
	padding-top: 10px;
	margin: 0;
}

.homepage .left-column .blog-feed a {
	font-weight: bold;
	text-decoration: none;
	color: #d07100;
}

.homepage .left-column .blog-feed a:hover {
	text-decoration: underline;
	color: #a1a1a1;
}

.right-column {
	float: right;
	width: 176px;
	background: #f4f4f4 url(../img/rc_corners-bottom.gif) no-repeat left bottom;
	text-align: center;
	padding-bottom: 8px;
}

.homepage .right-column {
	height: 422px;
	padding-bottom: 0;
}

.right-column h1.spotlight {
	font-size: 13px;
	font-weight: bold;
	color: #585f6e;
	text-transform: uppercase;
	background: url(../img/h1spotlight-bg.gif) no-repeat left top;
	height: 22px;
	padding: 14px 10px 0;
	text-align: left;
}

.right-column .top {
	background: url(../img/right-column-top.gif) no-repeat left top;
	height: 8px;
	overflow: hidden;
	padding-bottom: 2px;
}

.right-column .box {
	background: url(../img/dotted-line.gif) repeat-x left bottom;
	padding: 10px 0 8px;
	margin: 0 10px;
	font-size: 11px;
}

.right-column .box h1 {
	color: #585f6e;
	font-size: 11px;
	padding-bottom: 6px;
}

.right-column .box h2 {
	color: #d07100;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 6px;
}

.right-column .box a, .right-column .box a:hover {
	font-weight: bold;
	color: #d07100;
	text-decoration: none;
}

.right-column .nobg { background: none; }

.right-column .shine {
	background: #dde1e7 url(../img/shine-bg.gif) repeat-x left top;
	padding: 8px 10px;
	margin: 0;
	font-size: 11px;
	text-align: left;
}

.right-column .shine h1 {
	color: #585f6e;
	font-size: 16px;
	padding-bottom: 6px;
	text-align: center;
}

.right-column .shine a {
	font-weight: normal;
	color: #2f4d8b;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 23px;
	margin: 0 0 5px;
}

.right-column .shine a:hover { color: #FFF; }

.doc { background: url(../img/doc-file.gif) no-repeat 2px center; }

.doc:hover { background: #8393b5 url(../img/doc-file.gif) no-repeat 2px center; }

.pdf { background: url(../img/pdf-file.gif) no-repeat 2px center; }

.pdf:hover { background: #8393b5 url(../img/pdf-file.gif) no-repeat 2px center; }

ul.timeline {
	height: 170px;
	padding: 10px 0 0;
	margin: 0;
}

ul.timeline li {
	list-style: none;
	width: 160px;
	height: 96px;
	background: url(../img/timeline-bg.gif) no-repeat left top;
	float: left;
	margin-right:10px;
	margin-top: 10px;
	padding: 12px 11px;
	position: relative;
}

ul.timeline li h1 {
	color: #b1b5c4;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: normal;
	text-align: right;
	padding: 0;
	margin: 0;
}

ul.timeline li h1 strong { font-size: 16px; }

ul.timeline li h2 {
	color: #b1b5c4;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

ul.timeline li div {
	position: absolute;
	bottom: 0;
	font-size: 11px;
	width: 160px;
}

ul.timeline li div a {
	color: #c2c2c2;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/tl-blue-arrow.gif) no-repeat left 1px;
	padding: 0 0 0 16px;
	display: block;
	margin-bottom: 12px;
}

ul.timeline li div a:hover {
	color: #d07100;
	text-decoration: underline;
}

ul.timeline li.last { margin-right: 0; }

ul.timeline li.active {
	background: url(../img/timeline-bg-active.gif) no-repeat left top;
	margin-top: 0;
	height: 146px;
	margin-left:-5px;
	margin-right:5px;
}

ul.timeline li.active h1 {
	color: #fff;
	font-size: 16px;
}

ul.timeline li.active h2 { color: #fff; }

ul.timeline li.active div { bottom: 30px; }

ul.timeline li.active div a {
	color: #fff;
	background: url(../img/tl-orange-arrow.gif) no-repeat left 1px;
	text-decoration: underline;
}

ul.timeline li.active div a:hover { color: #fff; }

ul.timeline li.y2008 {
	width: 69px;
	background: url(../img/2009_btn3.gif) no-repeat left top;
	padding: 0;
	height: 120px;
}

ul.timeline li.y2008 a, ul.timeline li.y2008 a:hover {
	display: block;
	width: 69px;
	height: 120px;
}

ul.timeline li.y2009 {
	width: 110px;
	background: url(../img/2011_btn.gif) no-repeat left top;
	padding: 0;
	height: 120px;
}

/* Timeline for content */
#forcontent ul.timeline {
	height: auto;
	width: 186px;
	padding: 0;
	margin: 0;
}

#forcontent ul.timeline li {
	list-style: none;
	width: 146px;
	height: 89px;
	background: url(../img/timeline-bg2.gif) no-repeat left top;

	float: none;
	margin: 0 10px 10px;
	padding: 10px;
	position: relative;
}

#forcontent ul.timeline li h1 {
	color: #b1b5c4;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: normal;
	text-align: right;
	padding: 0;
	margin: 0;
}

#forcontent ul.timeline li h1 strong { font-size: 20px; }

#forcontent ul.timeline li h2 {
	color: #b1b5c4;
	font-size: 13px;
	letter-spacing: 0;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#forcontent ul.timeline li div {
	position: absolute;
	bottom: 0;
	font-size: 11px;
	width: 146px;
}

#forcontent ul.timeline li div a {
	color: #c2c2c2;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/tl-blue-arrow.gif) no-repeat left 1px;
	padding: 0 0 0 16px;
	display: block;
	margin-bottom: 12px;
}

#forcontent ul.timeline li div a:hover {
	color: #d07100;
	text-decoration: underline;
}

#forcontent ul.timeline li.last { margin-right: 0; }

#forcontent ul.timeline li.active {
	background: url(../img/timeline-bg-active2.gif) no-repeat left top;
	margin: 0 0 10px;
	width: 166px;
	height: 89px;
}

#forcontent ul.timeline li.active h1 {
	color: #fff;
	font-size: 22px;
}

#forcontent ul.timeline li.active h2 { color: #fff; }

#forcontent ul.timeline li.active div { bottom: 0; }

#forcontent ul.timeline li.active div a {
	color: #fff;
	background: url(../img/tl-orange-arrow.gif) no-repeat left 1px;
	text-decoration: underline;
}

#forcontent ul.timeline li.active div a:hover { color: #fff; }

#forcontent ul.timeline li.y2008 {
	width: 166px;
	background: url(../img/2008_btn2.gif) no-repeat left top;
	padding: 0;
	height: 47px;
}

#forcontent ul.timeline li.y2008 a, #forcontent ul.timeline li.y2008 a:hover {
	display: block;
	width: 166px;
	height: 47px;
	text-decoration: none;
}

#forcontent ul.timeline li.y2009 {
	width: 166px;
	background: url(../img/2009_btn2.gif) no-repeat left top;
	padding: 0;
	margin-bottom: 4px;
	height: 55px;
}

.quicknav {
	float: right;
	background: #f4f4f4;
	padding: 6px 8px;
	color: #4a5b80;
}

.quicknav select {
	border: 1px solid #cccccc;
	width: 60px;
}

.two .right ul.news, ul.news {
	margin: 0;
	padding: 0;
}

.two .right ul.news li, ul.news li {
	list-style: none;
	list-style-image: none;
	background: url(../img/dotted-line.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 16px;
}

.two .right ul.news li h1, ul.news li h1 { padding: 0 0 8px; margin: 0;}

.two .right ul.news li h1 strong, ul.news li h1 strong { color: #acafb7; font-size: 11px; display: block; text-transform: uppercase; }

.two .right ul.news li a, .two .right ul.news li a:hover, ul.news li a, ul.news li a:hover { color: #D07100; font-weight: bold; }


.sponsors {
	background: url(../img/sponsors-header.jpg) no-repeat left top;
	position: relative;
}

.sponsors_btn {
	position: absolute;
	top: 86px;
	right: 20px;
}

ul.sponsors-list { margin: 0; padding: 0; }

ul.sponsors-list li, .two .right ul.sponsors-list li { list-style: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #e5e5e5; text-align: left; position: relative; list-style-image: none; }

ul.sponsors-list li h1 { margin: 0; padding: 0; text-align: right; }

ul.sponsors-list li h1 a, ul.sponsors-list li h1 a:hover { font-size: 11px; display: block; color: #D07100; text-decoration: none; font-weight: normal; }


ul.mentors { margin: 0; padding: 0; }
ul.mentors li img { float: left; border: 2px solid #e5e5e5;  }
ul.mentors li { 
	list-style: none; 
	margin: 0; 
	padding: 10px 0; 
	border-bottom: 1px solid #e5e5e5; 
	height: auto !important;
	height: 124px;
	min-height: 124px;
	}

ul.mentors li div { margin-left: 119px;}
ul.mentors li h1 { margin: 0; padding: 0 0 10px; }


ul.testimonials { margin: 0; padding: 0; }
ul.testimonials li { 
	list-style: none; 
	margin: 0; 
	padding: 10px 0; 
	border-bottom: 1px solid #e5e5e5; 
	text-align: right;
	}

ul.testimonials li h1 { margin: 0; padding: 0; }

ul.testimonials li h2 { color: #252525; font-size: 18px; font-style: italic; padding: 0 0 16px; margin: 0; text-transform: none; text-align: left; }

ul.testimonials li div { text-align: center; padding-bottom: 10px; }

ul.media { margin: 0; padding: 0; }
ul.media li img { border: 2px solid #e5e5e5; display: block; margin-bottom: 8px;  }
ul.media li { 
	list-style: none; 
	margin: 0; 
	padding: 10px 0; 
	border-bottom: 1px solid #e5e5e5; 
	}
	
ul.media li a, ul.media li a:hover { text-decoration: none; font-weight: bold; color: #545e79; }

ul.media li div { text-align: center; }

.two .right ul.mentors li, .two .right ul.testimonials li, .two .right ul.media li { list-style-image: none; }



.graybox {
	background: #f4f4f4 url(../img/sec-nav-top.gif) no-repeat left top;
	padding: 18px 0 0;
	margin-bottom: 20px;
	width: 176px;
}

.grayboxB {
	background: url(../img/sec-nav-bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

.footer {
	border-top: 1px solid #e9ecf3;
	padding-top: 12px;
	color: #acacac;
	font-size: 10px;
	text-align: right;
	margin: 10px 0;
}

.footer span { float: left; }

.footer a, .footer a:hover {
	text-decoration: underline;
	color: #acacac;
}

.footer a:hover { text-decoration: underline; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.team td a { display: block; padding: 10px 10px; background: #fff; text-decoration: none; text-align: center; width: 88px; }
.team td a:hover { background: #efefef; }
.team td a span { font-size: 10px; display: block; }
.team td img { display: block; padding-bottom: 8px;}

.team-info  { padding: 20px 0 0 0;}
.team-info img { float: left; margin: 0 10px 10px 0;}

#gallery {
	position:relative;
	height: 79px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

.widget, .widget_text li{ list-style:none;}