.base {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.base a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.base a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.base a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.base a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F99302;
}

.contentnull {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #2D5592;
	margin:0px;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #004F74;
	text-decoration: none;
	font-weight: normal;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #4274CB;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #b15c11;
	font-weight: normal;
	text-decoration: underline;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #3E71CA;
	text-decoration: none;
	font-weight: normal;
}

a.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4072C9;
	text-decoration: none;
	font-weight: bold;
}

a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004F74;
	text-decoration: none;
	font-weight: bold;
}

a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FE7203;
	font-weight: bold;
	text-decoration: none;
}

a.menu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004F74;
	text-decoration: none;
	font-weight: bold;
}

.topmenu-reg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
}

a.topmenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

a.topmenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

a.topmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #009900;
	font-weight: normal;
	text-decoration: none;
}

a.topmenu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

.base-reg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
}

a.basemenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
	text-decoration: none;
	font-weight: normal;
}

a.basemenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
	text-decoration: none;
	font-weight: normal;
}

a.basemenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

a.basemenu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
	text-decoration: none;
	font-weight: normal;
}

a.home:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

a.home:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

a.home:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
	font-weight: normal;
	text-decoration: none;
}

a.home:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

.leftmenutitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FC780B;
	width: 151px;
}

.righttablestoptitles{
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #fafafa;
	margin-top: 0px;
	width: 148px;
	border-top: 0px dotted #d1d1d1;
	border-right: 1px dotted #d1d1d1;
	border-bottom: 1px dotted #d1d1d1;
	border-left: 1px dotted #d1d1d1;
}

* html div.righttablestoptitles {  /* CSS hack */
	width: 148px; 
	w\idth: 148px; }

.righttablestop {
	padding: 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FE7203;
	margin-top: 5px;
	width: 148px;
	font-weight: bold;
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 0px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}

* html div.righttablestop {  /* CSS hack */
	width: 148px; 
	w\idth: 148px; }

.tablesmain {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #f1f1f1;
	margin-top: 0px;
	width: 180px;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 0px;
	float: right;
	height: 360px;
}

* html div.tablesmain{  /* CSS hack */
	width: 180px; 
	w\idth: 180px; }

.tablesmainR {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #f1f1f1;
	margin-top: 0px;
	width: 180px;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 0px;
	float: right;
}

* html div.tablesmainR{  /* CSS hack */
	width: 180px; 
	w\idth: 180px; }

.tablesmainco {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #faf9f9;
	width: 425px;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top:3px;
}

* html div.tablesmainco{  /* CSS hack */
	width: 425px; 
	w\idth: 425px; }

.videolist{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;}

.tablesmain2 {
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #f1f1f1;
	margin-top: 5px;
	width: 210px;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 15px;
	float: right;
	height: 310px;
}

* html div.tablesmain2{  /* CSS hack */
	width: 210px; 
	w\idth: 210px; }

.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF7B11;
	font-weight: bold;
}

/*added by Crystal */

img {
border:0px;
}

body {
background-color:#ecebe4;
text-align:center;
margin:auto;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

html {
text-align:center;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* misc styles */ 
.clearer { 
height: 0px;  
clear: both;  
display: block;  
margin: 0px;  
padding: 0px;
overflow: hidden;  
visibility: hidden;  
font-size: 0px; 
}

.headershadow {
background-image:url(../images/header-shadow.jpg);
background-repeat:no-repeat;
background-position:center top;
margin:auto;
text-align:center;
}

.headerwhiteborder{
background-color:#FFFFFF;
padding:10px;
padding-bottom:0px;
width:880px;
margin:auto;
text-align:center;
}

.topheader {
background-image:url(../images/topheader.jpg);
background-repeat:no-repeat;
background-position:top;
width:850px;
height:129px;
padding:0px;
margin:auto;
padding-right:30px;
text-align:right;
}

.topheadertcs {
background-image:url(../images/tcslogo.jpg);
background-repeat:no-repeat;
background-position:top;
width:850px;
height:129px;
padding:0px;
margin:auto;
padding-right:30px;
text-align:right;
}

.topheaderstarquest {
background-image:url(../images/starquestlogo.jpg);
background-repeat:no-repeat;
background-position:top;
width:850px;
height:129px;
padding:0px;
margin:auto;
padding-right:30px;
text-align:right;
}

.contentshadow {
background-image:url(../images/content-shadow.jpg);
background-repeat:repeat-y;
background-position:center top;
margin:auto;
text-align:center;
}

.contentwhiteborder{
background-color:#FFFFFF;
padding:10px;
padding-top:0px;
width:880px;
margin:auto;
text-align:center;
}


.topmenu {
background-color:#939598;
width:880px;
height:30px;
margin:auto;
}

.subnav {
background-color:#939598;
width:607px;
height:30px;
margin:auto;

}


.rightarea {
width:607px;
float:right;
margin:auto;

}

.contentholderhome {
background-image:url(../images/conarea-bg-home.jpg);
background-repeat:repeat-y;
background-position:right;
margin:auto;
text-align:center;
background-color:#fbf3e3;
}


.contentholder {
background-image:url(../images/conarea-bg.jpg);
background-repeat:repeat-y;
background-position:right;
margin:auto;
text-align:center;
}

#footerbg {
background-image:url(../images/footer-shadow.jpg);
background-repeat:no-repeat;
background-position:center top;
height:20px;
margin:auto;

}

.footertext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:15px;
width:880px;
margin:auto;
}

.footertext a:link, .footertext a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
}

.footertext a:hover, .footertext a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#000033;
}


.webdesigntext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:640px;
margin:auto;
padding-left:220px;
padding-top:50px;
display:block;
}

.webdesigntext a:link, .webdesigntext a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
}

.webdesigntext a:hover, .webdesigntext a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#000033;
}

.greyline {
width:607px;
height:6px;
background-color:#939598;
}

.orangetext {
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
letter-spacing:2px;
font-size:16px;
font-weight:bold;
color:#b15c11;
}

#leftmenu {
width:237px;
background-color:#fbf3e3;
padding-right:18px;
padding-left:18px;
padding-top:25px;
float:left;
margin:auto;
line-height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:center;
height:263px;
}

#leftmenu a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#b0590d;
text-decoration:none;
}

#leftmenu a:active, #leftmenu a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#b0590d;
text-decoration:underline;
font-weight:bold;
}

#leftmenu .orangefont {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
color:#b15c11;
}

#leftmenu a.buttonon {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#b15c11;
font-weight:bold;
background-color:#FFFFFF;
}

#leftmenu .orangefont a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
color:#b15c11;
text-decoration:none;
}

#leftmenu .orangefont a:link,#leftmenu .orangefont a:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
color:#b15c11;
text-decoration:none;
}

#leftmenu .orangefont a:hover,#leftmenu .orangefont a:active {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
color:#b15c11;
text-decoration:none;
}

#leftmenu .blackfont {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
color:#000000;
}

#leftmenu .blackfont a:link,#leftmenu  .blackfont a:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
color:#000000;
text-decoration:none;
}

#leftmenu .blackfont a:active,#leftmenu  .blackfont a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
color:#000000;
}

.textarea {
padding:20px;
text-align:left;
margin:auto;
}

.smalltext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

.thfloatright {
float:right;
padding-top:60px;
}

.thebluetext {
color:#00395a;
}

.theorangetext {
color:#b15c11;
}

.intextleft {
width:410px;
float:left;
}

.intextright {
width:160px;
padding-top:45px;
font-size:11px;
float:right;
}

.leftsmallcontent {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:13px;
text-align:left;
}

#featuredbox {
float:left;
width:295px;
height:107px;
display:block;
background-color:transparent;
margin-bottom:20px;
font-size:11px;
}

#featuredbox a{
color:#000000;
text-decoration:none;
display:block;
height:107px;
/*border-top:#e9eef2 solid 1px;
border-bottom:#e9eef2 solid 1px;*/
}

#featuredbox strong{
color:#000066;
text-decoration:none;
font-size:12px;
}

#featuredbox img{
padding-right:5px;
height:107px;
}

#featuredbox a:hover{
color:#000000;
text-decoration:none;
display:block;
height:107px;
background-color:#FFFFFF;
/*border-top:#b15c11 solid 1px;
border-bottom:#b15c11 solid 1px;*/
}

.expeditions {
background-color:#FBF3E3;
border:#CCCCCC solid 2px;
font-size:11px;
display:block;
min-height:86px;
height:auto !important;
height:86px;
}

.expeditions a{
padding:10px;
background-color:#FBF3E3;
font-size:11px;
text-decoration:none;
display:block;
min-height:86px;
height:auto !important;
height:86px;
}

.expeditions a:hover{
background-color:#FFFFFF;
font-size:11px;
display:block;
}

.expeditions img{
margin-right:10px;
margin-bottom:10px;
border:#CCCCCC solid 3px;
display:block;
}


#newsbox {
float:right;
width:300px;
height:107px;
background-color:transparent;
display:block;
margin-bottom:20px;
font-size:11px;
}


#newsbox a{
color:#000000;
text-decoration:none;
display:block;
height:107px;

/*border-top:#dde4ea solid 1px;
border-bottom:#dde4ea solid 1px;*/
}


#newsbox strong{
color:#b15c11;
text-decoration:none;
font-size:12px;
}

#newsbox img{
padding-right:5px;
height:107px;
}

#newsbox a:hover{
color:#000000;
text-decoration:none;
display:block;
height:107px;
background-color:#FFFFFF;
/*border-top:#b15c11 solid 1px;
border-bottom:#b15c11 solid 1px;*/
}

#whitelink {
float:left;
display:block;
width:405px;
margin-bottom:5px;
margin-top:5px;
padding-top:10px;
height:90px;
}

#whitelink a{
color:#000000;
text-decoration:none;
display:block;
border-top:#ffffff solid 1px;
border-bottom:#ffffff solid 1px;
padding-top:10px;
min-height:90px;
height:auto !important;
height:90px;
}

#whitelink img{
padding-right:5px;
}

#whitelink a:hover{
color:#000000;
text-decoration:none;
display:block;
background-color:#FFFFFF;
border-top:#b15c11 solid 1px;
border-bottom:#b15c11 solid 1px;
min-height:90px;
height:auto !important;
height:90px;
}

.lecturers {
padding:10px;
background-color:#FBF3E3;
border:#CCCCCC solid 2px;
font-size:11px;
display:block;
}

.lecturers img{
margin-right:10px;
margin-bottom:0px;
border:#CCCCCC solid 3px;
display:block;
}





/* Added by Anibal, we need it for gallery */
.white2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    text-align: left;
	padding: 5px;}
	
#shadowbg {
background-image:url(../images/shadowbg.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#footertextarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
width:880px;
margin:auto;
text-align:right;
}

#footertextarea a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:right;
}

#footertextarea a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-decoration:underline;
text-align:right;
}