/************************
 * HTML Tags
 ************************/

*
{
    margin: 0px;
    padding: 0px;
}

html
{
    height: 100%;
    position: relative;
}

body
{
    background-color: #150d04;
    color: #d9b999;
}

#Page-Background
{
    background-image: url('Images/page-background.gif');
    background-repeat: repeat-x;
    text-align: center;
    margin: 0px auto; /* Auto is needed for firefox to center layout */
    /*height: 95%;*/
    height: 95%;
    position: relative;
    font-family: Arial, Sans-Serif;
    font-size: small;
}

A:link, A:visited, A:active
{
    color: White;
    font-weight: bold;
}

A:hover
{
    color: #d41205;
}

h1
{
    font-size: 1em;
    font-weight: bold;
    margin: 0em;
}




/************************
 * General Layout
 ************************/

#Content-Background-Box
{
    background-image: url('Images/content-background.jpg');
    background-repeat: repeat-y;
    width: 946px;
    margin: 0px Auto; /* Auto is needed for firefox to center this correctly */
    text-align: left;
    position: relative;
    height:882px;
}

#Content-Background-Header-Box
{
    width: 100%;
    height: 100%;
    background-image: url('Images/header-background.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

#Content-Background-Footer-Box
{
    width: 100%;
    height: 100%;
    background-image: url('Images/footer-background.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
}

#Content-Wrapper-Box
{
    width: 100%;
    padding-top: 138px;
}

#Menu-Box
{
    float: left;
    width: 131px;  
}

#Content-Box
{
    float: left;
    /*width: 905px;*/
}

#Footer-Box
{
    clear: both;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}

#Admin-Menu
{
    position: absolute;
    top: 1px;
    left: 1px;
    
    width: 99%;
    background-color: #888888;
    color: #cccccc;
    padding: 2px;
    text-align: right;
    z-index: 1000;
}


#Admin-Menu a:link, #Admin-Menu a:visited, #Admin-Menu a:active { color: #cccccc; }
#Admin-Menu a:hover { color: #eeeeee; }

.messagebox
{
    margin: 150px 200px;
}

.messagebox table
{
margin: 10px;
}

/************************
 * Header
 ************************/



/************************
 * Menu
 ************************/

#menu
{
    width: 131px;
    margin-top: 50px;
}

#menu li
{
    display: block;
    width: 131px;
    height: 19px;
    text-align: right;
    background-repeat: no-repeat;
    background-position: right top;
}

#menu li.headertall
{
    height: 45px;
}

#menu .header
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#menu .item
{
    margin-bottom: 2px;
}


#menu img
{
    border: none;
}

#menu li a
{
    display: block;
    width: 131px;
    height: 19px;
}

#menu li.headertall a
{
    height: 45px;
}

#menu li a:hover
{
    background-color: Red;
}

#menu li a:link, #menu li a:visited, #menu li:active
{
    background-color: Transparent;
}



/************************
 * Main Content
 ************************/

/************************
 * About
 ************************/
#About-Box .padding
{
    margin: 50px 0;
    height: 417px;
    overflow: auto;
    padding: 0 50px;
}

#About-Box
{
}

#About-Box img
{
    margin: 10px;
}

#About-Box h1
{
    font-size: 2em;
    margin: 0 0 1em 0;
    color: #eeeeee;
}

/************************
 * Documents
 ************************/
#Documents-Box .padding
{    
    margin: 0;
    height: 517px;
    overflow: auto;
    padding: 0px 20px 0px;
}

#Documents-Box
{
}

#Documents-Box img
{
    margin: 5px 10px 0 0;
    float: left;
    clear: both;
    width: 90px;    
}

#Documents-Box h1
{
    font-size: 2em;
    margin: 0 0 1em 0;
    text-decoration: underline;
    margin-bottom: .5em;
    margin-top: 1em;
    clear: both;
}

#Documents-Box h2
{
    font-size: 1.5em;
    font-weight: normal;
    margin: .5em 0 0 0;
}

#Documents-Box p
{
    margin-bottom: 1em;
    margin-left: 100px;
}

/************************
 * Slideshow
 ************************/
.Outline
{
    border: solid 2px #d9b999;
    background-color: #150d04;
}

.Slideshow-Filmstrip-Box
{
    position: relative;
    height: 97px;
}

.Slideshow-Description-Box
{
    margin: 10px 0px;
    padding: 10px;
}

.Slideshow-Description-Box textarea, .texteditor
{
    color: #d9b999;
    background-color: Transparent;
    border: solid 1px #d9b999;
}

.Slideshow-Filmstrip-Box a
{
    float: left;
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    margin: 0px 0px 2px 2px;
    height: 89px;
    
}

.Slideshow-Filmstrip-Box .Outline img
{
    width: 122px;
    height: 89px;
    border: 0px;
}


.Slideshow-Filmstrip-JS
{
    height: 97px;
    overflow: hidden;
}

#Thumbnail-Container
{
    position: absolute;
}

.Error
{
	font-size: 2em;
	margin-top: 2em;
	text-align: center;
	width: 100%;
}


.SlideLists
{
    width: 650px;
    min-height: 100px;
}

.SlideLists img
{
    width: 120px;
    height: 87px;
}

.SlideLists .lastItem
{
 clear: both;
 height: 1px;
 width: 1px;
 border: none;
}

.ui-reorder-placeholder
{
    border: solid 1px #d9b999;
    width: 120px;
    height: 87px;
    display: block;
    float: left;
    margin: 3px 3px 3px 0px;
    padding: 1px;
}

#OrderList
{
    background-color: #88ff88;
    list-style-type: none;
}

#DeleteList
{
    background-color: #ff8888;
    list-style-type: none;
}

/************************
 * ActionResultBar
 ************************/
 
 .ActionResultBar
 {
    padding: 2px;
    font-weight: bold;
 }
 
 .ActionResultBar .Success
 {
    color: #a5d999;
 }
 
 .ActionResultBar .Error
 {
    color: #d99999;
 }
 
 .ActionResultBar .Info
 {
    color: #d9d9d9;
 }