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


/*Per Pro CSS and HTML book*/
p,dl {margin-top:1em;margin-bottom:1em;}
dd {margin-left:40px;}
h1 {font-size:2em;      font-weight:bold; margin:0.67em 0;}
h2 {font-size:1.5em;    font-weight:bold; margin:0.83em 0;}
h3 {font-size:1.125em;  font-weight:bold; margin:1em 0;}
h4 {font-size:1em;      font-weight:bold; margin:1.33em 0;}
h5 {font-size:0.75em;   font-weight:bold; margin:1.67em 0;}
h6 {font-size:0.5625em; font-weight:bold; margin:2.33em 0;}
pre{font-family:monospace; white-space:pre; margin:1em 0;}
hr  {height:2px; border:1px; margin:0.5em auto 0.5em auto;}
img{ border:0px;}

html 
{
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	font-family:font-family:Verdana, Arial, Helvetica, sans-serif;/* set default font */
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */ 
}

body 
{
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	background:#fff; 
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}

#header {
	position:absolute; 
	margin:0; 
	top:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:100px; 
	background-image:url(../images/topBkgd.jpg);
	background-repeat:repeat-x;
	background-position:0 0; 
	z-index:6; 
	overflow:hidden; 
	color:#fff;
}

#logo {
	float:left;
}

#topNav{
	float:right;
}

#main {
	overflow:auto; /* add scroll bars as necessary */
	position:absolute; /* position absolutely */
	z-index:3; /* If required to cover any other divs */
	top:100px; /* a value to miss the header */
	bottom:40px; /* a value to miss the footer */
	left:150px; /* a value to miss any navigation div */
	right:0; /* this will put the scroll bar at the right of the page */
	background:#fff; /* set the background color */
	padding:5px;
}

* html #main {
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	height:100%; 
	max-height:100%; 
	width:100%; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	border-top:100px solid #fff; 
	border-bottom:40px solid #fff; 
	border-left:150px solid #fff;
}
	
#footer {
	position:absolute; 
	margin:0; 
	bottom:0; 
	left:150; 
	display:block; 
	width:100%; 
	height:40px; 
	font-size:70%; 
	z-index:5; 
	text-align:center;
	font-size:.7em;}

#nav {
	position:absolute; 
	left:0; 
	top:100px; 
	height:100%;
	width:150px; 
	background:url(../images/leftBkgd.jpg) top left repeat-y;
	font-size:1.2em; 
	z-index:5; 
	overflow:auto; }

* html #nav {
	height:100%; 
	top:0; 
	bottom:0; 
	border-top:100px solid #fff;
	color:#fff;
}

/*Nav Menu*/
#nav ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav li
{
float: left;
clear: both;
margin: 0px;
}

#nav li a
{
background-image:url(../images/buttonUp.jpg);
height: 50px;
line-height: 50px;
float: left;
width: 150px;
display: block;
text-decoration: none;
text-align: center;
}

#nav li a:hover
{
background-image:url(../images/buttonOver.jpg);
}

#breadcrumb
{
	font-size:.6em;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover {
	color: #0000FF;
	text-decoration: none;
}

/*Image Gallery*/
div.gallery {
	width:90%;
	margin:10px;
	clear:both;
}

div.thumbnail{
	float:left;
	background-color:#FFFFFF;
	margin:3px;
	height:78px;
	width:102px;
}