body { 
background-color: #333333; 
background-attachment: fixed;
background-image: none;
margin:0; 
padding:0; 
height:100%; /* this is the key to stretching the background the length of the window! */

font-family: sans-serif;
color: #FFFFFF;
font-size: 100%;
overflow: hidden;
}
html {
height:100%;
overflow: hidden; /* eliminate scrollbar ambiguity. user must resize until our scrollbar can be used */
}

#spacer {
	width:100%;
	height:50%;
	margin-bottom:-300px;
	float: left;
	overflow: hidden; /* eliminate scrollbar ambiguity. user must resize until our scrollbar can be used */
}

#canvas { 	
	clear:left;
	overflow: auto;
	background-color: #FFFFFF;
	width: 800px;
	min-width: 800px;
	height: 600px;
	margin: 0 auto;
	z-index: 1; 
	overflow: hidden; /* eliminate scrollbar ambiguity. user must resize until our scrollbar can be used */
} 

#header {
position: relative;
top: 5px;
left: 5px;
width: 790px; 
height:114px;
background: url(header.gif) 0% 0% repeat-x;
z-index: 1;
border-style:none; 
overflow: hidden; /* eliminate scrollbar ambiguity. user must resize until our scrollbar can be used */
}

#logo{position:absolute; left:0px; top: 0px; z-index:3;}
#brand{position:absolute; right:10px; top:10px; z-index:3;}

#headertopborder, #headerbottomborder, #headerleftborder, #headerrightborder { 
position: absolute;
background-color: #999900;
z-index: 10;
overflow: hidden;
}

#headertopborder { 
left: 0px;
top: 0px;
width:790px;
height:2px;
	overflow: hidden;
}
#headerbottomborder { 
left: 0px;
bottom: 0px;
width:790px;
height:2px; 
	overflow: hidden;
}

#headerleftborder { 
left: 0px;
top: 0px;
width:2px;
height:134px;
	overflow: hidden;
}
#headerrightborder { 
right: 0px;
top: 0px;
width: 2px;
height:134px;
	overflow: hidden;
}

#content { 
position:relative; 
left:5px; 
top: 7px;
width: 790px;
height: 447px;
z-index: 0;
background: url(body.gif) 0% 0% repeat-x;
overflow: hidden; /* eliminate scrollbar ambiguity. user must resize until our scrollbar can be used */
} 

#navigation{position:absolute; left:0px; top:0px; z-index:2;}

.newstitlelink {
	position:absolute;
	left:29px;
	top:0px;
	background: url(newsbutton.png) top no-repeat;
	background-position: 0px -19px;
 	width: 75px;
 	height: 19px;
	border-style: none;
	z-index: 100;
	overflow: hidden;
}

.newslink {
	position:absolute;
	left:29px;
	top:0px;
	background: url(newsbutton.png) top no-repeat;
 	width: 75px;
 	height: 19px;
	border-style: none;
	z-index: 100;
	overflow: hidden;
}

.newslink:hover {
	position:absolute;
	left:29px;
	top:0px;
	background: url(newsbutton.png) top no-repeat;
	background-position: 0px -19px;
 	width:75px;
 	height:19px;
	border-style: none;
	z-index: 100;
	overflow: hidden;
}

.phototitlelink {
	position:absolute;
	left:129px;
	top:0px;
	background: url(photobutton.png) top no-repeat;
	background-position: 0px -15px;
 	width:33px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.photolink {
	position:absolute;
	left:129px;
	top:0px;
	background: url(photobutton.png) top no-repeat;
 	width:33px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.photolink:hover {
	position:absolute;
	left:129px;
	top:0px;
	background: url(photobutton.png) top no-repeat;
	background-position: 0px -15px;
 	width:33px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}

.filmtitlelink {
	position:absolute;
	left:207px;
	top:0px;
	background: url(filmbutton.png) center top no-repeat;
	background-position: 0px -15px;
 	width:34px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.filmlink {
	position:absolute;
	left:207px;
	top:0px;
	background: url(filmbutton.png) center top no-repeat;
 	width:34px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.filmlink:hover {
	position:absolute;
	left:207px;
	top:0px;
	background: url(filmbutton.png) center top no-repeat;
	background-position: 0px -15px;
 	width:34px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}

.designtitlelink {
	position:absolute;
	left:280px;
	top:0px;
	background: url(designbutton.png) top no-repeat;
	background-position: 0px -18px;
 	width:46px;
 	height:18px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.designlink {
	position:absolute;
	left:280px;
	top:0px;
	background: url(designbutton.png) top no-repeat;
 	width:46px;
 	height:18px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.designlink:hover {
	position:absolute;
	left:280px;
	top:0px;
	background: url(designbutton.png) top no-repeat;
	background-position: 0px -18px;
 	width:46px;
 	height:18px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.webtitlelink {
	position:absolute;
	left:364px;
	top:0px;
	background: url(webbutton.png) top no-repeat;
	background-position: 0px -15px;
 	width:34px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.weblink {
	position:absolute;
	left:364px;
	top:0px;
	background: url(webbutton.png) top no-repeat;
 	width:34px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}
.weblink:hover {
	position:absolute;
	left:364px;
	top:0px;
	background: url(webbutton.png) top no-repeat;
	background-position: 0px -15px;
 	width:34px;
 	height:15px;
	border-size: 0px;
	z-index: 100;
	overflow: hidden;
}

#scrollContainer {
overflow: hidden;
position: absolute;
top: 105px;
left: 25px;
background-color: transparent;
padding-left:10px;
padding-right:10px;
margin-left: auto;
margin-right: auto;
width:523px;
height: 300px;
z-index: 8;
scrollbar-base-color:#666666;
scrollbar-arrow-color:#FFFFFF;
font-family: sans-serif;
color:#FFFFFF;
border		: 0px solid #FFFFFF;
	overflow: hidden;
}

#scrollContent {
	position	: absolute;
	width		: 527px;
	height:300px;
/*	border:solid 1px red;*/
	left		: 5px;
	overflow: visible;
}

#scrollArea {
	position	: absolute;
	left		: 540px;
	top			: 105px;
	height		: 300px;
	width		: 15px;
	overflow	: hidden;
	border		: 1px solid transparent;
	border-style: none;
	background-color:transparent;
	overflow: hidden;
}

#sliderBlock {
	position	: absolute;
	top			: 0px;
	width		: 13px;
	background-color:transparent;
	border	: 1px solid transparent;
	border-style: none;
	overflow: hidden;
}

#rightColumnContent {
	margin-top:10px;
	position	: absolute;
	left		: 600px;
	top			: 40px;
	width		: 160px;
	height		: 380px;
	background-color:transparent;
	border	: 1px solid #FFFFFF;
	border-style: none;
	font-family: sans-serif;
	font-size: 75%;
	color:#FFFFFF;
	text-align: justify;
	overflow: hidden;
}

#contentframetop{position:absolute; left:6px; top:35px; z-index:2; border-style:none;}
#contentframebottom{position:absolute; left:6px; top:407px; z-index:2; border-style:none;}
#contentframeleft{position:absolute; left:6px; top:67px; z-index:2; width: 10px; height: 340px; border-style:none;}
#contentframeright{position:absolute; left:569px; top:67px; z-index:2; width: 10px; height: 340px; border-style:none;}

#contentframetopshort{position:absolute; left:578px; top:35px; z-index:2; border-style:none;}
#contentframebottomshort{position:absolute; left:578px; top:407px; z-index:2; border-style:none;}
#contentframeleftshort{position:absolute; left:578px; top:67px; z-index:2; width: 10px; height: 340px; border-style:none;}
#contentframerightshort{position:absolute; left:774px; top:67px; z-index:2; width: 10px; height: 340px; border-style:none;}

a:link {
	color: #00CCFF;
}
a:visited {
	color: #00CCFF;
}

#footer { 
position:relative; 
left:5px; 
top:7px; 
padding-top:5px;
padding-bottom:5px; 
width:790px; 
height:27px;
z-index: 1;
overflow: hidden; /* eliminate scrollbar ambiguity. user must resize until our scrollbar can be used */
font-family: sans-serif;
color: #FFFFFF;
font-size: 80%;
font-weight: normal;
text-align:center;
	overflow: hidden;
}

#footer a {
	text-decoration:none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
#footer a:visited {
	color: #FFFFFF;
}


#adminnavdiv { 
position: absolute;
height:60px;
width: 60px;
background-color: transparent; 
margin:0px auto; 
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
text-align: center;
padding: 5px;
font-family: sans-serif;
color: #FFFFFF;
font-size: 100%;
	overflow: hidden;
}

.areainput
{
width:250px;
height:60px;
border: solid 1px #000000;
background: #ccc;
color:#000000;
font-size:12px;
}

.areainput2
{
width:250px;
height:60px;
border: solid 1px #000000;
background: #ccc;
color:#000000;
font-size:12px;
}

#checkbox
{
width:250px;
background: #cccccc;
color:#000000;
}

.checkbox
{
width:100px;
background: #cccccc;
color:#000000;
}

.marked
{
color: #7FFF00;
font-size:20px;
}

.table
{
font-family: sans-serif;
}

.tdbig
{
font-size:16px;
}

.textinput
{
width:250px;
border: solid 1px #000000;
background: #cccccc;
color:#000000;
font-size:12px;
}

.textinput2
{
width:250px;
border: solid 1px #000000;
background: #cccccc;
color:#000000;
font-size:12px;
}


.ageinput
{
width:50px;
border: solid 1px #000000;
background: #cccccc;
color:#000000;
font-size:12px;
}

.classinput
{
width:150px;
border: solid 1px #000000;
background: #cccccc;
color:#000000;
font-size:12px;
}

.count
{
width: auto;
border: solid 1px #000000;
background: #cccccc;
color:#000000;
font-size:14px;
}

.textsumup
{
width:250px;
border: solid 1px #000000;
border-bottom: none;
background: #cccccc;
color:#000000;
font-size:12px;
}

.textsumup1
{
width:250px;
border: solid 1px #000000;
border-bottom: none;
border-top: none;
background: #cccccc;
color:#000000;
font-size:12px;
}

.textsumup2
{
width:250px;
border: solid 1px #000000;
border-top: none;
background: #cccccc;
color:#000000;
font-size:12px;
}

.textfield
{
width:200px;
height:30px;
background-color: #cccccc;
color:#000000;
}

.input
{
border:solid 1px #000000;
background-color:#cccccc;
}

.inputgreen
{
width:60px;
border:solid 1px #000000;
background-color:green;
}

.inputred
{
width:60px;
border:solid 1px #000000;
background-color:red;
}

.sumup
{
border:solid 1px #000000;
background-color: #cccccc;
color: #000000;
}

.photoalbum
{
font-size:12px;
margin:0;
padding:0;
border-collapse: collapse;
line-height:12px;
}

.photoalbum1
{
border-collapse: collapse;
line-height:40px;
font-size:12px;
margin:0;
padding:0;
}

.photoalbumvideo
{
border-collapse: collapse;
line-height:12px;
font-size:12px;
margin:0;
padding:0;
}

#tdbg
{
overflow:hidden;
margin:0;
padding:0;
position: relative;
height:82px;
width:108px;
background-color: #ffffff;
}

#infobox
{
position: absolute;
top:0px;
left:600px;
/*border:solid 1px red;*/
width: 350px;
height:200px;
}

.uploadtable
{
font-size:12px;
border-bottom: solid 1px #cccccc;
}