BODY
{
    background-color        : #666666;
    background-image        : url( "/images/photos/structural/1px_h_line_across.gif" );
    background-repeat       : repeat-y;
    color                   : white;
    font-family				: Verdana, Helvetica, sans-serif;
    margin                  : 0 0 0 0;
}

/* this is the text that holds the username */
.header-text
{
    display                 : block;
    text-decoration         : none;
	background-color        : #333333;
    background-image        : url( "/images/photos/structural/banner.gif" );
    background-repeat       : no-repeat;
    height                  : 55px;
    /* IE5Mac slash-comment hack (see DIV.style-change for details) \*/
    height                  : 35px;
    /* end hack */
    text-align 				: left;
	padding                 : 20px 0 10px 10px;
    color					: #FF6600 !important;
	text-transform 		    : uppercase;
    font-weight             : bold;
    font-size               : 1.3em;
}

/* This contains each sub page for the user */
DIV.parent-pages,
DIV.other-pages
{
 	float                   : left;
    clear                   : left;
    text-align              : left;
    background-color        : #FFCC66;
    /*min-height              : 500px;*/
    border-right            : 1px solid black;
    border-top              : 1px solid black;
    width                   : 185px;
}

.parent-page-image-link,
.other-page-image-link
{
	display	                : none;
}

.parent-pages-seperator,
.other-pages-seperator
{
    display                 : none;
}

.parent-page-name-link,
.other-page-name-link
{
	display             : block;
    width               : 179px;
    border-bottom       : 1px solid #999999;
    font-size           : 0.9em;
    color               : #3366CC;
    text-decoration	    : none;
    padding-left        : 5px;		
}

.parent-page-name-link:hover,
.parent-page-name-link:hover:active,
.other-page-name-link:hover,
.other-page-name-link:hover:active
{
	background-color    : #FF6600;
    color               : #FFFFFF;
}

.parent-page-current,
.other-page-current
{
    background-color    : #FF6600;
    color               : #FFFFFF;
}

/* this allows the user to change the style to another stylesheet */
DIV.style-change
{	
	color                   : white;
    padding                 : 10px;
    border-bottom           : 15px solid #B2B8B9;
    background-color        : #333333;
    font-size               : 0.8em;
    width: 100%;
    margin-right:-25px;
    /* Stuff between these comments is hidden from IE5Mac --> \*/
    width: auto !important;
    margin-right: 0px !important;
    /* the backslash above makes IE5Mac think the comment is still going */
}

/* The caption for the entire page */
DIV.page-caption
{
    padding                 : 10px 10px 5px 10px;
    text-align				: center;
    clear					: all;
    background-color        : #666666;
}

/* this is the actual IMG tag for the other pages */
.subalbum-photo
{

}

.images-in-folder-text
{
	display         : none;
    text-transform	: uppercase;
    color           : #993333;
    font-size       : 0.8em;
    font-weight     : bold;
}

.photos-wrapper
{
    border-top          : 1px solid black;
    margin-left         : 185px;
}

.photo-caption-wrapper
{
    position            : relative;
	float				: left;
	text-align	 		: center;
	padding             : 17px 6px 0px 6px;
    width               : 225px;
    height              : 165px;
}

.photo-wrapper
{
	margin              : 0px 30px;
	max-width           : 150px;
}

BODY > .photo-wrapper
{
    margin              : 0px auto;
}

/* This is the actual image itself */
.photo
{
	border-color        : black;
    border-style        : solid;
    border-width        : 1px 1px 1px 1px;
    padding             : 1px;
    background-color	: white;
}

/* The caption under the photo */
.photo-caption
{
    /* This screws up mozilla 1.4
    position            : absolute; */
    top                 : 115px;
    left                : 15px;
    color               : white;
    text-decoration     : none;
    display	 			: block;
	margin  			: 13px auto 0px auto;
    padding				: 5px;
    width               : 185px;
    font-size           : 10pt;
}

* html body .photo-caption
{
    left                : 20px;
}

.photo-caption-empty
{
    display             : none !important;
}

.footer
{
    clear               : left;
    float               : left;
    font-size           : 0.8em;
    padding             : 0px 0px 0px 10px;
    margin-left         : 185px;
    margin-top          : 10px;
}

/* This rule is only seen by IE */
* html body .footer
{
    margin-left: 5px;
    /* Backslash hides this rule from IE5Mac \*/
    margin-left: 100px;
    /* End of backslash hack */
}

.footer A
{
    color          : white;
}