@CHARSET "ISO-8859-1";

/*	 Primary Font Family:		"Lucida Grande",Helvetica,Arial,sans-serif 
	 Second Font Family: 		Georgia, "Times New Roman", serif */

*{
	margin:0px;
	padding:0px;
	font-size:100%;
}


.clear{
	clear:both;
}
img.right{
	float:right;

}
img.left{
	float:left;

}
img{
	border: 0px none;
}
body {
	/*background-color:#FFFFFF; /*F8FAF0*/
	font: 12px "Lucida Grande",Helvetica,Arial,sans-serif;
	background: url("../images/bg.png") repeat-x 0px 270px;
}

a {
	text-decoration: none;
	color: #0000cc;
}

a:hover{
	text-decoration:underline;
}

p {
	margin-bottom:1em;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight: normal;
	margin-bottom: 36px;
}

h2 {
	font-size: 16px;
	margin-bottom: 16px;	
}


input[type="submit"] {
	padding: 2px 6px 3px;
}

input[type="reset"] {
	padding: 2px 6px 3px;
}

.bold {
	font-weight: bold;
}

.smaller {
	font-size: smaller;
}



.message {
	color: red;
	font-size:20px; 
}

.message li {
	color: red; 
}

.hidden{
	display: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#header-wrap{	
	background: url("../images/banner.jpg");
	background-color: #000033;
	height: 200px;
}

#header{
	width: 980px;
}

#content{

	width: 900px;
	margin-bottom:35px;
	margin-top:0px;
	padding-top: 35px;
}


#top {
	height: 200px;
}

#nav-wrap{
	height: 70px;
	background: url("../images/navbar.png") repeat-x
}
#nav{
	width: 980px;
}

#homelogo{
	float:left;
	width: 300px;
	height: 100%
		
}

#homelogo a{
	display:block;
	height:110px;
	margin-left:55px;
	margin-top:0px;
	width:150px;
}

#top-right{
	float:left;
	width: 680px; 
	height:100%;
}

#footer-wrap{
	background: #aa0000;
	clear:both;
	margin-top:50px;
	border-top: #000000 1px solid;
}

.footHead{
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	font-weight: bold;
	margin: 20px 20px 0px 20px;
	width: 450px;
	text-align: center;
	color: #EEEE00;
}

#footer{

	width: 980px;

	color: #000000;
}

#footer a{
	color: #0000CC;
}

#footer .footer-header{
	border-bottom:1px solid #0000AA;
	display:block;
	font-family: Georgia, "Times New Roman", serif;
	font-size:150%;
	margin:0 20px 7px;	
}

#footer .footer-header span{
	float: right;
	font-size: 10px;
	margin-top:7px;	
}

#footer .footer-header:hover span{
	text-decoration: underline;
}

#footerNav{
	background: #990000;
	border: 2px solid #CC0000;
	clear: both;
	height: 17px;
	padding: 5px;
}

#footerNav a{
	color:#FFFFFF;
	font-size:115%;
	font-weight:bold;
	letter-spacing:1px;
	margin:20px;
}

#footerNav .left{
	float:left;
}


#footerNav .right{
	float:right;	
	margin-right: 20px;
}

#events, #tips{
	background: #FFFF99;
	border: 4px solid #DEDEDE;
	float: left;
	height: 200px;
	margin: 15px 13px;
	padding: 20px 10px;
	width: 436px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;			/* Opera 10.5, IE9*/
}

#events p{
	margin-left: 20px;
}

#copyright{
	clear: both;
	text-align: center;
	font-size: 8pt;
	margin-top: 5px;
}

.centered{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	
}

.nav-main{
	float: right;
	position:relative;
	font-family: Tahoma,Helvicta,Arial,sans-serif;
}

.nav-main li{
	
	float: left;
	height: 70px;
	list-style-type: none;
	position: relative;
	padding-top: 10px;
}

.nav-main li a{
	color:#FFFFFF;
	display:block;
	font-size:115%;
	font-weight:bold;
	letter-spacing:1px;
	padding: 7px 30px 3px 7px;
}

.nav-main li:hover span.sub-nav{
	visibility:visible;	
}
.nav-home{
	float:left;
	left:105px;
}

.nav-main span.sub-nav{
	display:inline;
	font-size:8pt;
	padding:0 7px 0;
	color:#FFFF66;
	visibility:hidden;
	
}

.nav-main span.sub-nav a{
	color:#FFFF66;
	display:inline;
	letter-spacing:-0.2px;
	padding: 0px;
	font-weight: normal;
	font-size:8pt;
}



#nav-main span.sub-nav a:hover{
	text-decoration: underline;	
}

#nav-main:hover span.sub-nav a{
	color: #000000;	
}

#nav-main li:hover a{
	color: #ff9955;
	text-decoration: none;
}

.nav-selected {
	background: url("../images/navlight.png") no-repeat 50% 54px;
}

#homeImage {
	float:left;
	width: 320px;
	
}

#homeImage img{
	margin: 4px;
	padding: 4px;
	border: #CECECE 1px solid;
}

#homeMessage {
	float:right;
	width: 550px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color: #000033;
}

#homeMessage h1{
	margin-bottom: 20px;
}


.homeText{
	font-size: 14px;
}

#homeMessage ul{
	margin-left: 20px;	
}

#homeTop{
	height: 400px;
}

#homeSelection {
	width: 900px;
	height: 190px;
	clear:both;
	padding-top: 40px;
		
}

.blueButton{
	background:url("../images/bluebutton.png") no-repeat 0 0;
	float:left;
	height:152px;
	margin-left:10px;
	position:relative;
	width:213px;
	color: #000000;	
}

.blueButton:hover{
	background: url("../images/bluebutton.png") no-repeat 0 -154px;
	text-decoration: none;
}



.BBTitle {
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	text-align: right;
	margin: 15px 20px 5px 30px;
	width: 160px;
}

.BBContent {
	display:block;
	left:26px;
	position:relative;
	width:160px;	
}

.BBCourses{
	background: url("../images/icons.png") no-repeat 0px -150px;	
}
.BBComments{
	background: url("../images/icons.png") no-repeat 0px -0px;	
}
.BBWho{
	background: url("../images/icons.png") no-repeat 0px -50px;	
}
.BBContact{
	background: url("../images/icons.png") no-repeat 0px -100px;	
}

.commentBox{
	background:none repeat scroll 0 0 #EEEEEE;
	border:4px solid #DEDEDE;
	margin-bottom:30px;
	margin-left:40px;
	margin-right:40px;
	padding:10px;
	position:relative;
	width:800px;
}

.commentPic{
	float:left;
	width: 150px;		
}

.commentTextBox{
	float:left;
	width: 650px;		
}

.commentBox .name{
	border-bottom:2px solid #CCCCCC;
	font-family:"Times New Roman",Times,serif;
	font-size:18px;
	font-weight:bold;
	width:200px;
	margin:0 0 10px 20px;
}

.commentBox .date{
	padding: 0px 20px 0px 20px;
	font-style: italic;
}

.commentBox .content{
	padding: 0px 20px 0px 20px;
}

.logout {
	margin-left: 30px;
}

#loggedInAs{
	background: white;
	border: 2px solid #CECECE;
	float: right;
	padding: 5px;
	position: relative;
	right: 30px;
}

.editTable tr, .editTable th, .editTable td{
	border: 1px solid #cecece;
		
}

.editTable td {
	padding: 4px;
		
}



.boxShadow{
	-moz-box-shadow:0 0 4px #999999;			/* Firefox */
	-webkit-box-shadow: 0px 0px 4px #999999; 	/* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #999999; 			/* Opera 10.5, IE 9.0 */
	

	/* For IE 8 */     
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";    
	/* For IE 5.5 - 7 */ 
   	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); 
}

.photoGalleryPhoto{
	float:left;
	height:225px;
	text-align:center;
	width:225px;
	position:relative
}

.photoGalleryPhoto img{
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;			/* Opera 10.5, IE9*/	
	border:1px solid #CECECE;
	padding:5px;
	position:relative;
	}
	
.photoGalleryPhoto img:hover{	
	background: #CECECE;
	}
	
.paging{
	clear:both;
	text-align: center;
	font-size: 12pt;
}

.paging table{
	text-align: center;
	margin: auto;
}

.paginationPage{
	border: solid 1px #CECECE;
	display: block;
	width: 25px;
}
.paginationPage:hover{
	background: #CECECE;	
}

.paginationNext, .paginationPrev{

	width: 50px;
	margin: 0px 5px;
}

.paginationCur{
	background: #99cccc;
	border: solid 1px #CECECE;
	display: block;
	width: 25px;
}

#contact-left{
	float: left;
	width: 200px;
}
#contact-right{
	float: right;
}
#contactForm{
	-moz-border-radius:10px 10px 10px 10px;		/* Firefox */
	-webkit-border-radius:10px 10px 10px 10px;	/* Safari 3+, Chrome */
	border-radius:10px 10px 10px 10px;			/* Opera 10.5, IE9*/
	background:none repeat scroll 0 0 #EEEEEE;
	border:4px solid #DEDEDE;
	padding:10px 0 20px 20px;
	width:600px;
}

#contactForm .formSection td{
	padding: 10px 0px;
	font-size: 125%;
}

#contactForm .cfText{
	padding:4px 0;
	vertical-align:top;
}

#contactForm input, #contactForm select, #contactForm textarea{
	background: #FFFFFF;
	border: solid 1px #CECECE;
	margin:1px;
	padding:2px;
}

#contactForm input:hover, #contactForm textarea:hover{
	background: #ffff99;
}
#contactForm input:focus, #contactForm textarea:focus{
	background: #ffff99;;
}

#contactForm .formButton{
	font-weight:bold;
	padding:4px;
	width:70px;
	cursor: pointer;
}
#contactForm .formButton:hover{
	background: #F2F5A9;

}

#cfErrorMessage{
	background: #FF8080;
	border: 3px solid red;
	margin-left: 30px;
	margin-right: 50px;
	padding-top: 12px;
	text-align: center;
	-moz-border-radius:4px 4px 4px 4px;		/* Firefox */
	-webkit-border-radius:4px 4px 4px 4px;	/* Safari 3+, Chrome */
	border-radius:4px 4px 4px 4px;			/* Opera 10.5, IE9*/
}
.requiredField{
	color: #FF0000;
	font-size: 75%;
}

.mceContentBody{
	background: none;
}
.userContent img, .mceContentBody img{
	border:1px solid #CECECE;
	margin:0 6px;
	padding:3px;
}
.userContent td, .mceContentBody td{
	border:1px solid #CECECE;
	padding:3px;
	background: #F5F6CE;
}

.userContent table, .mceContentBody table{
	border:1px solid #CECECE;
	padding:4px;	
}

.userContent ul, .mceContentBody ul{
	margin:12px;
	padding-left: 40px;
}

.foot-event{
	width: 100%;
	height: 60px;
}

.ev-date{
	width: 20%;
	float:left;
}

.ev-date .day{
	font-size: 300%;
	color: #0000AA;
	font-family: Georgia, "Times New Roman", serif;
	float:left;	
}

.ev-date .monthyear{
	float: left;
	padding:11px 0 0 1px;
}
.ev-date .monthyear span{
	display: block;
	font-weight: bold;
	height: 10px;
}

.ev-details{
	float:left;
	width:80%;
}

.ev-details span{
	display: block;
	padding: 3px 0 0 0;
	font-weight: bold;
	color: #FFFF66;
}

.eventBox{
	background:none repeat scroll 0 0 #FFFF99;
	margin:20px;
	width:900px;
	border: solid 5px #CECECE;	
}

.eventMeta{
	float:left;
	padding:15px;
	width:170px;
	background: url("../images/eventmeta.png") no-repeat;
}

.eventDetails{
	background:none repeat scroll 0 0 #FFFFCC;
	float:right;
	padding:15px;
	width:670px;	
	min-height: 144px;
}

.eventDetails img{
	float: right;
	margin: 0px 5px 0px 5px;
}
.eventMeta .date, .eventMeta .time{
	float:left;
	height:40px;
	margin-bottom: 5px;	
	width: 90px;
}

.eventMeta .time{
	width: 75px;	
}
.eventMeta .date .day, .eventMeta .time .hour{
	float:left;
	font-size: 24pt;
	font-family: Georgia, "Times New Roman", serif;	
}
.eventMeta .date .monthYear, .eventMeta .time .minute{
	float:left;	
}
.eventMeta .date .monthYear span, .eventMeta .time .minute span{
	display:block;
	font-weight:bold;
	line-height:0.5em;
	padding:14px 0 0;	
}

.eventBox .eventTitle{
	font-weight: bold;
	font-size: 150%;	
}

.eventSelect{
	margin-left: 20px;
}

.eventSelect a{
	display: inline;
	background: #ffffff;
	border: 2px #DEDEDE solid;
	padding:4px 20px;
}


.aboutTitle{
	height: 45px;
}

.aboutTitle a{
	color: white;
	display: block;
	font-size:14pt;
	padding:7px 10px;
	background: url('../images/aboutback.png') no-repeat;
}



.aboutContent{
	overflow: auto;	
	padding: 20px;
}

.aboutContent img{
	padding: 4px;
	margin: 0px 10px;
	border: 1px #CECECE solid;
}
.aboutContent ul{
	padding-left: 40px;
	
}

#aboutNavWrap{
	width: 350px;
}
#aboutNav{
	margin-top: 18px;
	float:left;
}
#aboutNav li{
	background:none repeat scroll 0 0 #EEEEEE;
	border:4px solid #DEDEDE;	
	list-style: none;
	padding: 5px 10px;
	margin-right: 15px;
	margin-bottom: 20px;
}

#aboutMap{
	position: relative;
	float: left;
	margin-left: 36px;
	margin-bottom: 40px;
	height: 167px;
	width: 200px;
	background: url("../images/about-map.png");
	border: #CECECE 4px solid;
}

#aboutMap a{
	display:block;
	position:absolute;
	text-indent:-13000px;
}
#aboutMap a:hover{
	border-bottom: #CECECE 1px solid;
}
#aboutMap a#school{
	height:40px;
	left:10px;
	top:55px;
	width:80px;
}

#aboutMap a#medellin{
	height:20px;
	left:100px;
	top:40px;
	width:85px;
}

#aboutMap a#colombia{
	height:15px;
	left:120px;
	top:60px;
	width:78px;
}

#sliderContainer{
	clear: both;
}
#adminMenu li{
	list-style:none;
	font-size: 14pt;
	display: block;
	margin:5px 0px;	
}

#adminMenu li ul li{
	font-size:10pt;
	list-style:none;
	margin-left:20px;	
}

#adminTable{
		font-size: 14pt;
	margin-bottom: 12px;
}
#adminTable td{
	width:200px;
	border: 1px solid;
	padding: 1px 4px;
}

#adminTable td.title{
	border: 0px;
	text-align:right;

}

.adminOptions {
	font-size: 14pt;
}
#adminContentTable td {
	height: 30px;
	
}

.adminEditForm td{
	padding: 4px;
}

#primCourse{
	width: 750px;
	height: 250px;
	border: 3px solid #CECECE;
	background: #FFFF9F;
	margin-bottom: 30px;

}

#primCourse .title {
	font-size:16pt;
	font-family: Georgia, "Times New Roman", serif;
	padding: 20px 20px;
}

#primCourse img{
	float: left;
	padding: 4px;
	margin: 4px;
	margin-right: 20px;
	border: solid 1px #CECECE;
}

#primCourse .shortDesc{
	float: left;
	padding: 0px 30px;
}
#primCourse .shortDesc p{
	font-size: 14px;
}
.etImg{
	float: left;
	margin-right:5px;
}


#otherCourses .course{
	border: 3px solid #CECECE;
	background: #FFFF9F;
	float: left;
	height: 230px;
	margin: 5px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	width: 240px;
	position:relative;
}

#otherCourses .title{
	font-size:16pt;
	font-family: Georgia, "Times New Roman", serif;
	margin-bottom: 10px;
}

#otherCourses img{
	float: left;
	padding: 4px;
	margin-right: 10px;
	border: solid 1px #CECECE;
}

#otherCourses .moreButton{
	position:absolute;
	top: 180px;
	left: 160px;
}

#primCourse .moreButton{
	float: right;
}

#otherCourses .moreButton a, #primCourse .moreButton a{
	display: block;
	background: url("../images/more.png") no-repeat;
	width: 65px;
	height: 28px;
	padding: 12px 0px 0px 35px;
	
}

#primCourse a, #otherCourses a{
	color: #000000;	
}

#Ie6warning{
	padding-top: 8px;
	width: 100%;
	height: 24px;
	border-bottom: 1px solid;
	background: #FFFF99;	
}
#Ie6warning p{
	text-align:center;
}
#Ie6warning img{
	margin-right: 5px;
	padding-bottom: 8px;
}

#tips-left{
	float: left;
	width: 650px;
}

#tips-right{
	float: right;
	width: 200px;
}

#tipsDisplay{
	margin-top: 20px;
	border: #CECECE solid 1px;
	margin-bottom: 20px;
	
}

#tipsBrowsingBy{
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
	margin-top:30px;	

}
#tipsBrowsingBy span{
	background-color: #CECECE;
	padding: 2px 5px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius:4px;
	
}
#tipsBrowsingBy a{
	font-weight: normal;
	font-size: 12px;
}
.tip{
	border-bottom: #CECECE solid 1px;
	padding: 5px 20px;
}
.tip h2{
	margin-bottom: 5px;
	margin-top: 10px;
	border-bottom: #CECECE solid 1px;
}

.tip h2 span{
	font-size: 12px;
	color: #999999;
	font-style: italic;
	margin-left:20px;
}

.tip .tags{
	background: #CECECE;
	padding: 5px;
}

.tip .subtitle{
	margin-top: 20px;
}

#browseByTags{
	background:none repeat scroll 0 0 #EEEEEE;
	border:4px solid #DEDEDE;
	padding: 0px 20px 20px 20px;
}

#browseByTags h2{
	padding-top: 20px;
}

#browseByTags ul li{
	margin:0px;
	list-style: none;
}

#tipHeader{
	background: #EEEEEE;
	border: #DEDEDE 4px solid;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 20px;
}

#podcasts, #videos{
	height: 200px;
	width: 800px;
	background:#EEEEEE;
	border:4px solid #DEDEDE;
	margin: 20px;
	padding: 20px;
	left: 20px;
}
#podcasts img, #videos img{
	float: left;
	margin-left: -15px;
	margin-top: -17px;
}

.youtubeVideo, .podcastBox{
	clear:both;
	position:relative;
	background: #EEEEEE;
	border: 4px solid #DEDEDE;
	padding: 20px;
	width: 800px;
	margin-top:20px;
	margin-bottom: 40px;
}

.youtubeVideo{
	height: 300px;
}
.youtubeVideo .vid{
	float: left;
	width: 370px;
}

.youtubeVideo .meta{
	width: 400px;
}



.youtubeVideo .vid embed{
	height: 300px;
	width: 370px;
}
.youtubeVideo .meta, .podcastBox .meta{
	float:left;
	margin-left: 20px;
}

.youtubeVideo .date, .podcastBox .date{
	color: #808080;;
}

.podcastBox .pod{
	float: left;
	width: 214px;
}

.podcastBox .pod p{
	font-size: 9px;
}

.podcastBox .meta{
	width: 565px;
}

#nav-slider{
	width: 900px;
	height: 200px;
	clear:both;
	padding-top: 40px;
}
#nav-slider ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav-slider ul li{
	background:url("../images/slide-bg.png") repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:200px;
	margin-right:8px;
	padding:0;
}

#nav-slider ul li a{
  display: block;
  overflow: hidden;
  height: 200px;
  width: 100px;
  color: #000000;
}

#nav-slider ul li a:hover{
	text-decoration:none;
}

#nav-slider #first{
  width: 240px;
}

#nav-slider ul li img{
  position: absolute;

}

#nav-slider ul li p{
	display:block;
	margin:0 0 0 100px;
	padding:0;
	width:130px;
}
#nav-slider ul li p img{
	height:60px;
	margin:30px 10px 20px;
	position:relative;
	display:block;
}