/* site.css - common to all css files */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 100.01%;
	font-weight: bold;
}
p {
	font-size: 90%;
}
h1 {
	font-size: 130%;
}
h2 {
	font-size: 110%;
}
#wrapper {
	position:relative;
	width:770px;
	z-index:1;
	margin: 5px;
}
#banner {
	position: relative;
	width: 770px;
	z-index: 2;
	margin: 0;
	padding: 0;
}

/* ---------------------
   begin navbar 
   ---------------------
   note: the default .navcrumb sets the bg-color for the #navbar ul li
   and #crumbs divs that follow the banner.  However, .navcrumb should
   be redefined in the branch specific css page that follows this page
   so that each branch has its own color
   	
		site.css <-- this file
		branch.css <-- redefine .navcrumb here, and set color
*/
.navcrumb {
	background-color: #424661;
}
#navbar {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:80%;
	position: relative;
	width: 770px;
	z-index: 2;
	margin: 0;
	padding: 0;
}
#navbar ul {
	background-color: #6699FF;
	padding: 0;
	margin: 0;
}
#navbar ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#navbar ul li a {
	text-decoration: none;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	text-align: center;
	width: 9em;
	margin: 0px;
}
#navbar ul li a:hover, #navbar ul li a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
/* end navbar */

/* begin crumbs  */
#crumbs {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:70%;
	width: 770px;
	z-index: 2;
	margin: 0;
	padding: 0;
}
#crumbs a {
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	text-align: center;
	width: 9em;
}
#crumbs ul {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#crumbs ul li {
	display: inline;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
}
#crumbs a:hover, #crumbs a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
/* end crumbs */

/* ---------------------
   begin thumbPages
   ---------------------
   note:  
  .thumbGroup .thumbPage can be redifinned in the
   branch specific css page - typically this means
   height, width and background color - like this

.thumbGroup .thumbImage {
	width:	120px;
	height:	140px;
	background-color: #9966CC;
}
*/
#thumbPage {
  margin: 0;
  padding-top: 30px;
  font-family:Arial, Helvetica, sans-serif;
}
.thumbGroup{
	float: left;
	width: 720px;
	margin-left: 25px;
	margin-top: 10px;
	border: thin solid #FF9900; 
	z-index: 2;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;	

}
.thumbGroup .thumbImage {
	margin: 10px;
	width:	120px;
	height:	140px;
	float:	left;
	border-top:	1px solid #333;
	border-left:	1px solid #333;
	border-bottom:	1px solid #999;
	border-right:	1px solid #999;
	z-index: 2;
	background-color: #9966CC;
}
.thumbGroup h2 {
	text-align: left;
	font-size: 115%;
	background-color:#666666;
}
.thumbGroup .thumbImage a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 0;
	color: #FFFFFF;
	width: 9em;
	font-size: small;
}
.thumbGroup a:hover, #thumbGroup a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
.thumbGroup p {
	font-size: 80%;
	text-align: center;
	vertical-align: bottom;
}
/* end thumbPages */

/* ---------------------
   begin photo pages 
   ---------------------
   note: #photoNav ul can be redfined in branch css files
   for a new background color - like this

#photoNav ul {
	background-color: #0066CC;
}
*/
#photoDescription {
	position:relative;
	width:770px;
	height:100px;
	z-index:2;
	padding-top: 10px;
}
#photoDescription h1 {
	margin-top: 10px;
	margin-bottom: 15px;
}
#photoNav {
	position:relative;
	height:20px;
	z-index:2;
	margin: 0;
	padding: 0;
	/* width: 245px; 
	margin-left: 265px;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 0; */
}
#photoNav ul {
	background-color: #0066CC;
	padding: 0px;
	width: 235px;
	margin-left: 267px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#photoNav ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#photoNav ul li a {
	font-size: 80%;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	text-align: center;

}
#photoNav ul li a:hover, #photoNav ul li a:focus {
	background-color: #FFFFFF;
	color: #000000;
}