/* TAG DEFENITIONS ---------------------------------------------------------- */
* {
  font-family: arial, helvetica;
  font-size:   11px;
  color:       #ffffff;
}

body {
  background-color: #212121;
  margin:           5px 0px 0px 65px;
}

img {
  border: 0px;
}

textarea {
  width:  515px;
  height: 255px;
  color:  #000000;
  margin: 0px 0px 3px 0px;
}

input {
  width:  515px;
  color:  #000000;
  margin: 0px 0px 3px 0px;
}

select {
  width:  170px;
  color:  #000000;
  margin: 0px 0px 3px 0px;
}

option {
  color: #000000;
}

form {
  display: inline;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/* CLASS DEFENITIONS -------------------------------------------------------- */
.header {
  color:          #cccccc;
  height:         80px;
  vertical-align: top;
}

.logo {
  height:         35px;
  vertical-align: top;
}

.navigation {
  height:         21px;
  vertical-align: middle;
}

.content {
  padding:        6px 0px 6px 0px;
  vertical-align: top;
  text-align:     left;
}

.title {
  height:         40px;
  font-weight:    bold;
  font-size:      14px;
  vertical-align: bottom;
  line-height:    22px;
}

.scrollContainer {
  position: relative;
  width:    710px; 
  height:   260px; 
  overflow: hidden;
}

.scrollObject {
  overflow:   hidden;
  position:   absolute;
	display:    block;
	visibility: visible;
	
	top:        0px;
	left:       0px;
	width:      200px;
	height:     260px;
}

.navigationLink {
  text-decoration: none;
}

.navigationLink:hover {
  text-decoration: underline;
}

.navigationLinkSelected {
  text-decoration: underline;
}

.pdfLink {
  text-decoration:   none;
  background-image:  url(/images/pdficon.gif);
  background-repeat: no-repeat;
  padding:           0px 0px 0px 22px;
  margin:            0px 0px 5px 28px;
  display:           block;
}

.pdfLink:hover {
  text-decoration: underline;
}

.thumbnailLink {
  float:  left;
  margin: 0px 0px 10px 10px;
}

.fullPicture {
  float:   left;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
  border:  0px;
}

.projectNavigation {
  text-align:     right;
  vertical-align: bottom;
  color:          #cccccc;
  line-height:    22px;
}

.projectNavigationLink {
  color:           #cccccc;
  text-decoration: none;
}

.projectNavigationLink:hover {
  text-decoration: underline;
}

.projectDescription {
  float:  left;
  color:  #cccccc;
  margin: 0px 0px 0px 10px;
}

.projectLink {
  font-weight:     bold;
  color:           #ffffff;
  text-decoration: none;
}

.projectLink:hover {
  text-decoration: underline;
}

.soundNavigation {
  height:         21px;
  vertical-align: middle;
  text-align:     right;
}

.soundContainer {
  width:      1px;
  height:     1px;
  visibility: hidden;
}

.hidden {
  color: #808080;
}

.loginContainer {
  color:          #cccccc;
  vertical-align: top;
  text-align:     right;
}