@charset "UTF-8";
/* CSS Document */

body,td,th {
	color: #999999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 1.5px;
	line-height:16px;
}
body {
	background-color: #000000;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#events div a.sublink {
	color: #AAAAAA;
}

a:link {
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.3ex;
}
a:visited {
	text-decoration: none;
	color: #666666;
	letter-spacing: 0.3ex;	
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
	letter-spacing: .3ex;
	
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
	outline:none;
	letter-spacing: .3ex;
	
}
a:focus {
	text-decoration: none;
	outline:none;
	letter-spacing: .3ex;
}

a.sublink {
font-size:9px;
}

a.sublink:link {
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.3ex;
	
}
a.sublink:visited {
	text-decoration: none;
	color: #666666;
	letter-spacing: 0.3ex;	
}
a.sublink:hover {
	text-decoration: none;
	color: #CCCCCC;
	letter-spacing: .3ex;
	
}
a.sublink:active {
	text-decoration: none;
	color: #CCCCCC;
	outline:none;
	letter-spacing: .3ex;
	
}
a.sublink:focus {
	text-decoration: none;
	outline:none;
	letter-spacing: .3ex;
}

.sidebar {
	margin: 0px 0px 30px 0px;
	padding: 30px 30px 20px 30px;
	height: 266px;
	width: 235px;
	overflow: auto;
	position: relative;
	line-height: 14px;
	letter-spacing: 2px;
	color: #666666;
	text-align: left;
	/*font-size: 11px;*/
}
div.cultscrollholder
{
    position: relative;
    width: 270px; height: 314px;
	margin:25px 0px 0px 30px;
    overflow: auto;
    z-index: 1;
    /*background-color: #f3f3f3;*/
}


#space {
	position:absolute;
	width:120px;
	height:auto;
	z-index:2;
	left: 520px;
	top: 18px;
	text-align:left;
}
#services {
	position:absolute;
	width:125px;
	height:auto;
	z-index:2;
	left: 592px;
	top: 18px;
	text-align:left;
}
#members {
	position:absolute;
	width:120px;
	height:auto;
	z-index:2;
	left: 815px;
	top: 18px;
	text-align:left;
}
#events {
	position:absolute;
	width:120px;
	height:auto;
	z-index:2;
	left: 772px;
	top: 18px;
	text-align:left;
}
#contact {
	position:absolute;
	width:100px;
	height:auto;
	z-index:2;
	left: 0px;
	top: 18px;
	text-align:left;
}
/* ============ SAFARI AND OPERA SPECIFIC STYLES ================ */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#space {
	position:absolute;
	width:120px;
	height:auto;
	z-index:2;
	left: 566px;
	top: 16px;
	text-align:left;
}
 
#services {
	position:absolute;
	width:125px;
	height:auto;
	z-index:2;
	left: 628px;
	top: 16px;
	text-align:left;
}
#members {
	position:absolute;
	width:120px;
	height:auto;
	z-index:2;
	left: 829px;
	top: 16px;
	text-align:left;
}
#events {
	position:absolute;
	width:120px;
	height:auto;
	z-index:2;
	left: 787px;
	top: 16px;
	text-align:left;
}

#contact {
	position:absolute;
	width:100px;
	height:auto;
	z-index:2;
	left: 0px;
	top: 16px;
	text-align:left;
}
}
#apDiv1Container {
	position:relative;
	left:0px;
	top:0px;
	width:939px;
	height:auto;
	z-index:1;
	margin:100px auto 0px auto;
	text-align:center;
	overflow: visible;
}
#apDiv1Logo {
	position:absolute;
	left:10px;
	top:0px;
	width:913px;
	height:60px;
	z-index:1;
	text-align:center;
}
#apDiv2Dots1 {
	position:absolute;
	left:10px;
	top:70px;
	width:921px;
	height:10px;
	z-index:1;
	overflow:hidden;
}
#apDiv2Dots2 {
	position:absolute;
	left:10px;
	top:446px;
	width:921px;
	height:10px;
	z-index:1;
	overflow:hidden;
}
#apDiv3Body {
	position:absolute;
	left:10px;
	top:75px;
	width:919px;
	height:366px;
	z-index:6;
	border:solid 1px #333333;
	overflow:hidden;
}
#apDiv3Links {
	position:absolute;
	left:10px;
	top:457px;
	width:919px;
	height:200px;
	z-index:1;
	text-align:right;
	color: #333333;
	/*background-color:#FFCC00;*/
}
#apDiv1Text {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:366px;
	z-index:1;
	overflow: hidden;
}
#apDiv2Images {
	position:absolute;
	left:301px;
	top:0px;
	width:618px;
	height:366px;
	z-index:0;
	border-left:solid 1px #333333;
	overflow:hidden;
	background-image:url(images/gradientBackground.png);
}
#apDiv1Copyright {
	position:absolute;
	left:934px;
	top:348px;
	width:21px;
	height:95px;
	z-index:2;
}
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 255px;
	height: 304px;
	overflow: hidden;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 30px 0px 5px 10px;
	padding: 0px 0px 0px 12px;
	text-align:left;
	/*background-color:#669999;*/
}

/* Scroll Bar Master Styling Starts Here */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* the following line puts fleXcroll into scrollbar-on-left mode */
.vscrollerbase {left: 0 !important;}
/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/
/* following are the styles for fat & cuddly, comments and newlines removed */
.vscrollerbar {width: 36px;background: url(scrollbar/scrollbar.gif) -36px 0px repeat-y;}
/*.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(scrollbar/scrollbar.gif) -108px -32px no-repeat;}*/
/*.vscrollerbarend {height: 24px;width: 36px;background: url(scrollbar/scrollbar.gif) -108px 0px no-repeat;}*/
.vscrollerbase {width: 36px;background: url(scrollbar/scrollbar.gif) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(scrollbar/scrollbar.gif) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(scrollbar/scrollbar.gif)  -72px 0px no-repeat;}
/*.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}*/
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
#apDiv1Gradient {
	/* Typical fixed height and fixed width example */
	width: 231px;
	height: 304px;
	overflow: auto;
	left:46px;
	top:30px;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:30;
	overflow:hidden;
	/*background-color:#FFCC00;*/
}
#apDiv2Gradient {
	/* Typical fixed height and fixed width example */
	width: 255px;
	height: 304px;
	left:46px;
	top:30px;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:1;
	overflow:hidden;
	/*background-color:#FF6600;*/
}
/*.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}*/

/* Scroll Bar Master Styling Ends Here */