html {
    height: 100%;
}

body {
    margin:0;
    padding:0;
    height: 100%;
}

/* STRUCTURE */

#background{
    width: 100%;
    clear: both;
    margin: 0 auto auto auto;
    height: 100%;
}

#TopLeft
{
    margin: 0px;
    padding-top: 0px;
    position: relative;
}

#TopRight
{
    padding-top: 0px;
    float: right;
    vertical-align: top;
}

#home_c1
{
    width: 31px;
}

#home_c2
{
    width: 61px;
}

#home_newres
{
    width: 293px;
}

#home_welcome
{
    width: 215px;
}

#home_login
{
    width: 200px;
}

#spt_content
{
    width: 688px;
    padding: 0px 10px 25px 10px;
}

#spt_content_with_login
{
    width: 488px;
    padding: 0px 10px 25px 10px;
}

/*
    The AdvSearchBox class styles colored boxes throughout the
    portal. The Advanced Search page, for example, uses this style
    for the area with the title "Enter your search"
*/
.AdvSearchBox
{
    position: relative;
    padding: 10px;
    margin: 0px;
    *width: 100%; /* For MSIE */
}

.newres_title
{
    height: 23px;
    padding: 0px 0 0 10px;
}

.newres_title span
{
    padding-top: 4px;
}

.newres_text
{
    padding: 10px;
    margin: 0px;
}

.photobox
{
    width: 131px;
    margin: 0 auto;
}

.photobox_text
{
    width: 131px;
    margin: 0 auto 10px auto;
}


#home_login div
{
    padding: 0px;
    margin-left: 10px;
}

.line_bottom
{
    clear: left;
    width: 100%;
    height: 10px;
}

/* TEXT */
/* -------------------------------------- */

.newres_link:link, .newres_link:visited {
    text-decoration: none;
}
.newres_link:hover, .newres_link:hover * {
    text-decoration: underline;
}
.newres_link span {
    border-bottom: 1px solid #A1A5A6;
}
.newres_link span span {
    border: none;
}

.photobox_text A:link, .photobox_text A:visited
{
    text-decoration: none;
    color: #555;
}


.photobox_text A:hover

{
    text-decoration: underline;
    color: #555;
}

/* NEW NAV ELEMENTS */
/* Nav credit: SimpleBits.com */
/* Accessible Image Tab Rollovers */

#container {
    position: relative;
    width: 273px;
    height: 29px;
    padding: 0;
    margin: 0 0 0px 20px;
}

#nav {
    position: absolute;
    top: 14px;
    left: 10px;
    margin: 0;
    padding: 0;
    height: 29px;
    display: inline;
    overflow: hidden;
    width: 273px;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
}

#nav a {
    float: left;
    padding: 29px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:29px; /* for IE5/Win */
}

#home a  {
    width: 50px;
}

#resources a  {
    width: 69px;
}

#bulletins a  {
    width: 62px;
}

#about a  {
    width: 49px;
}

#help a  {
    width: 43px;
}

/* ------------ Edit Buttons -------------*/


span.editbutton
{
    float: right;
    margin: 2px;
}

/* The following will be hidden from IE 5 mac \*/
div.editbutton { width: auto; }
/* Now IE 5 mac can see again */

span.editbutton a, span.editbutton A:link, span.editbutton A:visited
{
    display: block;
    margin: 3px;
}

span.smalleditbutton a, span.smalleditbutton A:link, span.smalleditbutton A:visited
{
    margin: 2px;
}

/*
    Styles used in the about pages, mainly the sub-navigation
*/

.Column
{
    float: left;
}

.Column p
{
    height: 80px;
}

.SubNav
{
    width: 102%;
    margin-left: -10px;
    padding: 0px;
    padding-left: 7px;
}

.SubNav a span
{
    margin-right: 4px;
    padding: 1px 15px;
}

.SubNav a:hover span
{
    padding: 1px 15px;
}

.Content
{
    padding: 5px;
}

.RightTextColumn
{
    margin-left: 165px;
}

.Logo
{
    float: left;
    position: relative;
    bottom: 5px;
    margin: 2px 10px 5% 0px;
    padding: 2px;
}

.PrintShow {
    display: none;
}

.ResourceComments {
    padding: 10px;
    margin-top: 10px;
}

/* Styles for the social networking buttons */
.SocialNetworking {
    width: 175px;
    margin: 18px auto;
    text-align: center;
}

.SocialNetworking a {
    display: block;
    text-decoration: none;
    border: none;
    margin: 12px 2px;
}

.SocialNetworkingVerticalMargin {
    margin: 45px auto;
}