@charset "UTF-8";
/* CSS Document */

body {
	background-color: #CCC;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}
#container {
	width: 75%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}

#header {
	background-image: url(rene-logo.png);
	height:215px;
	background-repeat:no-repeat;
	
}
#header2 {
	height: 153px;
	background-color:black;
	width: 100%;
	position: relative;
	top: 65px;
	z-index: -1;
	-webkit-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
           -moz-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
                box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
}
#navigation {
	height:30px;
	background-color: white;
	width: 100%;
	position:relative;
	-webkit-box-shadow: 1px 0px 5px 0px black,-1px 0px 5px 0px black;
           -moz-box-shadow: 1px 0px 5px 0px black,-1px 0px 5px 0px black;
                box-shadow: 1px 0px 5px 0px black,-1px 0px 5px 0px black;
	
}
#navigation ul {
	float:left;
	width: 75%;
	padding-left:0;
	margin-left:0;
	margin-top:0;
	padding-top:0;
	
	
}
#navlist li {
	display: inline;
	height: 32px;
	
	
}
#navlist li a {
	padding: 0.2em 1em;
	background-color: #ffffff;
	color: #898787;
	text-decoration: none;
	float:left;
	vertical-align:text-top;
	border-right: 1px solid #898787;
	margin-left:0px;
	height:24px;
	line-height: 24px;	
	
}
#navlist li a:hover {
	background-color: #898787;
	color: white;
}
body#home a#nav-home, body#gallery a#nav-gallery, body#bio a#nav-bio, body#all-items a#nav-all-items, body#upload a#nav-upload {
	background-color: #000;
	color: white;
}
#content {
	width:100%;
	padding-top: 15px;
	text-align:center;
	background-color:#333;
	/*height:800px;*/
	position:relative;
	-webkit-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
           -moz-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
                box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
	height: auto;
	padding-bottom: 15px;
}
#content-gallery {
	width:100%;
	padding-top: 15px;
	text-align:center;
	background-color:#333;
	/*height:800px;*/
	position:relative;
	-webkit-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
           -moz-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
                box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
	height: auto;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right:auto;
}
#content_table {
	width:95%;
	background-color:#CCC;
	height: 100%;
	color: black;
	border:#FFF thin solid;
	text-align: center;
	
}
#table_content {
	text-align: center;
	vertical-align:text-top;
	text-align:justify;
	font-size:small;
	padding: 7px;
}
.left-content {
	/*border-right-color: #898787;
	border-right-width:2px;
	border-right-style:solid;*/
	font-size: small;
	width: 60%;
}
#footer {
	background-image:url(footer.png);
	position: relative;
	background-repeat:no-repeat;
	height: 220px;
	background-position: bottom right;
	
	
}
#footer2 {
	background-color: black;
	height: 155px;
	width: 100%;
	z-index: -1;
	position: relative;
	-webkit-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
           -moz-box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
                box-shadow: 3px 0px 5px -1px black,-3px 0px 5px -1px black;
}#container #content #content_table tr td table tr td {
	
	font-size: small;
	text-align: center;
}
#featured-text {
	font-weight: normal;
}

#gallery-table td {
	background-color: black;
	color: white;
	font-size: small;
}
img.picture {
	float: right;
	margin: 10px;
	border: #fff 6px solid;
	-webkit-box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
           -moz-box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
                box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
}
.title {
	height: 15px;
	background-color: #333;
	color: #fff;
	-webkit-box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
           -moz-box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
                box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
}

.p-background {
	text-align: justify;
}
#right-content {
	background-color: #000;
	height: 100%;
	color: #fff;
}
.title2 {
	height: 15px;
	color: #fff;
}
#upload-table td {
	text-align: left;
	color: #fff;
}
img.biopic {
	float: left;
	margin: 10px;
	
}
#text {
	text-align:justify;
	font-size: small;
	padding: 5px;
}
#bio-back {
	background-color: #fff;
	font-size: small;
	width: 85%;
	height: 85%;
	text-align: center;
	border: #fff 2px solid;
	-webkit-box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
           -moz-box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
                box-shadow: 3px 2px 5px -1px black,-3px 2px 5px -1px black;
}
#all-items-table tr td, #edit-table tr td {
	color: #fff;
	border: #CCC 1px solid;
	font-size: small;
}
#title-row {
	background-color: #000;
}