/*=========================================================================*/
/* Document Body */
/*=========================================================================*/
body {
  background-color: #FFFFFF;
	margin:0;
	padding:0;
	height:100%;
}

div#container {
	position:relative; 
	margin:0 auto;
	height:auto !important; 
	height:100%; 
	min-height:100%; 
}

div#header {
	background:#ddd url("../csslayout.gif") 98% 10px no-repeat;
}

div#content {
	padding:1em 1em 3em; 
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; 
}

div#scrollpane {
  overflow: auto;
	width: 200px;
}

div#viewpane {
	position:relative; 
	height:auto !important;
	height:100%; 
	min-height:100%;
}

/*=========================================================================*/
/* Layout */
/*=========================================================================*/
/* Used in the navbars. Centers the content and pads it from the edge. */
div.nestedlinks {
 width: 180px;
 text-align: center
}

/* Used in the main gallery window. Centers the content and pads it from the top. */
div.galframe {
 margin-top: 20px;
 text-align: center
}

/* Used in the navbars inside the galleries. Creates extra padding around the thumbnails for any anchor tags inside the named div and creates a carriage return after them. */
div.nestedlinks a {
  margin-top: 10px;
  margin-bottom: 10px;
	display: block;
}

/* puts a little side buffer on the object. */
.marginme {
	margin-left: 5px;
	margin-right: 5px;
}

/*=========================================================================*/
/* Text Classes */
/*=========================================================================*/

/* Header is used for picture titles and wherever else you want a strong header. */
.header {
	font-family: "verdana";
	font-size: 16pt;
	color: #312D2A;
	font-weight: bold;
}

/* SubText is used below pictures for size & price and wherever else you want a little bold text. */
.subtext {
	font-family: "verdana";
	font-size: 10pt;
	color: #312D2A;
	font-weight: bold;
}

/* SubText Gold is used to title sections in the navbar and wherever else you want a little gold text. */
.subtextgold {
	font-family: "verdana";
	font-size: 10pt;
	color: #EBBB33;
	font-weight: bold;
}

/* SubText Blue is used to introduce sections and wherever else you want some blue text. */
.subtextblue {
	font-family: "verdana";
	font-size: 10pt;
	color: #0f406e;
	font-weight: bold;
}

/* SubText Orange is used to introduce sections and wherever else you want some orange text. */
.subtextorange {
	font-family: "verdana";
	font-size: 10pt;
	color: #E18014;
	font-weight: bold;
}

/* SubText Green is used to introduce sections and wherever else you want some green text. */
.subtextgreen {
	font-family: "verdana";
	font-size: 10pt;
	color: #2A895A;
	font-weight: bold;
}

/* SubText Brown is used to introduce sections and wherever else you want some brown text. */
.subtextbrown {
	font-family: "verdana";
	font-size: 10pt;
	color: #543212;
	font-weight: bold;
}

/* lighttext is used to talk about categories and wherever else you want some lighter text. */
.lighttext {
	font-family: "Bookman, serif";
	font-size: 12pt;
	color: #7F7F7F;
}

/* Copyright text used on the footer */
.copyrighttext {
	font-family: "verdana";
	font-size: 8pt;
	color: #d8ceb5;
	font-weight: normal;
}

/* Nav box: this adds some space padding around the little tan squares in the nav bar */
.navbox {
  margin-left: 8px;
  margin-right: 4px;
}

/* Footer Text is used on the bottom of the page */
.footertext {
	font-family: "verdana";
	font-size: 8pt;
	color: #999898;
	font-weight: normal;
}

/* Splash Text is used on the front splash */
.splashtext {
	font-family: "verdana";
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Splash Text is used on the front splash */
.splashtextsm {
	font-family: "verdana";
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: normal;
}

/* Main body text */
.mainbody {
	font-family: "verdana";
	font-size: 10pt;
	color: #b776b2;
	text-decoration: none;
}

/* Title is used below images for their name */
.title {
	font-family: "verdana";
	font-size: 12pt;
	color: #b776b2;
	font-weight: bold;
	font-style:italic;
}

/* navheader is used on the navigational payne for header sections */
.navheader {
	font-family: "verdana";
	font-size: 9pt;
	color: #5e4f43;
	font-weight: bold;
}

/* toorder is used on the navigational bar at the bottom */
/*.toorder {
	font-family: "verdana";
	font-size: 14pt;
	color: #8d6510;
	font-weight: normal;
	font-style:italic;
}*/

/* Image Classes */
/* Galleryframe */

/*table.galleryframe {
  border-color: #5b5c7b; 
	border-style: solid;
  border-width: 2px;
} 

.galleryframe td {
  border-color: #5b5c7b; 
	border-style: solid;
}*/
/*=========================================================================*/
/* Link Classes */
/*=========================================================================*/
a, a:visited, a:hover, a:link {
	font-family: "verdana";
	font-weight: bold; 
	font-size: 10pt;
	color: #5b5c7b;
	text-decoration: none;
}

/* Nav Link */
a.navbar, a.navbar:visited, a.navbar:hover, a.navbar:link {
	font-family: "verdana";
	font-size: 10pt;
	color: #d8ceb5;
	font-weight: bold;
  text-decoration: none;
}

/* nav is used on the navigational bar */
a.nav, a.nav:visited, a.nav:hover, a.nav:link {
	font-family: "verdana";
	font-weight: bold; 
	font-size: 7pt;
	color: #FFFFFF;
	text-decoration: none;
}

ul {margin-left: 12px; padding-left: 12px;}