/* QuickSearch Box (level 1) */
#ByuBar input.ByuBarTextBox {
/* This fixes cross browser size discrepancies and makes the above adjustment to the parent department unnecessary. */
	font-size:1em;
}
body {
	background-color:#ECECEC;
}
#Wrapper {
	/* this makes the illusion that the left SideBar bar extends vertically down */
	background-image: none;
	background-repeat: repeat-y;
	border: 0px solid #001F45;
	background-color: #F5F5F5;
}

/* Temporary fix for the down arrow background flaw */
#Level1 a.currentlyDisplayed,#Level1 a.currentlyDisplayedSelected,#Level1 a.currentlyDisplayed:hover,#Level1 a.currentlyDisplayedSelected,#Level1 a.currentlyDisplayedSelected:hover,#Level2 .level2 span.currentlyDisplayed,#Level2 .level2 a.currentlyDisplayed,#Level2 .level2 a.currentlyDisplayedExternal,#Level2 .level2 a.currentlyDisplayed:hover{
	background-image:url(/home/images/orangeOnTransDownArrow.png);
}

#Level1 {
	background-color: #3f5678;
	/*display:	  none;*/
}

	#Level1 a {
		border: .1em solid #3F5678;
		color: #ffffff;
	}

	#Level1 a:hover {
		background-color: #ffffff;
		color: #001e4c;
		border-color: #d3d3d3;
	}

	#Level1 a.selected, #Level1 a.selected:hover {
		color: #ffffff;
		border-color: #8A97AA;
		background-color: #8A97AA;
	}

	#Level1 a.currentlyDisplayedSelected, #Level1 a.currentlyDisplayedSelected:hover {
		color: #ffffff;
		border-color: #8A97AA;
		background-color: #8A97AA;
	}

/* Lower Nav bar (level 2) */
#Level2 {
	background-color: #8A97AA;
}
#Level2 .level2 a, #Level2 .level2 span {
	border: .1em solid #8A97AA;
}
#Level2 .level2 a.currentlyDisplayed {
	border-color: #F5F5F5;
	background-color: #F5F5F5;
	color: #8A97AA;
}
#Level2 .level2 img {
	border: none;
}
tr.bgHL {
	background:	#efefef;
}
#OrganizationBar {
	width: 98.4em;
	height: 10.04em;
	background-color: #33496D;
	padding: 0em;
	margin: 0em;
}
#Content {
	margin-top: -.9em;
	}
#Content div.contentArea {
	/*height:50em;*/
}
#Content .contentArea table{
	font-size:1.1em;
}
#Content div.FeatureStory {
	padding-left: 39em;
	min-height: 37.5em;
	width: 30em;
}
#Content h1 {
	color:		#283C5D;
	border-bottom:	0.1em solid #cecece;
	margin-bottom:	1.0em;
	width:		99%;
}
#Content h2 {
	color: #3F5678;
	font-size:1.2em;
	
}
/* Upper side bar */
#SideBar {
	background-color: #F5F5F5;
}
#SideBar ul li a {
	color: #336699 !important;
}
#SideBar ul li a:hover {
	color: #8495a9 !important;
	background: url("/cw/images/whiteBulletShort.gif") left top no-repeat;
}
#SideBar ul li img {
	border:		none;
	vertical-align:	middle;
}
/* Lower side bar */
#SideBar #PageLinks {
	background-color: #F5F5F5;
	padding-bottom: 23.2em;
}

#SideBar #PageLinks h3 {
	color: #8A97AA;
}

#SideBar #PageLinks ul li a {
	color: ##336699 !important;
}

#Content h2.home {
	padding-top: 4em;
}
#Content h2.schedule {
	padding: 0em 0em 0em .3em;
	margin: 3px 0px 0px;
	color: #283c5d;
}
#Content img.body, img.bodyNoBorder {
	float:		right;
	padding: 	0.5em;
	margin:		0 1.0em 2em;
	border:		0.1em solid #cecece;
	margin-top: 1em;
}
#Content img.bodyNoBorder {
	border:		none;
}
#Content a img {
	border: none;
}
#Content table.info { 
	border:	1px solid #696969;
	border-collapse: collapse;
	white-space:	 normal;
	margin-left:	 0px;
	width: 99%;
} 
table.sched {
	border:		1px solid #005793;
	border-collapse:collapse;
	white-space:	normal;
	margin-left:	20px;
	margin-bottom: 35px;
}
table.sched th {
	font-size:	1.2em;
	background:	#8495A9;
	color:		#EEEEEE;
	padding:	5px 5px;
	text-align:	left;
	font-weight:	bold;
}
table.sched td {
 	vertical-align: top;
	min-width:	10em;
	padding:	0.5em 1em;
	font-family:	Arial, Trebuchet MS, sans-serif;
	font-size:	1.2em;
	text-align:	left;
}
table.sched .bgNorm {
	background:	none;
}
table.sched .bgHL {
	background:	#efefef;
}
#Content table.info th {
	font-size:	1.1em;
	color:		#00375b;
	background: #CCC; 	
	padding:	5px 5px;
	text-decoration:none;
	text-align:	left;
	font-weight:	bold;
	vertical-align:	top;
	border:	1px solid #696969;
}
#Content table.info td {
	font-size:	 1em;
	vertical-align:	 top;
	padding:	 5px 5px;
	font-family: Verdana, Geneva, sans-serif;
	text-align:	 left;
	border:	1px solid #696969;
}
#Content fieldset.announceBox {
	position:	relative;
	border:		1px solid red;
	font-weight:	bold;
	font-size:	1.2em;
	color:		#000000;
	width:		85%;
	padding:	0.75em 0.5em 0.5em 0.5em;
	background-color:	#FFE0E0;
	margin-top:	1em;
}
#Content fieldset.announceBox legend {
	position:	absolute;
	top:		-0.55em;
	left:		0.5em;
	color:		red;
	font-size:	1.0em;
}
#Content ul.spreadOut {
	list-style-type: disc;
	list-style-position: outside;
	padding:	0.5em;
}
#Content ul.spreadOut li {
	padding:	3px;
	margin:		1.0em;
}
#Content div.rightCol, #Content div.leftCol {
	width: 350px;
	/*height: 240px;*/
}
#Content div.rightCol {
	float: right;
}
#Content div.leftCol {
	float: left;
}
.spreadOut {
	padding: 3px;
	line-height: 1.5em;
	font-size: 1.2em;
}
#Content p.subhead:first-line {
	font-size:	1.3em;
	font-family:	Times,serif, Sans-serif;
	line-height:	120%;
	color:		#24247c;
	font-weight:	bold;
}

#FeatureWrapper {
	background:	#ADB9C7 url('../images/blueShadow.jpg') repeat-x scroll center top;
	border-top:	0.1em solid #ffffff;
	height:		14em;
	width:		inherit;
}
div.FeaturePanel {
	border-right:	0.1em solid #FFFFFF;
	border-right:	1px solid #98a8b8;
	float:		left;
	height:		11.1em;
	padding:	0.6em 1.2em;
	position:	relative;
	width:		46.7em;
}
div.noBorder {
	border:		none;
}
#FeatureBackgroundLeft {
	height:		10.4em;
	position:	absolute;
	right:		0px;
	top:		18px;
	width:		25.0em;
	z-index:	10;
}
#FeatureBackgroundRight {
	height:		10.4em;
	overflow:	hidden;
	position:	absolute;
	right:		0;
	top:		18px;
	width:		25.3em;
	z-index:	10;
}
div.FeaturePanel div.column {
	position:	relative;
	float:		left;
	padding-top:	1em;
	width:		45.0em;
	z-index:	100;
}
div.FeaturePanel div.column p {
	padding-left: 14em;
}
div.FeaturePanel h3 {
	color:		#FFFFFF;
	display:	inline;
	font-size:	1em;
	font-weight:	bold;
	margin:		0;
	padding:	0 0 0.5em;
	border-bottom:	1px solid #98a8b8;
	vertical-align: top;
}
div.FeaturePanel img {
	float: left;
	margin: .3em .8em;
	padding: 1px;
	border: 1px solid #EEE;
}

#Content .PicRight {
	position: absolute; 
	left: 721px; 
	top: 74px;
	padding: 1px; 
}

#Content .ClassSchedule {
	background: url("../images/class-schedule_body.jpg") no-repeat scroll left top transparent;
    left: 90px;
    position: absolute;
    top: 72px;
    width: 260px;
}
#Content .ClassScheduletitle{
	background: url("../images/class-schedule-title.png") no-repeat scroll left top transparent;
    display: block;
    height: 24px;
    left: 40px;
    position: absolute;
    top: 72px;
    width: 120px;
    z-index: 100;
}
#Content .ClassSchedule table {
	padding: 3px 0px 0px 8px;
}
#Content .ClassSchedule td {
	width: 140px;
	height: 30px;
	background-color: #283C5D;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 8px 0px 0px 0px;
}
#Content .ClassSchedule td:hover{
	/*background-color: #788aa0;*/
	background-color: #3F5678;
	cursor: pointer;
}

#PageMiddle {
	margin-top:	-2.3em;
	padding:	0;
	width:		inherit;
}
p.raisedCap {
	font-weight: normal;
	font-size: 1.2em;
	padding-top: 1.0em;
	line-height: 1.3em;

}
p.raisedCap:first-letter {
	font-size: 2em;
	font-family: "Edwardian Script ITC", "Lucida Handwriting", "Monotype Corsiva", "Brush Script MT", cursive;
	color: #5070a0;
	line-height: .75em;
	font-weight: normal;
}
p.raisedCap:first-line {
	line-height: 100%;
}
p.bigIndent {
	padding-left: 10em;
	text-align: center;
	width: 300px;
}
div.imageBlock img{
	padding: .5em;
	vertical-align: text-top;
}
#Content ol.OLPretty li{
	padding: 4px;
}
.boldRed {
	font-weight:	bold;
	color:		red;
}

#EventPanel {
	border-right:	0.1em solid #FFFFFF;
	float:		left;
	height:		11.1em;
	padding:	0.6em 1.2em;
	/*position:	relative;*/
	width:		36.0em;
}
#EventPanel {
	width:		75.0em;
	border:		none;
	margin:  	0em .5em;
}
#EventPanel div.eventColumn {
	position:	relative;
	float:		left;
	height:		11em;
	overflow:	hidden;
	border-top:	1px solid #98a8b8;
	border-right:	1px solid #98a8b8;
	padding:	0.4em 0.4em;
	width:		36.5em;
	z-index:	100;
}
#EventPanel div.eventColumn span.date {
	color: #000000;
	font-size: 1.1em;
	line-height: 1.6em;

}
#EventPanel span.whatsNewHeadline {
	color: #FFFFFF;
	font-size: 1.1em;
}


#EventPanel img {
	padding: 1px;
	border: 1px solid #3F5678;
	margin: .1em .5em;
}
#EventPanel div.last {
	border-right:	none;
}
#EventPanel h3 {
	color:		#283C5D;
	display:	block;
	font-size:	1.2em;
	font-weight:bold;
	margin:		0;
	margin-top: -0.3em;
	padding:	0 0 0.5em;
}
table.test {
	white-space:	normal;	
}
table.test th {
	text-align:left;
	padding-left:0px;
	padding-bottom:1.5em;
}
table.test td {
	border-bottom: 1px solid #AFBBC9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	padding-left:2em;
	
}
table.test td a {
	font-family:Arial, Helvetica, sans-serif;
}

table.eventTable {
	width: 33em;
	line-height: 1.2em;
}
table.eventTable td {
	color:#000;
}
table.eventTable td.white {
	color: #FFF;
	width: 72%;
	padding-left:5px;
}
div.scheduleWrapper {
	position:absolute;
	margin-left:-10px;
}

.classScheduleChoice{
	padding:1em 1em 1em 12em;
	float:left;
}
.classScheduleArea{
	padding:2em 1em 2.8em 3em;
	float:left;
}
table.classSchedule div.policies {
	font-size:11px;
	padding-left:16px;
}
table.classSchedule ul.unlist {
	list-style:none outside none;
	margin:0;
	padding:0;
}
#Content table.classSchedule ul.unlist li{
	font-size: 11px;
}
table.classSchedule {
	float:left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	margin-right:8px;
	margin-bottom:8px;
	width:180px;
	border: 0;
	border-collapse: collapse;
}
table.classChoice {
	float:left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	margin-right:8px;
	margin-bottom:8px;
	width:225px;
	border: 0;
	border-collapse: collapse;
}
table.classSchedule td, table.classChoice td {
	padding: 8px;
}
table.classSchedule td.top {
	background:url("../images/cstop.png") no-repeat scroll 0 0 transparent;
	height:27px;
}
table.classChoice td.top {
	background:url("../images/cstop-lrg.png") no-repeat scroll 0 0 transparent;
	height:27px;
	padding: 1em 0pt 0pt;
}
table.classSchedule td.mid {
	background:url("../images/csmid.png") repeat-y scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:12px;
}
table.classChoice td.mid {
	background:url("../images/csmid-lrg.png") repeat-y scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:12px;
}
table.classSchedule td.bottom {
	background:url("../images/csbottom.png") no-repeat scroll 0 0 transparent;
	height:20px;	
}
table.classChoice td.bottom {
	background:url("../images/csbottom-lrg.png") no-repeat scroll 0 0 transparent;
	height:20px;	
}
table.classSchedule td.mid a {
	color:#FFFFFF;
}
table.classSchedule td.mid a:hover {
	text-decoration:underline;
}
table.classSchedule span.term {
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
}
table.classChoice span.term {
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
}
table.classChoice span.sched {
	color:#FFFFFF;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	margin-top:10px;
	text-align:center;
}
table.classChoice span.sched a {
	color:#FFFFFF;
	font-size:14px;
	margin-top:5px;
}
table.classChoice span.sched a:hover {
	color:#FFFFFF;
	font-size:14px;
	text-decoration:underline;
	margin-top:5px;
}

#slideshow {
	border: 1px solid #000;
	width: 500px;
	height: 375px;
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
	}
.fade-box {
	width: 330px;
	position: absolute;
	text-align:center;
	}
div.viewer, div.slideshow {
	margin-top: 2em;
}
.viewer {
	width: 500px;
	height: 332px;
	border: 1px solid #000;
	float: right;
	position: relative;
	margin-bottom: 2em;
	margin-top: 2em;
}
div.slideshow {
	border: none;
	width: 230px;
	float: left;
	height: 400px;
	overflow: auto;
	margin-left: 1em;
}
div.viewer img.main {
	position: absolute;
	top:0px;
	left: 0px;
}
div.slideshow img {
	padding: 2px;
}
a.threeColumn {
	padding-left: 30px;
	font-size: 1.2em;
	text-decoration: underline;
}
.slideshow img.gallerythumb {
	filter:alpha(opacity=80);
	opacity: 0.8;
}
.slideshow img.gallerythumb:hover {
	filter:alpha(opacity=100);
	opacity: 1.0;
}

table.directory {
	float:left;
	white-space:normal;
	width:99%;
	line-height: 2em;
	margin-top: 0.5em;
	margin-bottom:2em;
}
table.directory tr.gray {
	background-color:#F2F2F2;
}
table.directory td.right {
	text-align:right;
	}
table.directory td.left {
	text-align:left
}
table.directory td.first {
	width:18%;
}
table.directory td.second {
	width:24%;
}
table.directory td.third {
	width:16%;
}
table.directory td.fourth {
	width:42%;
	text-align:right;
}
div.clear {
	clear: both;
}