html {
   font-size: 100%;
}

* { 
   margin:0;
   padding:0;
}

body {
	/*background-color: #373747; */
	background-color: #2F2F3D;
	color: #E3E4D3;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:0.8em;
	margin:1em auto;
	behavior:url(styles/csshover.htc);
	width:720px;
	
}

h1 {
	color: #B7D0DC;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.6em;
	margin: .7em 0;
	
}

h2 {
	color: #EEEEEE;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	margin: .7em 0;
}

p {
   margin: .7em 0;
}

ul {
   margin: .7em 0 .7em 4em;
}

a:link {
	text-decoration: none;
	color: #EEAE63;
	font-weight: bold;
}
a:visited {
	color: #CCA16E;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #EEAE63;
	font-weight: bold;
}

acronym {
   border-bottom-width: 1px;
   border-bottom-style: dotted;
} 

/* forms */
form {
   display: block;
   padding: 1em 2em .5em 2em;
   margin: 2em;
   border: 1px;
   border-style: solid;
   border-color: #E7E7FF;
   width: auto;
}

form label {
   display: block;
   margin: .4em .7em .4em 0;
   text-align: right;
   float: left;
   width: 18em;
}

form input,select {
   display: block;
   margin-top: .3em;
   padding: 1px;
   float: left;
   background-color: #DDDDF4;
   width: 23em;
}

form input.hidden {
   display: none;
}


form textarea {
   display: block;
   margin-top: .3em;
   padding: 1px;
   float: left;
   background-color: #DDDDF4;
}

form button {
   display: block;
   margin: 1em 1em 1em 0em;
   float: right;
}

form br {
   clear: both;
}

.form_error {
   color: #F6546D;
   font-weight : bold;
}

/* image in header */
div#header img {
   border: 0;
}

/* images within text */
div#content p img {
   padding: 0em .2em;
   border: 0;
}

/* images centered in text */
div#content img.center {
   display: block;
   padding: 2em 0em 0.5em 0em;
   margin: auto;
}

/* image with floating class */
div#content img.floatRight {
   padding: 0em 0em 1em 1em;
   float: right;
}

/* photo tables */
table.image_list td {
   padding:12px 0px 12px 25px;
}

table.big_image td {
   padding:4px 0px;
}

table.big_image h2 {
   color: #E9DCAF;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 1.2em;
   margin: 4px 0px;
}

table.big_image_info p {
   padding: 3px;
}

table.big_image_info td {
   background-color: #454559;
   vertical-align: top;
   padding: 0px;
}

table.big_image_info td.arrows {
   background-color: transparent;
   text-align: right;
   width: 15%;
}

table.big_image_info p {
   margin: 0px;
}


/* list of names */
ul.name_list ul {
   margin: .4em 0;
}

ul.name_list li {
   list-style-type: none;
   margin: .1em 0;
}

ul.name_list li li {
}

ul.name_list li li ul {
   margin: .5em 3em;
}

ul.name_list li li li {
   font-size: .95em;
   margin-right: .3em;
   list-style-type: disc;
}

ul.name_list li li li a {
   font-weight: normal; 
}

div.indexStrip {
   border-top: solid silver 1px;
   border-bottom: solid silver 1px;
   margin: 1.3em 25% 1.3em 0;
   padding: .1em 1em;
   text-align: center;
}

span.indexLetter {
   font-weight: bold;
   font-size: 1.1em;
}

/* views stats table */
table.views_stats {
   width: 90%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2em;
   border-spacing: 0px;
   border-collapse: collapse;
}

table.views_stats td,th {
   border: 2px solid #454559;
   padding: .5em;
   text-align: center;
}

table.views_stats th {
   background-color: #454559;
}

table.views_stats caption {
   text-align: center;
   font-size: 1.1em;
   font-weight: bold;
   margin: 1.2em auto 1.3em auto;
}
   
/* photo nav bar */
a.nav {
   font-size: .85em;
   font-weight: normal;
   border-right:1px solid #C29752;
   border-left:1px solid #C29752;
   background-color:#EBAA57;
   padding:2px 1em;
   text-decoration:none;
   color:#56566F;
}
a.nav:hover {
   background-color:#FFBC6E;
}

/* footer */
div#footer {
   font-size: .85em;
   padding: 1em 0 50em 0;
}

/* intro page */
div#intro {
   text-align: center;
}

div#intro img {
   display: block;
   margin: auto;
   padding: 10px;
}

div#intro table {
   margin: auto;
}

div#intro td {
   text-align: center;
}

/* special classes */

/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
/* for IE Mac */
.clearfix {display: inline-block;}
/* for IE6 Win */
* html .clearfix {height: 1%;}
.clearfix {display: block;}