/* web.css */
body { font-family: Helvetica, Microsoft Sans Serif, Arial, sans-serif; font-size:11px; letter-spacing:+1px;  background-color:#000066; margin:0px; background-image:url('../images/bits/EOT_1500_bg_nopink.jpg'); }
/* font-stretch:expanded; */

a { text-decoration:none; color:#ffffff; }
a:hover { text-decoration:none; color:#ffcc00; }


/* color styles : Orange */
.color { color:#ff9900; }
.colorHeavy { color:#ff9900; font-weight:bold;}
.colorMed {font-size:12px; color:#ff9900; }
.colorLarge {font-size:15px; color:#ff9900; letter-spacing:+2px; }
.colorxSmall {font-size:10px; color:#ff9900; font-weight:normal;}

a.colorHeavy { text-decoration:none; color:#E32026; }

/* color styles : White */
.color2 { color:#ffffff; }
.color2heavy { color:#ffffff; font-weight:bold; }
.color2Xsmall { color:#ffffff; font-size:10px; font-weight:normal;}
.color2med { color:#ffffff; font-size:12px; }
.color2lgHeavy { color:#ffffff; font-size:14px; font-weight:bold; }

/* color styles : Grey */
.color3 { color:#999999; }
.color3XXsmall { color:#999999; font-size:9px; font-weight:normal;}
.color3med { color:#999999; font-size:12px; }

a.color2 { text-decoration:none; color:#ffffff; }

.super { vertical-align:text-top; font-size:9px;}

input { background-color:#cccccc; border:1px solid #ffcc00;}
textarea { background-color: #cccccc; border:1px solid #ffcc00;}

/* index.cfm absolutely positioned divs */

#navLinks {
	position:absolute;
	text-align:right;
	padding:0px;
	width:885px;
	left:0px;
	top:155px;}

#flashVideo {
	position:absolute;
	left:64px;
	top:172px;
}

/* title above tileList in Flash on home page */
#videoFeaturesBG {
	position:absolute;
	z-index:10;
	left:585px;
	top:175px;
	width:300px;
	height:22px;
	background-color:#000000;
	opacity:0.6;
	filter: alpha(opacity=60);
}

#videoFeatures { 
	position:absolute;
	z-index:010;
	left:585px;
	top:175px;
}

/* Blog & RSS divs on index.cfm */

#blogBG {
	position:absolute;
	z-index:10;
	left:64px;
	top:512px;
	width:405px;
	height:100px;
	background-color:#000000;
	opacity:0.6;
	filter: alpha(opacity=60);

}

#theProjectContainer { 
	position:absolute;
	z-index:20;
	left:170px;
	top:515px;
	width:420px;
	height:100px;
	padding:8px 5px 5px 0;
}

#projectLogo {
	position:absolute;
	z-index:20;
	left:76px;
	top:545px;
	/* for firefox, safari, chrome, etc.
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg); */
	/* for ie
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
}

#rssBG {
	position:absolute;
	z-index:10;
	left:479px;
	top:512px;
	width:405px;
	height:100px;
	background-color:#000000;
	opacity:0.6;
	filter: alpha(opacity=60);
}

#rssContainer {
	position:absolute;
	z-index:20;
	left:512px;
	top:512px;
	width:370px;
	height:87px;
	overflow: auto;
	padding:8px 5px 5px 0;
}

#RSSlogo {
	position:absolute;
	z-index:100;
	left:486px;
	top:516px;
}

#RSSicon {
	float:right;
	padding:0 2px 2px 2px;
}

/* speakers classes */

#speakers {
	position:absolute;
	left:64px;
	top:175px;
}

.speakersContainer {   /* makes scrollable div */
	height: 400px;
	width: 820px;
	overflow: auto;
	border: 1px solid #fff;
	padding: 0px; 
	background-image:url('../images/bits/Earth_850w.jpg');
	background-attachment:scroll;
}

.speakersDiv {
	width:500px;
	padding: 4px;
	margin: 5px;
	font-size: 11px;
	border : 1px solid #c6c6c6;
	color:#ffffff; 
	overflow: hidden;
	background-color:#000066;
}

.speakersPhoto { 
	padding: 0px 4px 2px 0px;
	float:left;
}

.speakersName {
	font-weight:bold;
	font-size: 14px;
	padding: 0px 0px 4px 0px; 
}

.speakersContent { 
	font-weight:normal;
	color:#999999;
	padding: 0px 0px 2px 0px;
}
	
	
/* project classes */

#theProject {
	position:absolute;
	left:64px;
	top:175px;
}

.projectContainer {   /* makes scrollable div */
	height: 400px;
	width: 820px;
	background-image:url('../images/bits/Earth_850w.jpg');
	opacity:0.9;
	filter: alpha(opacity=90);
	background-color:#000006;
	overflow: auto;
	border: 1px solid #fff;
}

.projectDiv {
	width:650px;
	margin-left:10px;
	padding: 6px;
	color:#cccccc;
}

.projectHeader {
	width:650px; 
	margin-top:10px;
	text-align:center;
}

/* team classes */

#theTeam {
	position:absolute;
	left:64px;
	top:175px;
}

.teamContainer {   /* makes scrollable div */
	height: 400px;
	width: 820px;
	background-image:url('../images/bits/Earth_850w.jpg');
	opacity:0.9;
	filter: alpha(opacity=90);
	background-color:#000066;
	overflow: auto;
	border: 1px solid #fff;
}

#teamHeader {
	width:300px; 
	margin:20px 0px 10px 20px;
}

#teamList {  
	width:300px;
	margin:0px 0px 10px 20px;
}

.teamDiv {
	color:#cccccc;
}

.teamRole {
	width:150px;
	color:#cccccc;
}
	
.teamMember {
	position:relative;
	top:-13px;
	left:150px;
}

/* team bios : divs */

.teamBioDivs {
	padding: 5px 0 5px 0;
}

.bioStyle {
	display:none;
	width:350px;
	position:absolute;
	top:40px;
	left:320px;
	color:#cccccc;
}



/* Contact Us classes */

#contactUsForm {
	position:absolute;
	left:64px;
	top:175px;
}

.contactUsContainer {   /* makes scrollable div */
	height: 400px;
	width: 820px;
	background-image:url('../images/bits/Earth_850w.jpg');
	opacity:0.9;
	filter: alpha(opacity=90);
	background-color:#000006;
	overflow: auto;
	border: 1px solid #fff;
}

.contactUsInfo {
	width:650px;
	margin:10px 0 20px 106px;
	color:#cccccc;
}

.contactUsHeader {
	width:650px; 
	margin:10px 0 0 106px;
}

.contactUsFormHeader {
	width:100px;
	color:#cccccc;
	text-align:right;
}
	
.contactUsFormField {
	position:relative;
	top:-19px;
	left:106px;
}
