/* ----- BODY ----- */

*{
margin: 0;
padding: 0;
}

body {
text-align: left; /* For IE6 Shenanigans */
background-color: #FFFFFF;
margin-left: 30px;
margin-top: 30px;
margin-right: 30px;
margin-bottom: 30px;
overflow: hidden;
}

/* ----- TOP NAVIGATION ----- */

#topnav {
display: block;
width: 800px;
height: 100px;
}

#nav-column {
display: block;
width: 110px;
float: left;
}

#nav-column ul {
list-style: none;
padding: 0;
margin: 0;
}

#nav-column li {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

#nav-column li a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

#nav-column a:hover {
color: #666666;
}

/* TEXT CONTAINER */

#text-container {
width: 280px;
position: fixed;
top: 30px; left: 30px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#headline-container {
display: block;
width: 425px;
margin-top: 0px;
}

#text-container ul {
list-style: none;
padding: 0;
margin: 0;
}

#text-container li {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

#text-container li a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

#text-container a:hover {
color: #666666;
}

h1 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
margin-top: 0px;
margin-bottom: 8px;
}

p {
margin-top: 0px;
margin-bottom: 13px;
}

.text1 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

.links1 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: underline;
line-height: 1.1em;
}

.links1:hover {
color: #666666;
text-decoration: underline;
}

.links2 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

.links2:hover {
color: #666666;
text-decoration: none;
}

/* GALLERY CONTAINER */

#s1 {
cursor: pointer;
}

#img-container {
width: 626px;
position: fixed;
top: 160px; left: 30px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#img-container-identity {
width: 626px;
position: fixed;
top: 62px; left: 30px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* HUB FORM */

#status{
width: 125px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
height: 30px;
outline: none;
}

.focusField{
border: solid 1px #000000;
background: #000000;
color: #FFFFFF;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
}

.idleField{
border: solid 1px #CCCCCC;
background: #CCCCCC;
color: #FFFFFF;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
}

/* FOOTER */

#footer {
width: 280px;
position: fixed; 
bottom: 30px; left: 30px;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

#footer a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
line-height: 1.1em;
}

#footer a:hover {
color: #666666;
}