
*{
	margin:0;
	padding:0;
}

body
{
	font-family: Tahoma, Verdana, Arial;
	text-align: center;
	font-size: 10pt;
	word-spacing: 3px;
	color: #515151;
	/*background: #000000 url(gradient_black.jpg) repeat-x;*/
	background-repeat: repeat-x;
	background-position: top;
	background-color:#000000;
}

#header
{
	top: 0;
	left:0;
	width: 100%;
	position: absolute;
	height: 100px;
	text-align: left;
	background-color: Black;
	background-image: url(charcoalHeader.jpg);
	padding-bottom: 3px;
	border-bottom:1px solid gold;
}

#header h1
{
	color:white;
	margin-left:0.1em;
	margin-top:0.4em;
	font-size:1.9em;
	padding-top:10px;
	padding-left:10px;
}

#header h2
{
	color:white;
	margin-left:1em;
	margin-top:0.8em;
}

#footer
{
	width:100%;
	border-top:1px solid #fdd017;
}

#footer h2
{
	text-align:right;
	font-size:0.8em;
	font-weight: bolder;
	padding:10px;
}

#navbar
{
	position:absolute;
	bottom:0px;
	right:50px;
}

#navbar ul
{
	list-style: none;
}

#navbar li
{
	display:inline;
}

#navbar ul li a
{
	height: 15px;
	color: black;
	line-height:5px;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	background-color:gold;
}

#navbar ul li a:hover
{
	color: black;
	background-color:white;
}

/*chromestyle rounded corners drop-down*/

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.ddtop, .ddbottom{background: transparent/*#c6e1fc*/;}
.ddtop .dd1, .ddtop .dd2, .ddtop .dd3, .ddtop .dd4,
.ddbottom .dd1, .ddbottom .dd2, .ddbottom .dd3, .ddbottom .dd4{background: #b6c997;}

.ddtop, .ddbottom{display: block;}

.ddtop .dd1, .ddtop .dd2, .ddtop .dd3, .ddtop .dd4,
.ddbottom .dd1, .ddbottom .dd2, .ddbottom .dd3, .ddbottom .dd4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.dd1{margin: 0 5px}

.dd2{margin: 0 3px}

.dd3{margin: 0 2px}

.ddtop .dd4, .ddbottom .dd4
{ margin: 0 1px;
  height: 2px
}

/*end chromestyle rounded corners drop-down*/

#container
{
	text-align:left;
	padding-top:100px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background-color:#000000;
}

#middlecontent
{
	padding-top:2em;	
	width:750px;
	margin-right:auto;
	margin-left:auto;
}

h1
{
	margin-left:0em;
	text-align:left;
	padding-left:10px;
	font-size: 1.8em;
	font-weight: lighter;
	color: #fdd017;
	letter-spacing: -1px;
}

h2
{
	margin-left:0em;
	text-align:left;
	padding:10px;
	font-size: 1.8em;
	font-weight: lighter;
	color: #ffffff;
	letter-spacing: -1px;
}

p
{
	text-align:justify;
	line-height: 1.75em;
	padding:20px 15px 10px 10px;
	color: #999999;
}

#picturelist {
font-family:sans,Arial;
width:756px;
height:400px;
margin-top:10px;
margin-bottom:10px;
text-align:left;
margin-right:auto;
margin-left:auto;
padding:10px;
}

#picturelist li {
list-style:none;
float:left;
height:125px;
line-height:10px;
margin-right:22px;
margin-bottom:10px;
font-size: 9px;
font-weight:bold;
color:#777777;
word-spacing: 0px;
}

#picturelist img{
display:block;
border:1px solid #ffffff;
background-color: #733155;
margin-bottom: 1px;
}

#picturelist img:hover{
border:1px solid #fdd017;
}

#picturelist a{
color:#ffffff;
text-decoration:none;
}

#picturelist a:hover{
color:#fdd017;
}

/*Picturelist Alt*/

#picturelistAlt {
font-family:sans,Arial;
width:756px;
height:400px;
margin-top:30px;
margin-bottom:30px;
text-align:left;
margin-right:auto;
margin-left:auto;
padding:10px;
}

#picturelistAlt li {
list-style:none;
float:left;
margin-right:0px;
margin-bottom:10px;
font-size: 9px;
font-weight:bold;
color:#777777;
word-spacing: 0px;
}

#picturelistAlt img{
display:block;
border:2px solid #ffffff;
background-color: #733155;
}

#picturelistAlt img:hover{
border:3px solid #fdd017;
}

#picturelistAlt a{
color:#ffffff;
text-decoration:none;
}

#picturelistAlt a:hover{
color:#fdd017;
}



#paginglist
{
	width:700px;
	height:30px;
	list-style:none;
	padding-left: 10px;
}

#paginglist li
{
	display:inline;
}

#paginglist li a
{
	font-size: 0.8em;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}

#paginglist li a:hover
{
	border-top:3px solid #fdd017;
}

.current
{
	
	border-top: 3px solid #fdd017;
}

#paginglist2
{
	width:735px;
	height:30px;
	list-style:none;
	text-align: right;
}

#paginglist2 li
{
	display:inline;
}

#paginglist2 li a
{
	font-size: 0.8em;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}

#paginglist2 li a:hover
{
	border-top:3px solid #fdd017;
}
