/*
find and replace #8495A9 to change the top nav bar
find and replace #E3E3E3 to change the side menu
find and replace #33496D to change the bottom of the nav bar
*/

/* Upper Nav bar (level 1) */
#OrganizationBar {
	border-bottom: .0em solid #ffffff;
}
#ParentDepartment {
/* This fixes the department name next to the BYU logo from causing the routY login link to be pushed down in Firefox.*/
	width:auto;
}
/* QuickSearch Box (level 1) */
#ByuBar input.ByuBarTextBox {
/* Fixes cross browser size discrepancies. It also makes the above adjustment to the parent department unnecessary. */
	font-size:1em;
}

/* 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: #8495A9;
}

	#Level1 a {
		border: .1em solid #8495A9;
		color: #ffffff;
	}

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

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

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

/* Lower Nav bar (level 2) */
#Level2 {
	background-color: #33496D;
}
	#Level2 .level2 a, #Level2 .level2 span {
		border: .1em solid #33496D;
	}
	#Level2 div.level2 a.currentlyDisplayed {
		color:#336699;
	}

#Wrapper {
	/* this makes the illusion that the left SideBar bar extends vertically down */
	background-image: none;
	background-repeat: repeat-y;
	background-color: #33496D;
}

/* Upper side bar */
#SideBar {
	background-color: #E3E3E3;
}
	#SideBar ul li a {
		color: #336699 !important;
	}
	#SideBar ul li img {
		border:		none;
		vertical-align:	middle;
	}
/* Lower side bar */
#SideBar #PageLinks {
		background-color: #33496D;
		padding-bottom: 23.2em;
		padding-top:0.1em;
	}

	#SideBar #PageLinks h3 {
		color: #405679;
		color: white;
	}

	#SideBar #PageLinks ul li a {
		color: #ffffff !important;
	}
	#SideBar ul li a:hover {
		color: #8495a9 !important;
		background: url("/cw/images/whiteBulletShort.gif") left top no-repeat;
	}
#Content {
	min-height: 43.0em;
	/* Uncomment to scroll just the content area
	height: 41.7em;
	overflow: auto; */
	background-image: none;
	background-color: #ffffff;
	border-top: .0em solid #E3E3E3;
}
/* Bar above bottom links */
#RelatedLinks {
	background-color: #33496D;
}
#Content .contentArea {
	padding: 2.0em 1.0em 2.8em 3.0em;
}
#Content h1 {
	border-bottom: .1em solid #16395F;
	width: 99%;
}
#Content h2 {
	color: #33496D;
}
#Content h1 {
	border-bottom: .1em solid #16395F;
	width: 99%;
}
#Content img.body {
	float:		right;
	padding: 	0.5em;
	margin:		0 1.0em 2em;
	border:		0.1em solid #E3E3E3;
}
table.info, table.contactInfo { 
	border:		 1px solid #005793;
	border-collapse: collapse;
	white-space:	 normal;
	margin-left:	 0px;
} 
table.info, table.contactInfo th {
	font-size:	1.2em;
	color:		#00375b;
	background:	#afb5c5;
	border-color:	#005793;
	padding:	5px 5px;
	text-decoration:none;
	text-align:	center;
	font-weight:	bold;
	vertical-align:	top;
}
table.info, table.contactInfo td {
	font-size:	 1.4em;
	vertical-align:	 top;
	padding:	 5px 5px;
	font-family:	 times, helvetica;
	text-align:	 left;
	border-color:	 #005793;
}
table.contactInfo {
	width:	100%
	margin-right: 0.5em;
	padding: 0.5em;
}
table.contactInfo td {
	font-size:	 1.2em;
}
table.contactInfo th {
	background-color: #8495a9;
	color: white;
}
#Content fieldset.announceBox {
	position:	relative;
	border:		1px solid red;
	font-weight:	bold;
	font-size:	1em;
	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.2em;
}
#Content ul.spreadOut {
	list-style-type: disc;
	list-style-position: outside;
}
#Content ul.spreadOut li {
	padding:	0.3em 0;
}
#Content hr.topBar {
	width:		78.4em;
	height:		1.0em;
	margin-top:	-2em;
	margin-left:	-3em;
	border:		none;
	color:		#33496D;
	background:	#33496D;
}
#Content hr.pageDivider {
	width:		100%;
	height:		2px;
	color:		#33496D;
}
#Content #leftBox {
	float:		left;
	width:		15%;
	margin-top:	2em;
	text-align:	right;
}
#Content #leftBox a {
	font-size:	2em;
	padding:	0 0.5em;
	height:		8em;
	background:	#efefef;
}
#Content #leftBox p {
	text-align:	right;
	margin-right:	1em;
}
#Content #rightBox {
	float:		left;
	margin-top:	2em;
	margin-left:	5em;
}
#Content #rightBox a {
	font-size:	2em;
	padding:	0 0.5em;
	height:		8em;
	background:	#ccddff;
	background:	#efefef;
}
#Content p.largerFont {
	font-size:	1.2em;
}
#Content p.Msg {
	font-size:	1.5em;
}
#Content dt {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: .5em;
}
#Content dd {
	margin-left: 1em;
	margin-bottom: 1.5em;
	font-size: 1.1em;
}
#Content ul.about li {
	list-style-image: url("../images/bullet.jpg");
	padding-left: .5em;
	padding-top: 1em;
}
#CalendarWrapper table.calendar {
	width: 700px;
	font-family: "Verdana", sans-serif;
	border: 1px solid #000;
}
#CalendarWrapper table.calendar td {
	width: 100px;
	height: 100px;
	border: 1px solid #bbb;
	vertical-align: top;
	text-align: left;
	padding: 2px;
}
#CalendarWrapper table.calendar tr.top {
	font-size: 1.2em;
	height: 20px;
	background-color: #999;
}
#CalendarWrapper table.calendar div.date {
	text-align: right;
	width: 90px;
	height: 13px;
	float: right;
	font-weight: bolder;
	font-size: 1.1em;
}
#CalendarWrapper table.calendar p {
	font-size: .9em;
}
#CalendarWrapper table.calendar a, table.calendar a:hover {
	color: #225588;
	text-decoration: none;
}
#CalendarWrapper table.calendar a:hover {
	background-color: #D5DBE1;
}
#Content #CalendarWrapper div.calHead p.month {
	margin-top: 0px;
	padding-top: 0px;
	color: #DE5823;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}
#CalendarWrapper table.calendar td.today {
	background-color: #f1f1f1;
	border: 1px solid #33496D;
}
#CalendarWrapper div.calHead {
	width: 700px;
	text-align: center;
	height: 28px;
}
#CalendarWrapper div.byCat a:hover, #CalendarWrapper div.byDate a:hover {
	text-decoration: underline;
	cursor: pointer;
}
#CalendarWrapper div.byCat, #CalendarWrapper div.byDate {
	color: #EEEEEE;
	text-align: center;
	width: 127px;
	float: right; 
	margin-top: 2px;
	padding: 3px;
	background-color: #8495A9;
	border: 1px solid #33496D;
}
#CalendarWrapper div.byCat a, #CalendarWrapper div.byDate a {
	color: #EEEEEE;
}
#CalendarWrapper div.byDate {
	float: left;
}
#eventList {
	width: 700px;
	border: 1px solid #33496D;
	font-size: 1.1em;
}
#eventList tr.alternate {
	background-color: #eeeeee;
}
#eventList td {
	padding: 0px 2px;
}
#eventList td:hover {
	padding: 0px;
	border-left: 2px solid #33496D;
	border-right: 2px solid #33496D;
}
#eventList th {
	background-color: #8495A9;
	color: #FFFFFF;
	text-align: left;
	line-height: 2em;
}
#eventList td div {
	float: left;
	padding-left: 3px;
	width: 350px;
	padding-right: 20px;
}
#eventList td span {
	/*font-style: italic;*/
}
/*FOR THE CALENDAR*/
#bookletViewer h1 {
	border-bottom: 1px solid #CCC;
	color: #264f69;
	margin-left: .6em;
	margin-right: .6em;
}
#bookletViewer p {
	margin-left: 1em;
	margin-right: 1em;
	font-size: 1.2em;
}
#bookletViewer .column {
	margin-top: 0px;
	width: 310px;
	float: left;
}
#bookletViewer p.emphasize {
	color: #1a425a;
	font-size: 1.2em;
	font-family: "Arial";
}
#bookletViewer #booklet img.left, #bookletViewer #booklet img.right {
	border: 1px solid #DDD;
	padding: 3px;
}
#bookletViewer #booklet img.left {
	margin: .2em 1em 1em 1.1em;
	float: left;
}
#bookletViewer #booklet img.right {
	margin: .2em 1em 1em 1em;
	float: right;
}
#bookletViewer span.big {
	font-size: 1.5em;
	font-weight: bold;
	color: #8a9ebd;
}
div.previous, div.previous:hover {
	float: left; 
	width: 83px; 
	height: 20px; 
}
div.previous:hover {
	background-image: url('../images/about/prev_over.jpg');
}
div.next, div.next:hover {
	float: right; 
	width: 86px; 
	height: 20px; 
}
div.next:hover {
	background-image: url('../images/about/next_over.jpg');
}
#pageOverlay {
	visibility: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=80);
	z-index: 1001;
	opacity: 0.8;
	text-align: center;
	background-color: black;
}
#bookletWrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1002;
}
#bookletViewer {
	visibility: none;
	position: relative;
	top: 100px;
	width: 900px;
	height: 465px;
	margin: 0px auto;
	border: 1px solid #F00;
	border: #CCCCCC solid 1px;
	z-index: 1003;
	padding: 5px;
	border-radius: 8px;
	background-color: #FFF;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
#booklet {
	width: 670px;
	float: left;
	height: 410px;
	position: relative;

}
#menu {
	padding-top: 80px;
	padding-left: 5px;
	width: 220px;
	float: right;
	height: 350px;
	background-image: url('../images/about/menu.jpg');
	background-repeat: no-repeat;
}
div.controls {
	width: 670px;
	float: left;
	height: 20px;
	background-image: url('../images/about/menubar.jpg');
	text-transform: uppercase;
	font-weight: 700;
}
.clear {
	clear: both;
}
#bookletBottom {
	width: 895px;
	float: left;
	height: 30px;
}
h1 {
	font-size: 12pt;
}
/*END OF CALENDAR*/

p.subheading:first-line {
	font-size:	1.3em;
	font-family:	Times,serif, Sans-serif;
	line-height:	125%;
	color:		#24247c;
	font-weight:	bold;
}
#DefaultContent #left {
	float: left;
	width:58%;
	margin: -1.0em 1.0em 2em 0;
}
#DefaultContent #right {
	float: right;
	margin: -1em 1.0em 2em 0;
}
#contactUsImage {
	clear:		both;
	margin-bottom:	1.0em;
	margin:		0;
}