@import url('reset.css');
@import url('content.css');
@import url('forms.css');
@import url('navigation.css');

html { background: #333 url(../images/dark-bg.png) repeat fixed top center; text-align: center; }
body { background: transparent url(../images/spotlight-bg.png) no-repeat fixed top center; min-height: 734px; }

.wrapper { width: 740px; margin: 0px auto; text-align: left; }

#header { height: 136px; background: transparent url(../images/gates.png) no-repeat scroll bottom center; text-align: center; }
	#tse-logo { margin-top: 40px; }
	
#menu-bar { background: transparent url(../images/menu-bar-dark.jpg) repeat-x scroll center -1px ; }
	#menu-bar-spotlight { height: 33px; background: transparent url(../images/menu-bar-spotlight.jpg) no-repeat scroll center -1px ; }

#content { margin: 30px auto 30px; }
	img.heading { margin: -2px 0 0 -4px; }
	#polaroid { float: right; margin: 0px 0px 5px 10px; width: 225px; height: 230px; background: transparent url(../images/polaroid-iron-work.png) no-repeat scroll top center; cursor: pointer;}
		#gate { margin: 14px 0 0 22px;}

#triple-boxes { margin: 20px auto; }
	#triple-boxes .box { width: 234px; height: 189px; border: 1px solid #666; text-align: center; float: left; margin-right: 16px; background: transparent url(../images/box-bg-dark.png) repeat top center; }
	#triple-boxes .last { margin: 0px;  }
		#triple-boxes h2 { margin: 8px 0px 6px; }
		#triple-boxes img.pic { border: 1px solid #666; margin: 0px; }
	#triple-boxes .hover { background: transparent url(../images/box-bg-light.png) repeat top center; border-color: #999; }
		#triple-boxes .hover img.pic { border: 1px solid #999; }

#footer { font-size: 10pt; text-align: right; padding: 20px 0px; margin-top: 20px; border-top: 1px solid #666; line-height: 1.2em; }
	#sigline { float: left; }
		#cts-logo { margin-left: 4px; }
		
#captcha label { font-size: 12px; }
