body{
background-color: #000000;
font-family: Sans-Serif;
font-size: 15px;
}

a{
color: #ffffff;
}

div#container{
background-image: url(/images/main_photo.jpg);
width: 858px;
height: 575px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}

div#leftCol{
width: 175px;
height: 575px;
float: left;
}

div#rightCol{
width: 683px;
height: 575px;
float: left;

}

div#mainLogo{
width: 175px;
height: 175px;
}

div#mainLogo img{
padding-top: 10px;
padding-left: 25px;
}

div#mainLogoAdmin{
color: #ffffff;
text-align: center;
padding-top: 15px;
width: 180px;
height: 35px;
background-image: url(/images/transpdrk.png);
font-weight: bold;
}

div#menuContainer{
width: 215px;
color: #ffffff;
position: relative;
top: -65px;
}

div#menuContainerAdmin{
width: 215px;
color: #ffffff;
}

div#staticMenuContainer{
float: right;
width: 683px;
height: 30px;
}

ul#menu, ul#staticMenu
{
list-style-type: none;
cursor: default;
}

ul#staticMenu{
float: right;
position: relative;
top: -10px;
}

ul#staticMenu a, ul#menu a {
text-decoration: none;
}

ul#menu li{
position: relative;
left: -40px;
height: 24px;
background-image: url(/images/transpdrkr.png);
}

ul#staticMenu li{
color: #ffffff;
float: left;
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
background-color: #000000;
opacity: 0.5;
filter: alpha(opacity = 40);
zoom: 1;
height: 30px;
width: 70px;
}

ul#menu li span{
padding-left: 20px;
}

div#content{
margin-top: 50px;
margin-left: 5px;
width: 658px;
height: 500px;
background-image: url(/images/transpdrkr.png);
color: #ffffff;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

div#content p {
line-height: 20px;
}

div#content p img{
float: right;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
}

.sectionHeader{
font-size: 20px;
margin-bottom: 20px;
}

#manage_images{
overflow-y: scrolling;
overflow-x: auto;
height: 385px;
width: 660px;
border-style: solid;
border-color: #000000;
border-width: 2px;
background-image: url(/images/transpdrkr.png);
}

#galleryBox{

overflow-y: scrolling;
overflow-x: auto;
height: 460px;
width: 660px;
border-style: solid;
border-color: #000000;
border-width: 2px;
background-image: url(/images/transpdrkr.png);
}

.manageThumb{
float: left;
width: 155px;
height: 155px;
margin-left: 2px;
margin-right: 2px;
}



div.manageRollover{
background-image: url(/images/transpdrkr.png);
font-weight: bold;
width: 90%;
height: 15px;
position: relative;
top: -15px;
margin-left: auto;
margin-right: auto;
cursor:pointer;
visibility: hidden;
}

div.manageRollover div.r, div.manageRollover div.l {width:50%;text-align:center;}
div.manageRollover div.l{float:left;}
div.manageRollover div.r{float:right;}

div.editOverlay{
background-image: url(/images/transpdrkr.png);
height: 70px;
position: relative;
top:-100px;
visibility: hidden;
}

div.editOverlay .name{
width: 90%;
margin-bottom: 5px;
}

ul#categories{
width: 350px;
cursor: default;
overflow: auto;
height: 390px;
}

ul#categories{
list-style-type: none;
background-image: url(/images/transpdrkr.png);
}

ul#categories li{
position: relative;
left: -20px;
padding: 3px;

width: 100%;
font-size: 15px;
}

ul#categories li img{cursor: move;}

.catId{
display: none;
}

.catEditOverlay{
display: none;
float: right;
}

.saveName{
display: none;
display: none;
}

.successBox{
background-image: url(/images/transpdrkr.png);
padding: 5px;
display: none;
border-style: solid;
border-color: #444444;
border-width: 2px;	
}

