/* 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 {
/* This fixes cross browser size discrepancies and makes the above adjustment to the parent department unnecessary. */
	font-size:	1em;
}
/* ================================= SIDE BAR (NAVIGATION) ================================= */
#SideBar ul.currentlyDisplayed li.divider {
	margin-left:0 !important;
	font-weight:bold;
}
#PageMiddle {
	margin-top:	-2.3em;
	padding:	0;
	width:		inherit;
}
#FeatureWrapper {
	/*
	background:	#AFBBC9 url('../images/main/blueShaddowBackground.jpg') repeat-x scroll center top;
	background:	#9cbfc3 url('../images/main/greenShadowBG.png') repeat-x scroll center top;
	*/
	background:	#d2e0e1 url('../images/main/greenShadowBG.png') repeat-x scroll center top;
	border-top:	0.1em solid #FFFFFF;
	height:		12.3em;
	width:		inherit;
}
#FeaturePanel, #EventPanel {
	border-right:	0.1em solid #FFFFFF;
	float:		left;
	height:		11.1em;
	padding:	0.6em 1.2em;
	position:	relative;
	width:		36.0em;
}
#EventPanel {
	width:		96.0em;
	border:		none;
}
#FeatureBackground {
	height:		12.3em;
	overflow:	hidden;
	position:	absolute;
	right:		0;
	top:		0;
	width:		23.3em;
	z-index:	10;
}
#FeaturePanel h3, #EventPanel h3 {
	color:		#FFFFFF;
	display:	block;
	font-size:	1em;
	font-weight:	bold;
	margin:		0;
	padding:	0 0 0.5em;
	}
#FeaturePanel div.column {
	position:	relative;
	float:		left;
	padding-top:	0.2em;
	width:		24.0em;
	z-index:	100;
}
#EventPanel div.eventColumn {
	position:	relative;
	float:		left;
	height:		9.0em;
	overflow:	hidden;
	border-top:	1px solid #98a8b8;
	border-right:	1px solid #98a8b8;
	padding:	0.2em 0.4em;
	width:		23.0em;
	z-index:	100;
}
#EventPanel div.last {
	border-right:	none;
}
#Content {
	background-color:#ffffff;
}
#Content p {
	font-size:	1.2em;
}
#Content .eventColumn h4 {
	display:	inline;
	color:		#405679;
	font-size:	1em;
	margin:		0.2em 0 0.3em;
}
.eventColumn ul, .column ul {
	list-style-type:none;
	color:		#304060;
	color:		#405679;
	margin-left:	0;
	margin-top:	0.5em;
	padding-bottom:	0.2em;
	padding-left:	0;
	text-align:	left;
}
.eventColumn ul a, .column ul a {
	color:		#003366;
	font-size:	1.0em;
	font-weight:	bold;
}
#FooterBar {
	height:	0px;
}
/* =============================== THIS AREA FOR IMAGE MAP =============================== */
div.mapped {
	position:relative;
}

div.mapped img {
	border:0px;
	margin:0px;
	padding:0px;
}

div.mapped a {
	position:absolute;
	width:432px;
	height:20px;
	left:151px;
	text-align:left;
	vertical-align:middle;
	display:block;
	text-decoration:none !important;
	/* IE BUG REQUIRES BACKGROUND COLOR OR IMAGE. THIS TRANSPARENT GIF TO MAKES IT WORK */
	background-image:url('data:image/gif;base64,R0lGODlhAgACAIAAAP///wAAACH5BAEAAAAALAAAAAACAAIAAAIChFEAOw==');
}

div.mapped a i { visibility:hidden; }

a#prg { top:219px; }
a#prg:hover {
	background-image:url('../images/main/programs.jpg');
	background-repeat: no-repeat;
	background-position: left;
}
a#emp { top:240px; }
a#emp:hover {
	background-image:url('../images/main/employment.jpg');
	background-repeat: no-repeat;
}
a#avl { top:262px; }
a#avl:hover {
	background-image:url('../images/main/available.jpg');
	background-repeat: no-repeat;
}

a#pol { top:284px; }
a#pol:hover {
	background-image:url('../images/main/policies.jpg');
	background-repeat: no-repeat;
}
a#sta { top:306px; }
a#sta:hover {
	background-image:url('../images/main/stay.jpg');
	background-repeat: no-repeat;
}
#Content .nestedList {
	font-size:1.1em; 
	font-weight:bold;
	}
#Content img.body, img.bodyNoBorder {
	float:		right;
	padding: 	0.5em;
	margin:		0 1.0em 2em;
	border:		0.1em solid #cecece;
}
#Content img.bodyNoBorder {
	border:		none;
}
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;
}
table.compact {
	font-size: 1em;
	margin-bottom: 10px;
}
table.compact td {
	padding: .2em 1em;
}

/* ============================= GENERIC STYLE TAGS ============================= */

.stronger {
	font-size:1.3em;
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
#Content blockquote  p {
	margin-left: 2em;
}
#Content .PicRight {
	position: absolute; 
	left: 612px; 
	top: 43px;
}
p.hl a, p.hl img {
	font-size:1.2em;
	float:right;
	color:#C00 !important;
	padding:0em .1em;
}
.red {
	color:red;
}
.left {
	clear:both;
	float:left;
}
.right {
	clear:both;
	float:right;
}
.center {
	clear:both;
	text-align:center;
}
.submitButton {
	cursor:pointer;
	border:outset 1px #7895b6;
	background:#4579A9;
	color:#FFFFFF;
	font-weight:bold;
	padding: 3px 5px;
}
.submitButton:hover {
	color: #E1DCCA;
}
.applyButton {
	padding: 2px 100px;
	background-color: #547035;
	color: #FFFFFF;
	border-top: 2px solid #A7BF75;
	border-right: 2px solid #A7BF75;
	border-left: 2px solid #293A1A;
	border-bottom: 2px solid #293A1A;
	font-size:1.4em; 
	font-weight:bold; 
}
.applyButton:hover{
	padding: 2px 100px;
	background-color: #547035;
	color: #FEAF60;
	border-top: 2px solid #A7BF75;
	border-right: 2px solid #A7BF75;
	border-left: 2px solid #293A1A;
	border-bottom: 2px solid #293A1A;
	font-size:1.4em; 
	font-weight:bold; 
}
.applyButton:active {
	padding: 2px 100px;
	background-color: #547035;
	color: #FEAF60;
	border-bottom: 2px solid #A7BF75;
	border-left: 2px solid #A7BF75;
	border-right: 2px solid #293A1A;
	border-top: 2px solid #293A1A;
	font-size:1.4em; 
	font-weight:bold; 
}
.smallButton {
	padding:2px 100px;
}
.smallButton:hover{
	padding:2px 100px;
}
.smallButton:active {
	padding:2px 100px;
}

/* =============================== YOUTH CORNER HOME PAGE ============================= */
#ycorner div {
	float:left;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	width:202px;
	margin:8px;
	border:#CCCCCC solid 1px;
	padding:4px;
	color:#333333;
	/*-webkit-box-shadow:rgba(0,0,0,0.5) 0 2px 4px;
	-moz-box-shadow:rgba(0,0,0,0.5) 0 2px 4px;*/
}


#ycorner div img {
	margin-bottom:4px;
	border:#CCCCCC solid 1px;
}
/* ===============================EMPLOYMENT HOME PAGE ============================= */
#employment div {
	float:left;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	width:202px;
	margin:16px;
	border:#CCCCCC solid 1px;
	padding:4px;
	color:#333333;
	/*-webkit-box-shadow:rgba(0,0,0,0.5) 0 2px 4px;
	-moz-box-shadow:rgba(0,0,0,0.5) 0 2px 4px;*/
}

#employment div p {
	font-size:0.7em;
	text-align:center;
	font-weight:normal;
}

#employment div img {
	margin-bottom:4px;
	border:#CCCCCC solid 1px;
}

/* ========================= DRESS AND APPEARANCE VIDEOS ========================= */
#Content div.video {
	width:100%;
	height:300px;
	border:none;
	padding:0px;
	margin:0;
	background:#efefef url('/yp/efy/images/texture.jpg') repeat;
}
#Content #videoAreaWrapper {
	float:left;
	/*
	width:320px;
	height:240px;
	*/
	margin:0.5em;
	margin-left:1.0em;
	padding:0px;
}
#Content #videoArea p {
	width:		300px;
	margin:		auto;
	text-align:	center;
	padding:	1em;
	background-color:#f5dddd;
	border:		4px solid #744249;
}
#Content #nowShowing {
	padding-top:0.5em;
	height:1em;
	text-align:center;
	font-size:0.9em;
	color:#ffffff;
	color:#dfcc99;
}
#Content #nowShowing span {
	font-size:1.3em;
}
#Content #vidTopicsWrapper {
	float:left;
	margin:0.5em;
	margin-right:0.2em;
	margin-bottom:0.2em;
	width:160px;
	font-size:1.0em;
}
#Content #vidTopics {
	float:left;
	color:#AF9A62;
	color:#ccdcd6;
	font-size:1.0em;
	padding:0.2em;
}
#Content #vidTopics span {
	font-size:1.4em;
	margin-bottom:0em;
	margin-left:1.2em;
}
#Content #vidDesc {
	float:right;
	width:18em;
}
#Content #vidDesc h2 {
	font-size:1.4em;
	color:#dfcc99;
}
#Content #vidDesc p {
	font-size:1.0em;
	margin-right:1.0em;
	color:#dfcc99;
}
#Content ul.videoList {
	list-style-image: url("/home/templates/images/lightBlueBulletShort.gif");
	list-style-position:outside;
	margin-top:0.2em;
	margin-bottom:0;
	margin-left:1.2em;
	padding:0.5em;
}
#Content ul.videoList li {
	color:#ccdcd6;
}
#Content ul.videoList li.selected {
	color:#dfcc99;
}

/* ============================= DRESS AND APPEARANCE ============================= */
#Content span.solid {
	display:block;
	background-color:#3f5678;
	background-color:#577F72;
	color:#efefef;
	padding:4px;
	font-size: 1.3em;
	margin: 3px;
}
#Content div.videoWrapper {
	float: right; 
	width: 337px;
}
/*#Content a.solid:hover {
	background-color:#8495a9;
	color:#FFFFFF;
}*/
#Content table.dressAppearStandards {
	/*
	float:left;
	*/
	width:100%;
	border:none;
}
#Content p.chapterStyle:first-letter {
	font-size:1.3em;
	color:#dfcc99;
	color:#bfab77;
	font-weight:bold;
}
#Content img.leftImage {
	float:left;
	padding:4px 4px 4px 0;
}


/* ============================= EFY SESSION LIST TABLE ============================= */
#Content .gray_table {
	/*border:.1em solid #508CC2;*/
	background-color:#F7F7F7;
}
#Content .gray_table_header {
	background-color:#3f5678; /*#4579A9*/
	color:white;
	font-weight:bold;
}
#Content .gray_table_header_link{
	color:#CCCCCC;
}
#Content .gray_table_header a:hover{
	text-decoration:underline;
}
#Content .gray_table_alt {
	background-color:#FFFFFF;
}
#Content .gray_table_alt2 {
	background-color:#F7F7F7;
}
#Content .gray_table_space {
	background-color:#F3F3F3;
}


/* ============================= LIVEPIPE TAB STYLES ============================= */
#Content ul.simpleTabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #3f5678;
	height:20px;
	clear:both;
}

#Content ul.simpleTabs li.tab {
	float:left;
	margin:0;
	text-align:center;
}

#Content ul.simpleTabs li.tab a {
	display:block;
	height:18px;
	padding:2px 6px 0 6px;
	background-color:#fff;
	font-size:1.1em;
}

#Content ul.simpleTabs li.tab a:hover {
	background-color:#8495a9;
	color:#FFFFFF;
}

#Content ul.simpleTabs li.tab a.active {
	background-color:#3f5678;
	color:#FFFFFF;
}

#Content div.tabContent {
	border:#3f5678 solid 1px;
	border-top:0px;
	padding:6px;
}
/* ================================= ANNOUNCE BOX STYLES ================================= */
fieldset.announceBox {
background-color:#EFEFEF;
border:1px solid #274C76;
font-weight:bolder;
padding:0.5em;
width:85%;
}
fieldset.announceBox legend {
color:red;
font-size:0.9em;
}

.gray_box_display {
background-color:#F7F7F7;
border:0.1em solid #508CC2;
padding:0.75em;
}
.white_box_display {
border:0.1em solid #508CC2;
padding:1em;
}

/* ============================= MISCELLANEOUS ============================= */
.rightColumn {
float:right;
width:36em;
}
.leftColumn {
width:34em;
}
.style1 {
color:#990000;
font-weight:bold;
}
.style2 {
color:#3399FF;
font-weight:bold;
}
.style3 {
color:#FF6633;
font-weight:bold;
}
.style4 {
color:#009933;
font-weight:bold;
}
.style5 {
color:#669933;
font-weight:bold;
}
.style6 {
color:#9999FF;
font-weight:bold;
}
.videoHeading {
	margin-top:-0.5em;
	margin-bottom:0.5em !important;
	padding:0;
	border-bottom:1px solid #518B78;
	font-size:1.5em;
	font-weight:bold;
	color:#518B78 !important;
}

