@media screen {
	.screenContainer {}
	.printContainer { display: none;}
	a{color:#a97b00;}
	a:hover{color:#9e0b0f;}
	
	.frmLabelBG{ background-color:#ccc;}
	.frmFieldBG{ background-color:#efefef;}
	.frmFieldBGRequired{ background-color:#efefef; color:#900;font-weight:bold;}
	.frmLabelBGRequired{ background-color:#ccc; color:#900;font-weight:bold;}
	.frmHeaderBG{ background-color:#555;color:#fff;font-weight:bold}
	
	.cleCheckbox, .cleCheckbox2{width:15px; text-align:center; vertical-align:top; background-color:#eee;border-bottom:1px solid #ddd;}
	.cleTime{width:100px; text-align:center; vertical-align:top; background-color:#eee;border-bottom:1px solid #ddd;}
	.cleClass{width:675px;vertical-align:top background-color:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ccc;}
	
	.cleTimeOff{width:100px; text-align:center; vertical-align:top;color:#999; background-color:#eee;border-bottom:1px solid #ddd;}
	.cleClassOff{width:675px;vertical-align:top;color:#999;border-bottom:1px solid #ddd;border-right:1px solid #ccc;}
	
	.style1 {
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 12px;
	}
	.style3 {
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 24px;
		color: #333333;
	}
	.style5 {
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 12px;
		color: #FFFFFF;
	}
	
	body{
		background-color:#FFFFFF;
		margin:0 0 0 0;
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 12px;
	}
	
	.footer{
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 10px;
	}
	
	a.newstitle:active, a.newstitle:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color:#2532AE;
		text-decoration: none;
	}
	
	a.newstitle:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color:#2532AE;
		text-decoration: none;
	}
	
	a.newstitle:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #000000;
		text-decoration: underline;
	}
	
	a.newstitlefeatured:active, a.newstitlefeatured:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		color:#000000;
		text-decoration: none;
	}
	
	a.newstitlefeatured:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		color:#000000;
		text-decoration: none;
	}
	
	a.newstitlefeatured:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		color: #000000;
		text-decoration: underline;
	}
	
	p.newscontent{
		font-family:Trebuchet MS;
		font-size:10pt;
		color: #000000;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	p.newsdate{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-style:italic;
		color: #000000;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	p.newscategory{
		font-family:Trebuchet MS;
		font-size:14px;
		font-weight:bold;
		color: #000000;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	p.newsandevents{
		font-family:Trebuchet MS;
		font-size:14px;
		font-weight:bold;
		color: #000000;
		margin: 0 0 0 0;
		padding:  0 0 0 20px;
	}

	p.newstitle{
		margin: 0;
		padding: 0;
	}
	
	
	/***************** MENU *************************/
	
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:200px;
	}
	/* style the list items */
	.menu li {
	background-color:#7b0104;
	height:30px;
	float:left;
	
	
	}
	.menu li.sub {background:#7b0104 url(images/menu/sub.gif) no-repeat right center;} 
	
	
	.menu ul li ul li a{padding-left:5px;}
	
	/* style the links */
	.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:195px;
	color:#fff;
	border-bottom:1px solid #9e0b0f;
	/*text-indent:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 1px;*/
	}
	/* style the link hover */
	* html .menu a:hover {color:#000; background:#d9a70e; position:relative;}
	
	.menu li:hover {position:relative;}
	
	/* For accessibility of the top level menu when tabbing */
	.menu a:active, .menu a:focus {color:#000; background:#d9a70e;}
	
	/* retain the hover colors for each sublevel IE7 and Firefox etc */
	.menu li:hover > a {color:#000; background:#d9a70e;}
	 
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu li ul {
	visibility:hidden;
	position:absolute;
	top:0px;
	left:267px;
	padding:0px;
	background:transparent url(images/menu/transparent.gif);
	/*border-top:1px solid #9e0b0f;*/
	}
	
	/* for browsers that understand this is all you need for the flyouts */
	.menu li:hover > ul {visibility:visible;}
	
	
	/* for IE5.5 and IE6 you need to style each level hover */
	
	/* keep the third level+ hidden when you hover on first level link */
	.menu ul a:hover ul ul{
	visibility:hidden;
	}
	/* keep the fourth level+ hidden when you hover on second level link */
	.menu ul a:hover ul a:hover ul ul{
	visibility:hidden;
	}
	/* keep the fifth level hidden when you hover on third level link */
	.menu ul a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
	}
	
	/* make the second level visible when hover on first level link */
	.menu ul a:hover ul {
	visibility:visible;
	}
	/* make the third level visible when you hover over second level link */
	.menu ul a:hover ul a:hover ul{ 
	visibility:visible;
	}
	/* make the fourth level visible when you hover over third level link */
	.menu ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
	}
	/* make the fifth level visible when you hover over fourth level link */
	.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
	}
	/*************** END MENU ***********************/
	
	.securityCode{font-weight:bold;font-size:20px;font-family:Courier New;color:#990000;}
	
	.about_container{display:table-cell;margin: 3px; float: left; width: 340px; height: 225px;border:0px solid #ccc;padding:0;}
	.about_details{display:table-column;float: left; width: 210px;border:0px solid #999;vertical-align:top;}
	.about_image{display:table-column;float: left; width: 115px; text-align: center;border:0px solid #333;vertical-align:top;}
	
	#ticker {width:475px;height:43px;display:block;line-height:43px;overflow:hidden;}
	#ticker li{color:#999;}
	#ticker li a{color:#c72e10;}
	#ticker li a:hover{color:#e00107;}
	.tickercontainer { /* the outer div with the black border */
	width: 700px; 
	height: 43px; 
	line-height:43px;
	margin: 0 35px 0 0; 
	padding: 0;
	overflow: hidden; 
	}
	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	right:15px;
	line-height:43px;
	width: 700px;
	overflow: hidden;
	}
	ul.newsticker { /* that's your list */
	position: relative;
	left: 700px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}
	ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	}
	ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font: bold 10px Verdana;
	margin: 0 50px 0 0;
	} 
	ul.newsticker span {
	margin: 0 10px 0 0;
	} 
	
	.content{background: url("../images/home_23_bk.gif") repeat-y;}
	
	table.quicklinks{
	background:url("../images/boarder.png");

	}
	
	td.eventphotos{
		cursor:pointer;
		width:150px ;
		height:29px ;
		background:url("../images/icon_eventphotos.png");
	}
	td.onlinebar{
		
		cursor:pointer;
		width:150px ;
		height:29px ;
		background-image:url("../images/icon_onlinebar.png");
	}
	td.sbacalendar{
		
		cursor:pointer;
		width:150px ;
		height:29px ;
		background-image:url("../images/icon_sbacalendar.png");
	}
	td.memberlogin{
		
		cursor:pointer;
		width:150px ;
		height:29px ;
		background-image:url("../images/icon_memberlogin.png");
	}
	td.elist{
		
		cursor:pointer;
		width:150px ;
		height:29px ;
		background-image:url("../images/elist.jpg");
	}
	
}

@media print {
	.screenContainer{ display:none;}
	.printContainer { display: }
	body{
		background-color:#FFFFFF;
		margin:0 0 0 0;
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 12px;
	}
}

.fb_pagefeed{ margin:0 0 0 20px; float:left;}
.fb_pagefeed .content{margin-bottom:40px; float:left; background:none;}

.fb_pagefeed h3 {
margin: 20px 0px 5px;
background: url(/images/facebook_btn.png) no-repeat 0px 1px;
padding: 25px 0px 0px 46px;
}

.fb_pagefeed ul{list-style:none; margin:0; padding:0; float:left;}
.fb_pagefeed ul li{ padding-bottom:10px; float:left;overflow: hidden; width: 225px;word-wrap: break-word;}
.fb_pagefeed .fb_time{ color:#3B5998;}
.fb_pagefeed .fb_actions a{ margin-left:15px;}