/* @override http://ymcaeuc.org/stylesheets/screen.css */

body {
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#logo {
	display: block;
	padding: 10px 5px 0px 5px;
	background: #006699 url(../images/header_bg.jpg) repeat-x;
	text-align: center;
}

#menubar, #submenu, .buttons, #fader_image, .topphoto {
	display: none;
}

#fader_image_div {
	display: block;
	background: none !important;
}

h1 {
	font: 16pt / 30px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/h1.gif) no-repeat 0 100%;
	margin-bottom: 0.5em;
	padding-left: 15px;
	position: relative;
	left: -15px;
	clear: left
}

.rahway .content h1 {
	color: #AF0000;
}

.elizabeth .content h1 {
	color: #227826;
}

body.fivepoints .content h1 {
	color: #328984;
}

.about .content h1 {
	color: #BFBF26;
}

h2 {
	font-size: 14pt;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-bottom: 5px;
	padding-left: 16px;
	clear: left
}

.rahway .content h2 {
	background-image: url(../images/rahway_h2.gif);
}

.elizabeth .content h2 {
	background-image: url(../images/eliz_h2.gif);
}

body.fivepoints .content h2 {
	background-image: url(../images/fivepoints_h2.gif);
}

.about .content h2 {
	background-image: url(../images/about_h2.gif);
}

.content {
	border: 2px #ddd solid;
	background: url("../images/content_bg.gif") repeat-x 0 -25px;
	padding: 1em;
}

.content a {
	color: #fe0000;
}

.content a:visited {
	color: #b10002;
}

.content img {
	float: right;
	clear: right;
}

.rightinfo {
	position: relative;
	z-index: 10;
	float: right;
	width: 212px;
	margin: 10px 0 10px 10px;
	font-size: 9pt;
}

.rightinfo p {
	margin-bottom: .5em;
}

.rightinfo .box {
	text-align: center;
	padding: 10px;
	background: #e5e5e5 url(../images/rightinfo_box_corner.gif) no-repeat 100% 100%;
}

.rightinfo .box img {
	border: 1px white solid;
}

.rightinfo .buttons {
	text-align: left;
}

.content .rightinfo h1.title {
	left: 0;
	height: 30px;
	color: white;
	font: bold 13pt/30px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

.rightinfo .events {
	color: #fcffca;
	font-family: "Comic Sans MS", "Comic", sans;
	background: url("../images/bboard_bg.jpg") no-repeat 0 100%;
	padding-bottom: 15px;
	margin-top: 1em;
}

.rightinfo .events h1 {
	left: 0;
	text-indent: -9999px;
	background: url(../images/bboard_ucevents.gif) no-repeat;
	height: 40px;
	margin-bottom: 0;
}

.rightinfo .events li, body.home .whatsnew li {
	list-style-image: url(../images/bboard_pin.gif);
	margin-left: 5px;
}

.rightinfo .events li {
	padding-right: 18px;
	font-size: 8pt;
}

.rightinfo .events li b {
	font-size: 10pt;
	color: white;
}

.rightinfo .events a, body.home .whatsnew a {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}

.rightinfo .events a:hover, body.home .whatsnew a:hover {
	color: #e5eff4;
	text-decoration: none;
}

.rightinfo .smallbox {
	background: url(../images/smallbox_bottom.gif) no-repeat 0 100%;
	text-align: left;
	margin-top: 1em;
}

.rightinfo .smallbox ul {
	background: url(../images/smallbox_top.gif) no-repeat;
	margin-left: 0;
	padding: 5px 0;
}

.rightinfo .smallbox li {
	margin: 0 10px 0 2.25em;
	list-style: square;
	font-size: 110%;
}

.rahway .rightinfo .title {
	background-image: url(../images/rightinfo_title_rahway.gif);
}

.elizabeth .rightinfo .title {
	background-image: url(../images/rightinfo_title_eliz.gif);
}

body.fivepoints .rightinfo .title {
	background-image: url(../images/rightinfo_title_fivepoints.gif);
}

.about .rightinfo .title {
	color: #004163;
	background-image: url(../images/rightinfo_title_about.gif);
}

.rightinfo .smallbox a {
	text-decoration: none;
}