@charset "utf-8";
		
		/** COLAB CSS 2009 **/

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
text-align:left;
margin:0 auto;
height:100%;	
color:#999999;
background-image:url(images/bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
background-attachment:fixed;
}
a
#center a{color:#0099FF; text-decoration:none;}
#center a:hover{color:#CC0000; text-decoration:none;}

h1,h2,h3,h4{margin:0px; padding:0px;}
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:left;
margin:0 auto;
color:#999999;
}
h1.contactform{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#999999;
margin:0px;
padding:0px;
}

h2.espanol{
width:127px; 
height:107px; 
background-image:url('images/espanol.gif'); 
background-repeat:no-repeat;
position:absolute;
right:0;
margin:0 auto;
}

h2.espanol span{
display:none; 
text-transform:none; 
letter-spacing:normal;}

h2{color:#0066CC; letter-spacing:.7em; padding-top:12px; padding-bottom:15px;}

.index{
margin-left:15px;
width:300px; 
height:165px;
position:absolute;
border:none;
}

span.colab{
font-weight:bold; 
text-transform:uppercase;
letter-spacing:2px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
text-transform:lowercase;
}
p{margin:0px; padding:0px;}

div.main{
margin:0 auto;
width:580px;
height:100%;
}
div.header{
margin:0 auto;
width:580px;
height:230px;
background-image:url('images/colab-logo.png');
background-position:bottom left;
background-repeat:no-repeat;
}
#content{	
width:435px;
padding-left:10px;
text-align:justify;
height:100%;
}

div.footer{
font-size:10px;
color:#ccc;
height:15px;
padding-top:5em;
padding-left:1em;
}
		/**  NAVIGATION  **/		
div.menu {
height:85px;
width:125px;
float:right;
margin-top:6em;
margin-left:378px;
position:absolute;
}
#nav ul {
margin:0px;
padding:0px;
}
#nav li {
float:left;
height:40px;
list-style-image:none;
list-style-type:none;
margin:0px;
padding:0 0 2px;
}
#nav li a {
background-image:url('images/buttons.png');
display:block;
text-indent:-9999px;
}
#nav li a.team {
background-position:0 0;
height:42px;
width:123px;
}
#nav li a.team:hover {
background-position:0px -88px;
}

#nav li a.cont {
background-position:0 -45px;
height:40px;
width:123px;
}
#nav li a.cont:hover {
background-position:0px -134px;
}



/** FORMS **/
div#container{
	margin-top:20px;
	}
label{font-size:13px;}
.textbox{
	width:350px;
	height:15px;
	padding:5px 0 6px 8px;
	border:1px solid #ccc;
	color:#666666;
	font-size:14px;
	}
	
.commentbox{
	width:350px;
	height:125px;
	padding:5px 0 6px 8px;
	border:1px solid #ccc;
	color:#666666;
	font-size:14px;
	}

.send{
	background-color:#03c0d7;
	width:80px;
	height:30px;
	padding:5px 0 8px 0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border:none;
	}
.send:hover{
	background-color:#fff;
	color:#03c0d7;
	border:1px solid #ccc;
	}
.error, .success {
	padding: 5px 5px 5px 25px;
    margin: 5px 0px;
}

.error {
	border: 1px solid #ff0000;
	background: #ffdddd;
	background-image: url('images/action-error.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
	width:328px;
}

.success {
	border: 1px solid #009900;
	background: #cfffcf;
	color: #003300;
	background-image: url('images/action-success.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.loading {
	background: #ffdddd;
	font-weight: bold;
	padding: 6px;
	font-size: 8pt;
}

#validEmail{
	margin-top: 4px;
	margin-left: 9px;
	position: absolute;
	width: 16px;
	height: 16px;
}