#header {
	left: 0px;
	top: 0px;
	background-image: url(../image/triangle.jpg);
	background-repeat: no-repeat;
	padding:50px 50px;
	height: 259px;
}

body,td,th {
	color: #FFFFFF;
}
body {
	background-image: url(../image/body-bg.jpg);
	font-family: "Courier New", Courier, mono;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}
#content-main {
	position: relative;
	top: -120px;
	left: 100px;
	margin-left: 100px;
	margin-right: 200px;
}
.text-main {
	color: #FFFFFF;
	letter-spacing: -1px;
}
.text-balloon-main {
	color: #000000;
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	border-width: 0px 0px 1px 0px;
    vertical-align: top;
    border-style: dashed;
    border-color: #999999;
}
.text-balloon-sub {
	font-size: small;
	color: #999999;
	vertical-align: top;
	text-align: left;
}
body h2 {
	color: #FF9900;
	font-size: xx-large;
	font-weight: bold;
}
body h4,h3 {
	color: #FF9900;
	font-weight:bold;
	}
	
.subinfo {
	font-size: small;
	color: #999999;
	vertical-align: top;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

a:link {
	color: #31D034;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #31BF34;
}
a:hover {
	text-decoration: underline;
	color: #39DF3C;
}
a:active {
	text-decoration: none;
}
.image {
	float: left;
	margin: 0px 5px 5px 5px;
}

#navigation {
	position: relative;
	top: -180px;
	left: 156px;
	width: 550px;
	background-image: url(../image/nav-bg-large.jpg);
	background-attachment: scroll;
}
#navigation p {
	color: #FF9900;
	letter-spacing: -1px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
}
#navigation a:link {
	color: #FF9900;
	text-decoration: none;
}
#navigation a:visited {
	color: #FF9900;
	text-decoration: none;
	}
#navigation a:hover {
	text-decoration: underline;
	color: #FF9900;
}	
.navtl {
	position: absolute;
	left: 0%;
	top: 0%;
}
.navtr {
	position: absolute;
	right: 0%;
	top: 0%;

}
.navbl {
	position: absolute;
	left: 0%;
	bottom: 0%;
}
.navbr {
	position: absolute;
	bottom: 0%;
	right: 0%;
}
#navtl {
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 100;
	background-image: url(../image/nav-curve-tl.gif);
	background-repeat: no-repeat;
}
#navtr {
	position: absolute;
	top: 0%;
	right: 0%;
}
#navbl {
	position: absolute;
	left: 0%;
	bottom: 0%;
}
#navbr {
	position: absolute;
	bottom: 0%;
	right: 0%;
}
#footer {
	position: relative;
	top: -100px;
	left: 0px;
	width: 100%;
	height: 2ex;
	}
#footer p{
	font-size: x-small;
	color: #999999;
	text-align:center;
}






#gallery-main {
	position: relative;
	top: -120px;
	left: 0px;
	margin-left: 0px;
	margin-right: 200px;
}
.gbBlock {
    padding: 0.7em;
    /* IE can't inherit these */
    border-style: expression(parentElement.currentStyle.borderStyle);
    border-color: expression(parentElement.currentStyle.borderColor);
}

.gbBlock ul {
     : 0;
    padding: 0;
    list-style-type: none;
}

.gbBlock ul ul {
    margin: 0 0 0.5em 1.0em;
}

.gbBlock li {
    padding: 6px 0 0 0;
}
#gsSidebar {
    border-width: 1px 1px 1px 1px;
    
    border-style: dashed;
    border-color: #999999;
    width: 175px;
    overflow: hidden;
    margin-left: 10px;
}
#gsSidebarCol {
    width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */
}
/*
#gsNavBar {
    position: absolute;
    top: 0px;
    left: 185px;
}
#gsNavBar div.gbBreadCrumb {
    font-size: 1.1em;
    font-weight: bold;
}

#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
    padding: 0 0 0 14px;
    background: url('images/icon_path_separator.gif') no-repeat left;
}

#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
    white-space: nowrap;
}
#gallery.IE div.gbBreadCrumb span {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    padding-right: 4px;      /* IE has less space at right of each span */
}

#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 6px;
    background-image: none;
}

#gsNavBar div {
    margin-top: 0.1em;  /* Align system links with breadcrumb */
    font-weight: bold;
    position: relative;
    top: 0px;
    left: 0px;
}
*/
#gsNavBar {
    //border-top-width: 1px;
    //border-bottom-width: 1px;
    background-image: url(http://www.skweeker.net/k0skw/image/body-bg.jpg);
    position: relative;
    left: 10px;
    
}

#gsNavBar div.gbSystemLinks {
    padding: 4px 6px;
}

#gsNavBar div.gbSystemLinks span {
    padding: 0 4px;
}



#gsNavBar div.gbBreadCrumb {
    font-size: 1.1em;
    font-weight: bold;
}

#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
    padding: 0 0 0 14px;
    background: url('images/icon_path_separator.gif') no-repeat left;
}

#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
    white-space: nowrap;
}



#gallery.IE div.gbBreadCrumb span {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    padding-right: 4px;      /* IE has less space at right of each span */
}

#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
}

#gsNavBar div.gbSystemLinks {
  float: right;
}




#gsNavBar div {
    margin-top: 0.1em;  /* Align system links with breadcrumb */
    font-weight: bold;
    position: relative;
    top: 0px;
    left: 0px;
}



/* NAVIGATOR */
div.gbNavigator div.next-and-last {
  float: right;
}
div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: right;
}

div.gbNavigator a.first {
  padding-left: 27px;
  background: url("images/nav_first.gif") left no-repeat;
}

div.gbNavigator a.previous {
  padding-left: 27px;
  background: url("images/nav_prev.gif") left no-repeat;
}

div.gbNavigator a.next {
  padding-right: 27px;
  background: url("images/nav_next.gif") right no-repeat;
}

div.gbNavigator a.last {
  padding-right: 27px;
  background: url("images/nav_last.gif") right no-repeat;
}

div.gbNavigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.gbNavigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}

#gallery.rtl div.gbNavigator div.next-and-last {
  float: left;
}
#gallery.rtl div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: left;
}
#gallery.rtl div.gbNavigator div.first-and-previous {
  text-align: right;
}
/* Both IE and Gecko have bugs with omitting padding on rtl inline content */
#gallery.IE.rtl div.gbNavigator a {
  display: inline-block;
}
#gallery.gecko.rtl div.gbNavigator a {
  display: -moz-inline-box;
}

#gallery.rtl div.gbNavigator a.first {
  padding: 0 27px 0 0;
  background: url("images/nav_last.gif") right no-repeat;
}
#gallery.rtl div.gbNavigator a.previous {
  padding: 0 27px 0 0;
  background: url("images/nav_next.gif") right no-repeat;
}
#gallery.rtl div.gbNavigator a.next {
  padding: 0 0 0 27px;
  background: url("images/nav_prev.gif") left no-repeat;
}
#gallery.rtl div.gbNavigator a.last {
  padding: 0 0 0 27px;
  background: url("images/nav_first.gif") left no-repeat;
}
#gallery.rtl div.gbNavigator div.first-and-previous img {
  padding: 0 0 0 0.5em;
}
#gallery.rtl div.gbNavigator div.next-and-last img {
  padding: 0 0.5em 0 0;
}




.giTitle, #gallery h2, #gallery h3, #gallery h4 {
    font-size: 1.3em;
    font-weight: bold;
}

#gallery pre, #gallery tt {
    font-family: Courier New;
    font-size: 1.2em;
}

.giSubtitle {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: text-bottom;
}

.giDescription {
    font-size: 1.1em;
    line-height: 1.4em;
}

.gbEmptyAlbum {
    height: 400px;
}

.giDescription h3.emptyAlbum {
    line-height: 4.0em;
    text-align: center;
}

.giInfo {
    font-size: 0.9em;
    color: #888;
}

.giInfo span.summary {
    display: block;
}

.giSuccess, .giWarning, .giError  {
    font-weight: bold;
}

.giSuccess { color: #5c0; }
.giWarning { color: #c50; }
.giError { color: #a44; }

.giNew, .giUpdated {
    border-width: 2px;
    border-style: ridge;
    padding: 0 6px;
    line-height: 1.9em;
}








td.giAlbumCell, td.giItemCell {
    padding: 1em;
    text-align: center;
}

#gallery td.giAlbumCell select, #gallery td.giItemCell select {
    margin-top: 0.8em;
}

/* So imageframed thumbs can be centered */
td.giAlbumCell table, td.giItemCell table {
    margin: auto;
}
