body {
	margin: 0;
	padding: 0;
	/* it's good practice to zero the margin and padding of the body element to account for   	    differing browser defaults, and my preference lists as well*/
	
	text-align: center;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned 		     default in the #container selector */
	color: #626262;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*	client wants all text fully lowercase except explicit exeptions*/	
	text-transform: lowercase;
}
/* main outer container
-----------------------------------------*/
#container {
	width: 96%;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	padding-top: 5px;
}
/* Links
----------------------------------------------- */
a img {
	border-style: none;
	padding: 1px;
}
a {
	color: #626262;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
/* Paragraph Headings
----------------------------------------------- */ 
h1, h2, h4, h5, h6 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h1 {
	color: #363636;
	line-height: 14px;
	font-size: 22px;
	padding-bottom: 5px;
}
h2 {
	font-size: 18px;
	margin: 0px;
}

h3        {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 16px;
	color: #626262;
	padding-left: 0px;
}
h4 {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 14px;
	color: #626262;
	font-weight: bold;
}


h6 {
	font-size: 10px;
	padding-top: 1px;
}
/* Header stuff
-----------------------------------------------*/
#header {
	padding: 0px;
	padding-bottom: 15px;
	text-align: center;
}

#header h1 {
	font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	font-variant: normal;
	letter-spacing: 0.05em;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	color: #626262;
}
#header #Header600 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
/* Layout Rules & content boxes
----------------------------------------------- */

p {
	margin:0.375em 0;
	font-size: 10px;
	padding-left: 0px;
}
#gallery {
	padding-top: 5px;
	padding-bottom: 10px;
}
#EntranceWrap {
	font-size: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
	width: 600px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#login {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
}

#loginbox {
	display: none;

}

#LoginHead {
	padding-bottom: 10px;
	display: none;
}

/* rule for index page image & "enroll" link below MainImage*/

#IndexPageImage {
	text-align: center;
	width: 580px;
	padding: 0px;
	border: 0px solid #9F9F9F;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-height: 350px;
}
#enroll {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 65px;
}
#enroll a {
	letter-spacing: 0.4em;
	font-size: 14px;
}
/*entrance page and other text pages text*/

ul.MainClasses {
	list-style-type: none;
	text-align: left;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}
ul.MainClasses li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-right: 10px;
}
ul.MainClasses2 {
	list-style-type: none;
	text-align: left;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul.MainClasses2 li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 5px;
	display: inline;
}
ul.MainClasses a {
	letter-spacing: 0.2em;
}
ul.MainClasses a:hover {
	color: #000000;
	letter-spacing: 0.2em;
	background-repeat: no-repeat;
	background-position: right center;
}
/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect {
	width: 600px;
}
#currentcourse {
	border: 0px solid #111111;
	padding-top: 25px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 1px;
	width: 160px;
	height: 35px;
}
/*		possibly delete the albumlist classes*/
					#albumlist {
	border: 0px solid #111111;
	margin-right: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#albumlist a {
	text-decoration: none;
}
#albumList ul {
	margin: 0px;
	padding: 0px;
}
#albumList ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#controls {
	margin:0 auto 10px auto;
	color: #000000;
	font-size: 11px;
	height: 32px;
	border: 0px solid #111111;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
#controls div {
	float: left;
	padding: 0px;
	margin: 0px;
}
#controls a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	display: block;
	margin: 0px;
}
#controls a:hover {
	color: #666666;
}
/* Galleries are the album lists */

#galleries {
	border: 0px solid #111111;
}
#galleries label {
	font-size: 14px;
	font-weight: bold;
}
#regprivate a {
	font-size: 10px;
	margin-top: 0px;
	display: block;
}
#regprivate a:hover {
	font-size: 10px;
	margin-top: 0px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: center 0px;
	display: block;
	text-decoration: underline;
}
#galleryLinks a {
	color: #111111;
	text-decoration: none;
}
/*transport buttons, children of #controls. Static_hd_template.php addes images creating buttons
*/
#transport {
	padding: 0px;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 10px;
}
#transport li {
	float: left;
	padding: 1px;
	text-align: center;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: right center;
}
#transport a {
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.01em;
	font-size: 9px;
	font-weight: normal;
	width: 34px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0pt;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	border: 0px solid #111111;
}
#transport a:link {
	color: #121212;
	background-repeat: no-repeat;
	border: 0px solid #121212;
}
#transport a:visited {
	color: #333333;
	border-top: solid 0px #999;
	border-right: solid 0px #404040;
	border-bottom: solid 0px #3a3a3a;
	border-left: solid 0px #404040;
	background-repeat: repeat-x;
}
#transport a:hover {
	color: #121212;
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px solid #111111;
	font-weight: normal;
}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
	background-repeat: no-repeat;
	background-position: center center;
}
#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;
}
/* Previews Contains the thumbnails, controls - transport - and album list*/
#previews {
	float: left;
	background-position: center center;
	background-repeat: repeat-x;
	margin-top: 0px;
	width: 160px;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 1px;
}
/*the goal of this is to keep the #picture centered by matching the left sidebar floated size
*/

#rightsidebar {
	float: right;
	border: 0px solid #111111;
	width: 140px;
	height: 50px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#thumbnails {
	border:0px solid #111111;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 1px;
	width: 125px;
}
#thumbnails div {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	padding: 0px;
	float: left;
	display:inline;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#thumbnails img {
	width: 24px;
	height: 24px;
	padding: 0px;
	position: absolute;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #121212;
	border-right-color: #121212;
	border-bottom-color: #121212;
}
/*unsure about this one*/
#gallery .thumbnailWrapper {
}
/*Main image container loaded from thumbnails*/
#picture {
	overflow: visible;
	width: 625px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: -42px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	min-height: 350px;
}
#picture img {
	border: 0px solid #121212;
}
#mainImageOutline {
	margin: 0px auto;
	padding:0px;
	width: 620px;
	border: 1px solid #333333;
}
#mainImage {
	width: 100%;
	height: 100%;
}
.selectedThumbnail {
	border: 1px solid #666666 !important;
}
.inFocus {
	border: 1px solid #333333!important;
}
/* iFrame Stuff
----------------------------------------------- */
iframe {
	border: none;
	background: #3a3a3a;
	width: 100%;
	height: 365px;
	border-top: solid 1px #404040;
	border-left: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #404040;
}
/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
#boxshot {
	background-color: #CCCCCC;
	border-top: solid 1px #CCCC99;
	border-bottom: solid 1px #CCCC99;
	border-left: solid 1px #CCCC99;
	border-right: solid 1px #CCCC99;
	text-align: center;
}
.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
/* Footer Stuff kindof a mess a.t.m.*/
 
 ul.footermenu {
 	border: 0px solid #111111;
	list-style-type: none;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
ul.footermenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
ul.footermenu li {
	position: relative;
	float: left;
	list-style-type: none;
	text-align: center;
	width: 95px;
}
ul.footermenu a {
	display: block;
	padding: 5px;
	text-decoration: none;
	list-style-type: none;
	color: #484848;
	font-size: 12px;
}
ul.footermenu a:hover {
	color: #000000;
	background-repeat: no-repeat;
	background-image: url(../../SpryAssets/SpryMenuBarDownFlash.gif);
	background-position: center 0px;
}
ul.footermenu a.activelink {
	color: #000000;
	background-image: url(../SpryAssets/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#SpryMenuNav {
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
#footer {
	padding: 2px;
	margin-top: 0px;
	border: 0px solid #121212;
	padding-top: 5px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 11px;
}
#footer #FooterLogo {
	text-align: center;
	width: 550px;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border: 0px solid #333333;
	float: none;
	color: #626262;
}
#FooterNav {
	width: 475px;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	height: 30px;
	border: 0px solid #000000;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left: 5px;
}
ul li {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
/*ADDT stuff from tng.css and nxt.css*/

	/*
	 * KT_tngtable
	 * 		tabular content generated for NeXT List / Form */
	.KT_tngtable, .KT_tng .KT_options {
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.tablepad {
padding:0px;
}
/* style for each content cell */
	.KT_tngtable tbody td {
	vertical-align:top;
}
.KT_tngtable tr.KT_buttons {
 text-align: right;
}

.KT_tngtableFront tr.KT_buttons {
	text-align: right;
}
.KT_tngtable td.buttonPad {
}
#regprivate {
	margin-left: 5px;
	margin-top: 1px;
}
#NavBar {
	border: 0px solid #111111;
}
#UserID {
	text-align: right;
}
#logout {
	text-align: right;
}
#LoggedinAs {
}


.KT_th  label #kt_login_user {
	font-size: 10px;
}
	.KT_tngtable input, .KT_tngtable select {
		font-size: 10px;
	}

	.KT_tngtable textarea {
		font-size: 12px;
	}
.KT_tngtable td {
	border-top-width: 0;
	border-left-width: 0;
	vertical-align: baseline;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FCFCFC;
	border-right-color: #FCFCFC;
	border-bottom-color: #FCFCFC;
	border-left-color: #FCFCFC;
}
.KT_tngtable th, .KT_tngtable td.KT_th {
	background-color: #FFFFFF;
	font-weight: normal;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}


/* KT_topbuttons, KT_bottombuttons
 * 		the up / down generated area with the edit, delete, add new links / buttons */
.KT_topbuttons, .KT_bottombuttons {
	text-align: right;
	padding: 3px 0px 3px 3px;
	height: 10px;
}


.KT_bottombuttons input{
	margin: 1px;
}