@charset "utf-8";
.scsu-shell-width {
	width: 948px;
}
#userContent {
	width: 893px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cfc08e;
	margin: 0px;
	padding: 0px;
}
#userMain {
	background-color: #ffffff;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}
#userNavigation {
	width: 155px;
	float: left;
}
#userNavigation h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-size: .8em;
	border-top: 2px solid #ffffff;
	padding: 5px;
}
#userNavigation h3 a.userBackLink {
	color: #333333;
	text-decoration: none;
}
#userNavigation h3 a:hover.userBackLink {
	color: #333333;
	text-decoration: underline;
}
#userNavigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#userNavigation ul li a {
	display: block;
	background-color: #e4ddc5;
	padding: 3px 5px 5px 5px;
	border-bottom: 1px solid #cfc08e;
	text-decoration: none;
	color: #333333;
	font-size: .75em;
}
#userNavigation ul li a:hover {
	background-color: #ffffff;
}

/* Calendar Specific  */
#userNavigation #eventCalendar a {
	display: block;
	width: 145px;
	padding: 5px;
	line-height: .8em;
	color: #333333;
	text-decoration: none;
	background-color: #e4ddc5;
	border-bottom: 1px solid #cfc08e;
}
#userNavigation #eventCalendar a:hover {
	background-color: #ffffff;
}
#userNavigation #eventCalendar a ul.event {
	border: 0px solid #000000;
}
#userNavigation #eventCalendar a ul.event li {
	font-size: 65%;
}
#userNavigation #eventCalendar a ul.event li.eventname {
	font-weight: bold;
}
#userNavigation #eventCalendar a ul.event li.eventtime {
	float: right;
}
#userArea {
	min-height: 385px;
	width: 550px;
	float: left;
	border-top: 2px solid #ffffff;
	border-right: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	border-bottom: 0px solid #ffffff;
}

#userAreaTopSpace {
	height: 221px;
	background-image: url(/images/userGroups/fade-up.png);
	background-repeat: no-repeat;
	background-position:bottom;
}
#userAreaTopSpace #userAreaTopLink {
	height: 190px;
	width: 550px;
	cursor:pointer;
}
#userAreaTopSpace #userAreaTitle, #detailAreaTitle {
	background-image: url(/images/userGroups/title.png);
	height: 31px;
	vertical-align: middle;
	overflow: hidden;
}
#detailAreaTitle {
	margin-top: -2px;
}
#userAreaTopSpace #userAreaTitle h3, #detailAreaTitle h3 {
	margin: 0px;
	color: #ffffff;
	font-size: .9em;
	padding: 8px 0px 0px 10px;
}
#userAreaContentSpace {
	background-image: url(/images/userGroups/fade-down.png);
	background-repeat: no-repeat;
	padding: 10px;
	overflow: auto;
}
#userAreaContentSpace #leftColumn {
	width: 260px;
	float: left;
}
#userAreaContentSpace #rightColumn {
	width: 260px;
	margin-left: 10px;
	float: left;
}
#userAreaContentSpace h3 {
	margin: 0px;
	font-size: 90%;
	padding-bottom: 2px;
	border-bottom: 1px solid #cccccc;
}
#userAreaContentSpace ol, #userAreaContentSpace ul {
	margin: .5em 0px 1em 10px;
	padding: 0px;
	list-style-type: none;
}
#userAreaContentSpace ul li {
	margin: 5px 0px 12px 0px;
	line-height: .9em;
}
#userAreaContentSpace li a {
	font-size: 75%;
	text-decoration: none;
	color: #333333;
}
#userAreaContentSpace li a:hover {
	color: #990000;
	text-decoration: underline;
}
#userAreaContentSpace em {
	font-size: .8em;
	color: #aaaaaa;
}
/**** Button Settings and News Application ****/
#directColumn {
	float: left;
	width: 182px;
	border-top: 2px solid #ffffff;
}
#directColumn #button1, #directColumn #button2, #directColumn #button3 {
	margin-bottom: 3px;
}
#directColumn h3 {
	color: #333333;
	font-size: .9em;
	margin: 0px;
	padding: 5px;
	background-color: #e8e7d9;
	border-bottom: 1px solid #dddccf;
}
#directColumn ul, #directColumn li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#directColumn li a {
	display: block;
	width: 172px;
	padding: 5px;
	text-decoration: none;
	border-bottom: 1px solid #dddccf;
}
#directColumn a:hover {
	background-color: #f4f4ec;
	border-bottom: 1px solid #565656;
}
#directColumn p.date {
	margin: 0px;
	padding: 0px;
	font-size: .55em;
	color: #999999;
}
#directColumn p.title {
	font-size: .75em;
	margin: 0px;
	padding: 0px;
	color: #565656;
}
#alert h2 {
	font-size: 1.2em;
	margin: 2px 0px 2px 3px;
}
#safetyalert {
	 font-family: arial, helvetica, sans-serif;
	 margin-top: 2px;
	 border: 1px solid #cc0000;
	 background-color: #e3ff0d; /*#fff5b5;*/
	 padding: 3px;
}
#safetyalert h3 {
	margin: 0px;
	padding: 3px;
	font-size: .9em;
	background-color: #cc0000;
	color: #ffffff;
}
#safetyalert h2 a {
	font-size: 1.3em;
	margin: 0px 0px 0px -1px;
	padding: 0px;
	color: #990000;
}
#safetyalert h2 a:hover {
	color: #cc0000;
	text-decoration: none;
}
#safetyalert p {
	font-size: .85em;
	margin: 0px 3px 0px 3px;
	padding: 0px;
}
