/*
  Precedence in stylesheets

1. Inline styles 
2. Embedded styles 
3. Linked styles 
4. Imported styles 
5. Default browser styles

*/

/*
 * Media rendering options
 */

@media screen {
  BODY {
    color: rgb(240,240,240);
    /* background-color: #333333; */
    /* background: url() #222222 no-repeat top right fixed; */
    background-color: #444444;
    font-family: arial, sans-serif;
  }
}
 
@media print {
  BODY { background: white; color: black }
  P { font-family: times, serif }
}

/*
 * Link overrides
 */

A:link {
    text-decoration: none;
	color: #999999;
}

A:visited {
    text-decoration: none;
}

/* A.blue:hover { text-decoration: none; color: #6688cc; } */
/* A.orange:hover { text-decoration: none; color: #ff8800; } */
/* A.pink:hover { text-decoration: none; color: #ff5588; } */
/* A.white:hover { text-decoration: none; color: #ffffff; } */
A:hover { text-decoration: none; color: #ffffff; }

A img {
	border: 2px solid #000000;
	text-decoration: none;
}

A:hover img {
	border: 2px solid white;
	text-decoration: none;
}

/* Structural elements */

H1 {
    font-size: 24pt;
    font-family: arial, sans-serif;
    letter-spacing: 2px;
    font-weight: 100;
}


IMG {
    border: 0;
}

.numbers {
	width: 13px;
	height: 22px;
}

.b {
    color: #ffffff;
}


/* Custom classes */

.heading {
	font-size: 12pt;
	font-weight: bold;
	font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
}

.text {
    text-align: justify;
	padding: 6px;
	width: 650px;
	height: 420px;
	background-color: #111111;
	font-size: 10pt;
	font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
	font-weight: normal;
	color: white;
	position: absolute;
	left: 20px;
	top: 10px;
}

.title {
  position: relative;
  top: 100px;
  left: 140px;
}

.photo_noborder {
  background-color: black;
  padding: 0px;
  position: relative;
  left: 75px;
  top: 100px;
  z-index: 4;
}

.photo {
  background-color: white;
  padding: 5px;
  position: relative;
  left: 75px;
  top: 100px;
  z-index: 4;
}


.backbox {
	width: 950;
	height: 670;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
}

.topheader {
	position: relative;
	width: 805;
	height: 50;
	border-bottom: 2px solid white;
	margin-left: auto;
	margin-right: auto;
}

.menu {
	position: relative;
	top: 100px;
	width: 900px;
	height: 20px;
	font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
	font-size: 14px;
	color: white;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

	/* border: 1px solid yellow; */
}

.footer {
	position: relative;
	bottom: -5px;
	height: 14px;
	width: 850;
	margin-left: auto;
	margin-right: auto;

	color: #ffffff;
	font-size: 8pt;
	font-family: arial, sans-serif;

	/* border: 1px solid red; */
}

.contents {
	position: relative;
	top: 20px;
	width: 800;
	height: 470;
	margin-left: auto;
 	margin-right: auto;
}

.prevpic {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 220;
	left: -30;

}

.nextpic {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 220;
	left: 815;
}

.hidden {
	display: none;
}

.starsep {
    color: #ff0890;
    font-size: 12pt;
    font-family: courier;
}

/* Color styles */

.grey     { color:  rgb(150,150,150); }

.white     { color:  rgb(249,252,248); }

.jade      { color:  rgb(32,240,176); }

.palegreen { color:  rgb(144,248,152); }

.yellow    { color:  rgb(244,248,112); }

.fuschia   { color:  rgb(240,160,248); }

.black     { color:  rgb(0,0,0); }

.blue		{ color: #6688cc; }
.pink		{ color: #ff5588; }
.orange		{ color: #ff8800; }
.gray		{ color: #999999; }