/* TAKEN FROM STRUCTURE.CSS */
/* CSS Document */
/*GLOBAL STUFF*/

body {
	margin: 0;
	padding: 0;
	font:12px/15px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color:#333333;
	background-color: white;	
	line-height: 170%;
}

img{
	border:none;
}

#bodyContent p {
	margin-top: 0px;
}

#bodyContent ul li {
	line-height:110%;
      margin-left:25px;
}

/*COMMON  MASTHEAD*/

#mastheadWrapper {
	width: 100%;
	height:78px;
	background-color: white;
    background-image:url(~/media/Site/Lyle/Images/template/structure/mastheadBG.ashx);
	background-repeat: repeat-x;
}

#masthead {
	width: 930px;
	margin: 0 auto;
	height: 70px;
	background-color: white;
}

#menu1 {
font-size:11px;
}

#menu2 {
font-size:11px;
}

#search {
	float: right;
	margin: 30px 0 10px 0;
	color:white;
	font: 10px Arial, Helvetica, sans-serif;
}

#q {
vertical-align:bottom;
margin-left:85px;
height: 13px; 
width: 100px; 
color:#333333; 
font: 11px Arial, Helvetica, sans-serif;
}


#mastheadRedBar {
	height: 8px;
	background-color:#B10000;
	width: 100%;
}

/*CONTENT AREA STRUCTURE*/

#contentWrapperOuter{
	width: 952px;
	margin: 0 auto;
	height:100%;
}

#contentWrapperOuterno2a{
	width: 952px;
	margin: 0 auto;
	height:100%;
}
#contentWrapperInner {
	/* ALSO USED ON SMU HOME PAGE */
	padding: 0px 11px;
	margin:0px;
	
}



#pageLevelNavigation {
/*this is the equivalent of 2a in the old template*/
	display:none;
}

#pageContent {
	margin: 0 10px 0 200px;	
	padding:10px 20px 20px 0pt;	
	/*width: 760px;*/
	width: 690px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background-color:#EEEEEE;*/

}
#pageContentno2a {
	margin: 0px 20px;
	padding: 10px 20px 20px 0;
	width: 890px;
}


#breadcrumbDepartmentID {
	padding: 10px 20px 0 20px;
	margin: 0px -20px 10px -20px;


}

#breadcrumbDepartmentIDno2a {
	padding: 10px 20px 0 20px;
	margin: 0;

}


#departmentID {
	font: bold 17px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #032B66;
	margin-bottom: 10px;
}

#breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 10px;
	/* border-bottom: 1px dotted #CCCCCC; */
}

/*BOTTOM AREA FOR ALL PAGES*/

#bottom {
/*ENCLOSES BOTTOM LINKS AREA*/

}

/*BOTTOM LINKS, OPTIONAL ON ALL PAGES*/

#bottomLinks {
	clear:both;
	background-color:white;
	padding: 15px;
	border-top: 1px solid #CCCCCC;
	color:#999999;
}


/*FOOTER FOR ALL PAGES*/
#footer {
	margin: 5px 25px 15px 25px;
	padding: 10px 0px 0px 0px;	
	color:#999999;
	background-image:none;

}

#footerImage {
	width: 952px;
	margin: 0 auto;
	height: 27px;
}








 
 
 
 
 /* TAKEN FROM PRESENTATION.CSS */
 /* CSS Document */


/*   LINKS   */
a {
	font-family: Arial, Helvetica, sans-serif;
	color:#333399;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	color: #B10000;
}


#search a {
	/*color: white;*/
	padding-right: 20px;
}


/* H STYLES */

h1, h1 a {
	color: #B10000;
	font: bold 20px Arial, Helvetica, sans-serif;

}

h2, h2 a {
	color: #B10000;
	font: bold 20px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #B10000;
}

h3, h3 a {
		color:#333333;
		font: normal 20px Georgia, "Times New Roman", Times, serif;
}
h5, h5 a {
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#666666;
	margin: 5px 0 20px 0;
}


/* ICONS */

img.iconNews {
	float: none;
	margin:0;
	display: inline;
	vertical-align:bottom;
	
	}

img.icon {
	float: none;
	margin:0;
	display: inline;
	
	}




/*BREADCRUMB*/
#breadcrumb a {
	color: #B10000;
}

 #departmentID a {
 	color: #032B66;
	font-weight: bold;
 }




/*BOTTOM AREA (OPTIONAL LINKS SECTION AND FOOTER IMAGE) FOR ALL PAGES*/
#bottom {
	/*forces subpageContent to clear navigation if page is too short*/
	clear:both;
}

#bottom h3 {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color: #666666;
	margin: 0;
	padding: 0 0 7px 0;

}

#bottom a, #footer a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#999999;
}

#bottom a:hover, #footer a:hover {
	color: #B10000;
}

#bottom td p {
	margin: 0;
	padding: 4px 0;
} 

#footer {
	color: #999999;
	font-size: 11px;
	font-weight:normal;
}

#footer a {
	margin: 0 4px;
}

/*      *******  SIDEBAR AREA******** */	
	/* this creates a floating area for video, image, audio, links, blog posts, text, etc. */	
	
div.sideBar {
	float: right;
        width: 310px;
	margin: 10px -40px 20px 25px;

	/*width: 250px;
	margin: 10px 20px 20px 25px;
	background-color: #E8E1C7;
	border: 1px solid #666666;*/
	font: 95%/150% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color:#333333;
}
 div.sideBar .header {
 	/*background-color: #DDD7B9;*/
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	padding: 5px;
	margin: 0px;
	font:bold 95% Georgia, "Times New Roman", Times, serif;
/*	border: solid #B8B88A;
	border-width: 1px 0;*/

 }


 div.sideBar .icon {

 	margin: 0px 0px 0px 5px;
 }

div.sideBar p, div.sideBar h3, div.sideBar h2, div.sideBar h4, div.sideBar ul {
	padding: 0px 15px;
}

div.sideBar p img {
/*	when an image in the sidebar is inside a p tag, */
/* this removes the padding set by the div.sideBar p style*/
	margin: -10px 0 0 -15px;
}
 div.sideBar h3, div.sideBar h3 a {
	font-size: 14px;
	margin: 5px 0px 8px 0px;
}





#mainPhoto {
/* PLACES A PHOTO FLUSH WITH TOP, RIGHT, AND LEFT OF TEMPLATE */	
	margin: -10px -20px 10px -20px;
	border: solid #032B66;
	border-width: 0 0 8px 0;
	
}

.introParagraph {
	font-size: 130%;
	line-height: 150%;
}

/***************Classes*********************/

.contentWrapperInner {
	padding: 0px 11px;
	margin:0px;
	
}
.contentWrapperInner2 {
	padding: 0px 0px 0px 11px;
	margin:0px;
	
}

img.imageright  {
	float: right;
	margin: 0 0 15px 15px;
}


/*RED-BULLETED LISTS*/
ul {
	padding-left: 3px;
	margin-left: 8px;
}

li {
list-style-image:url(~/media/Site/Lyle/Images/structure/redbullet.ashx);
line-height: 130%;
margin-bottom: 15px;
}

/*THUMBNAIL PHOTO WITH TEXT AND LINK TO RIGHT*/

.thumbnailPhotoDescription {
	padding-bottom: 15px;
	height:100px;
}

.thumbnailPhotoDescription img {
	float: left;
	width: 135px;
	margin: 0 15px 0px 0;
}
.thumbnailPhotoDescription img.icon {
	width: auto;
	margin: 0 2px 0 0;
	float: none;
}
.thumbnailPhotoDescription p, .thumbnailPhotoDescription h3, .thumbnailPhotoDescription h2, .thumbnailPhotoDescription ul {
	margin-left: 150px;
}





/* ALERT BAR */
#AlertBar {
	margin: 15px 0;
	max-width: 890px;
}

#AlertBar .left {
	background-color: black;
	color: white;
	font: bold 18px Arial, Helvetica, sans-serif;
	padding: 8px 5px 3px 0;
}

#AlertBar .right {
	background-color: #FFD26C;
	color: #333333;
	font: normal 14px/17px Arial, Helvetica, sans-serif;
	padding: 8px 0px 3px 12px;
}


#AlertBar a {
	color: #B10000;
	text-decoration:none;
	font-weight:normal;
}


/* GIANT BUTTON */

.giantButton {
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0 15px 15px 0;
	text-transform:uppercase;
	padding: 10px 0;
}

.giantButtonFloatLeft {
	float: left;
}
.giantButton a {
	padding: 10px;
	background-color: #B10000;
	color: white;
	font-weight:bold;
	text-decoration: none;
}

.giantButton a:hover {
	color: #FDE299;
}

/* 	SEARCH BUTTON */

/*input.searchButton {
	color: #333333;
	background-color:#CCCCCC;
	font: bold 10px Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	border: 1px solid #666666;
	height: 14px;
	text-decoration:none;
}*/

input.searchbutton {
-x-system-font:none;
background-color:#C6C6C6;
border-color:#C6C6C6;
border-style:solid;
font-family:'arial',helvetica,sans-serif;
font-size:95%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:18px;
line-height:normal;
margin-left:5px;
width:38px;
}


#zone-7, #zone-7-no2b
{
	font-family: arial,helvetica,sans-serif;
	width: 480px;
	height: 18px;
	padding-top: 7px;
	padding-right: 5px;
	
	/*add this to override other stylesheets:*/
	background-color:transparent;
	border:none;
	padding-left:0;
	padding-bottom:0;

}

#zone-7-no2b
{
	width: 608px;
}

#zone-7-title
{
	font-weight: bold;
	font-size: 140%;
	color: #003399;
	width:700px;
}

.no-margin img {
margin:0;
padding-top:3px;
}



.caption {
	font-weight:bold;
	font-size:8px;
	font-family:Arial, Helvetica, sans-serif;
}

/*TAKEN FROM LYLE.CSS*/
/* CSS Document */


a {
	font-family:  "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

ul.redbullet li {
line-height: 130%;
}

	
	#subpageContent {
		background-image:url(~/media/Site/Lyle/Images/backgrounds/LyleBGwith2a.ashx);
}

	
	#topNavBarWrapper {
		width: 100%; 
		background-color:#8F1F22; 
		height: 25px; 
		color: white; 
		font-size: 11px;	
	}
	#topNavBar {
		width: 930px; 
		margin: 0px auto; 
		padding: 3px 0;
	}
	
	#topNavBar a {
		text-decoration: none;
		margin: 0 10px;
		color: white;
	}
	

	
	#tagLine {
		background: url(~/media/Site/Lyle/Images/backgrounds/GrayWordsBackground.ashx) repeat-x;
		width: 100%;
		height: 70px;
		z-index:1;
		margin-left:0;
		margin-top:20px;
		width:auto;
		text-align: center;
	}
	#rightColumn {
		width: 308px;
		padding: 0 0 0 20px;
		margin-top: 0px;
		background-color:white;
		float:right;
	}
	#rightColumnNarrow {
		width: 208px;
		padding: 0 0 0 20px;
		margin-top: 0px;
		background-color:white;
		float:right;
	}
h3 {
	text-transform: none;
	font-size: 16px;
	color: #8F1F22;
	border-bottom: 1px dotted #8F1F22;
	}
	
	.imageWithCaption {
	background-color: #F3F3D0;
	padding: 3px;
	border: 1px solid #ACA991;
	width: 300px;
	}	
#footerImage {
	background-image: none;	
	height: 0px;
}

#zone-3-nav {
	display:none;
}

.largeImage {
z-index:99;
margin:0 auto;
padding-bottom:0;
}

#zone-2a {	
	width: 170px;
	margin:0 0 0 10px;
	color: #333333;
	float: left;
	height:100%;
	padding: 10px 0;
	font-size:10px;
}
#zone-2a p {
  padding: 3px 10px 3px 14px;
  margin: 5px 0;
  line-height: 130%;
}

#zone-2a p img {
	margin-left: -14px;	
}


#mainContent {
	float: right;	
}
#mainContentWide {
	width: 500px;
	float: right;	
}

.introSentence {
	font-size: 140%;
	line-height: 180%;
}
.dropCapBig {
	margin: 0pt 15px 0pt 0pt;
	float: left;
	color: #D0D0C2;
	width: auto;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: 75px;
	line-height: 60px;
}
.indent {
	margin-left: 15px;	
}


.promo {
	background-color: #E5E6DD;
	margin: 10px 0;
	padding: 5px 15px 10px 15px;
	border: 1px dotted #C2C4B6;
	font-size: 11px;
	line-height:130%;
	min-height: 120px;
	clear:right;	
}
.promoplain {
	background-color: #FFFFFF;
	margin: 10px 0;
	padding: 5px;
	font-size: 11px;
	line-height:130%;
	min-height: 120px;
	clear:right;	
}
.promo .title {
font: bold 12px Georgia, 'Times New Roman', Times, serif;
text-transform:uppercase; 
letter-spacing: 1px; 
border-bottom: 2px solid #D2D1C7;
	
}

#zone-2a .promo {
	background-color: #DCDDD4;
        padding: 12px;
}

#zone-2a .promo .title {
        padding: 0px;
}

.promo img {
	/*float: left;*/
        margin-left: -10px;	
	/*padding: 5px;*/
}

div.sideBar .promo p, div.sideBar .promoplain p {
padding: 0px;
}

div.sideBar .promo p img, div.sideBar .promoplain p img {
margin: 0px;
}

.promo .tinyimg {
	float: left;
        margin: 0 5px 5px 0px;	
}


#zone-2a .promo img {
		float: right;
		margin: 0 0 0 6px;
}


/************************TEMP STUFF*************/

#search {
/*width:200px;*/
width:240px;
}

#mainContent {
width:390px;
}

/******************END TEMP STUFF**********/







/***************END NAVIGATION MENU**********************/

.box li a {
	font-weight:bold;
	margin-bottom:-5px;
}

.box .smalltext, .box .smalltext a {
	padding-left:12px;
	font: 11px/100% Tahoma, Geneva, sans-serif;
	font-weight:normal;
	margin-bottom:-5px;
}


#big1, #big2, #big3, #big4, #big5, #big6, #big7, #big8, #big9, #big0 {
border-color:#7F7F7F;
border-style:none solid solid;
border-width:medium 1px 1px;
background-color:#FFF;
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial;
padding-bottom:10px;
margin-top:2px;
}

#big1 a, #big2 a, #big3 a, #big4 a, #big5 a, #big6 a, #big7 a, #big8 a, #big9 a, #big0 a {
	color: #565656!important;
}

#big1 a:hover, #big2 a:hover, #big3 a:hover, #big4 a:hover, #big5 a:hover, #big6 a:hover, #big7 a:hover, #big8 a:hover, #big9 a:hover, #big0 a:hover {
	color: #8f1f22!important;
}


#big1 {
	width:754px;
	margin-left:0px; 
	 
	background:url(~/media/Site/Lyle/Images/backgrounds/twocolorbg.ashx) repeat-y #FFFFFF;
}

#big2 {
	width:300px;
	background:url(~/media/Site/Lyle/Images/backgrounds/twocolorbg.ashx) repeat-y #FFFFFF;
}

#big3 { 
width:600px; 
margin-left:0; 
background:url(~/media/Site/Lyle/Images/backgrounds/twocolorbg.ashx) repeat-y #FFFFFF;
}
#big9 {
    background: url("~/media/Site/Lyle/Images/backgrounds/twocolorbg.ashx") repeat-y scroll 0 0 #FFFFFF;
    margin-left: -114px;
    width: 300px;
}

#big4, #big6, #big7, #big8{
	width:170px; 
	margin-left:0;
	/*background-color:#0F0;*/
}




/* TAKEN FROM SUPERFISH.CSS */
#navbar {
	background-color: #8f1f22;
        width: 960px;
        margin: 0 auto;
	/* width:100%; */
	color:#ffffff;
}
#navcontainer {
	width:930px;
	margin:auto;
	font: 12px/180% Tahoma, Geneva, sans-serif;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	/*width:			10em;*/ /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}

/*BILLCHANGE*/
/*.sf-menu ul li li:a{*/
.sf-menu ul li li a {
	background-color: #00F;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	/*left:			10em;*/ /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	/*left:			10em;*/ /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a {
	padding: 		10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	/*background:		#032b66;*/
}
.sf-menu li li {
	font-weight: bold;
	font-size:11px;
}
.sf-menu li li li {
	background:		#9AAEDB;
}

#big .box li.smalltext {
	padding-left:15px;
	font-size:10px;
	color:#0F6;
	font-weight:normal;
	margin-top:-10px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:          #8c8e92;
	/*outline:		0;*/
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	
	padding: 0 8px 9px 0;
	/*BILLCHANGE*/
/*	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


.box {
	width:150px;
	float:left;
	}
	
#big {
	width:305px;
	border:#000066;
	border:1px solid #7f7f7f;
	border-top:none;
	}
	
#big li {
	padding:0 !important;
	}

#big li a{
	background:url(~/media/Site/Lyle/Images/backgrounds/twocolorbg.ashx) repeat-y #FFFFFF;
	z-index:-12;
	color:#7f7f7f;
}
#big li a:hover{
	color:#8f1f22;
	padding-left:19px;
	background:url(~/media/Site/Lyle/Images/structure/SmallClearRedArrow.ashx) no-repeat #FFFFFF;
	
}

.lyleFooter {
	background-color:#CCCCCC; border: 1px dotted #666666; height: 30px;margin: 30px 0; font: 12px Arial, Helvetica, sans-serif; color: #333333;	
}



#flashcontain {
	border: 1px solid #333;
	position: absolute;
	z-index: 2; 
}

#endOfContent {
clear:both;
}

.newsitem {
line-height:130%;
clear:both;
margin-top:15px;
margin-bottom:15px;
}

.newsitem img{
float: left;
margin-right:10px;
margin-bottom:5px;
}

table.cleantable {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.cleantable td {
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}