body {
	background-image:  url(/_images/bg1.jpg);
	background-repeat: repeat-x;
	background-color: #A4AAB2;
	margin: 4px;
	padding: 0px;
}

a:link, a:visited {
	color:#203384;
}

a:hover{
	text-decoration:none;
}

.center {
	text-align: center;
}

h1 { font-size: 23px }
h2 { color: #691256 }
h3 { font-size: 23px }

#page {
	width:720px;
	background-color:#FFFFFF;
}

#pagePopup {
	width: 600px;
	background-color:#FFFFFF;
	
	}

#pageHeader {
	background-color:#003F7E;
}

#navButtonBar {
	background-color: #FF6600;
	background-image: url(/_images/nav-bg.gif);
	background-repeat: repeat-x;
}
#searchForm{
	position:absolute;
	left: 630px;
	top: 84px;
	width: 140px;
}
#searchForm input{
	font-size:8pt;
	background-color:#FFDEBF;
	vertical-align: bottom;
}

.homePageIntro{
	margin-bottom:4px;
}

.spotLightBg{/* 
	background-color:#FEFBF5;
	background-image: url(/_images/bg-spotlight.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	*/
	background-color: #F7F7F9;
}

#tableWrap {
	width: 720px;
}

#tableWrapPopup {
	width: 600px;
}

.searchHeading{
}

.searchPageNav{
	position:absolute;
	top:1px;
	left:200px;
	font-size: 10px;
}

.searchGoToPage{
	position:absolute;
	top:0px;
	left:350px;
	font-size: 10px;
	text-align:right;
	width: 258px;
}

.searchGoToPage input{
	width:25px;
	font-size: 10px;
}

.searchGoToPage input.NewSearch {
	width: 75px;
}

.searchResultsText{
	position:absolute;
	top:6px;
	font-size: 10px;
}

.searchPageNavContainer{
	position:relative;
	left:0px;
}
.endOfSearchResults{
	margin-bottom:8px;
}

.searchHeadRow th{	
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	background-color:#3E7F45;
	background-image:url(/_images/searchResultsHeaderBg.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;	
}

.searchResultsTable td{
	font-size:10px;
	padding:6px;
	vertical-align: top;
}
.searchResultTableCornerLeft{
	background-image:url(/_images/searchResultsHeaderCorners.gif) !important;
}
.searchResultTableCornerRight{
	background-image:url(/_images/searchResultsHeaderCorners.gif) !important;
	background-position: right top;
}

.searchResultTableCornerLeftRed{
	background-image:url(/_images/tabHeadRed470.gif) !important;
}
.searchResultTableCornerRightRed{
	background-image:url(/_images/tabHeadRed470.gif) !important;
	background-position: right top;
}


div.contentNuggetBody{
	margin-bottom: 4px;
	padding-bottom: 15px;
}

div.contentNuggetBody p{
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.contentNuggetBody img{
	margin-right:10px;
	border-style:solid;
	border-color:#E45926;
	border-width:1px;
	float:left;
}

.contentNuggetBody h2{
	color:#202C62;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	margin-top:5px;
	margin-bottom:8px;
}

.moreLink{
	font-weight: bold;
	text-align: right;
}

.spotligthMoreLink a:link, p.spotligthMoreLink {
	font-weight: bold;
	text-align: right;
	color:#203384 !important;
}

.dateText{
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	float:right;
	margin-top:5px;
	margin-right:7px;

	/* need to bump this to the top of the stack...IE was putting it behind the grey tab bg*/
	position:relative;
	z-index:1;
}

/*********/
/* L Nav */
/*********/
.lNavColumn{
	background-color:#F7F7F9;
	/*width:175px;*/
	margin-bottom:4px;
	padding:0px;
	background-image: url(/_images/bg-gradient.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

.search450 {
	width: 530px;
	background-color: #EAEAEA;
	margin-bottom:4px;
	padding:0px;
	background-image: url(/_images/bg-gradient-search.jpg);
	background-repeat: repeat-x;
	background-position:bottom;	
}

.lNavBody, .contentNuggetBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	padding:9px;
}

div.lNavBody p{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
}

div.lNavBody form{
	font-size: 10px;
}

div.lNavBody select{	
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 432px;
}

div.lNavBody input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.lNavBody ul, .contentNuggetBody ul, .rounded175Wrap3 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.lNavBody li, .contentNuggetBody li, .rounded175Wrap3 li {
	background-image: url(/_images/arrow-green.gif);
	background-repeat: no-repeat;
   background-position: -.3em .4em !important; /*For non-IE browsers*/
	background-position: -.3em .7em; /*For IE*/
	padding-left: 8px;
	margin-bottom:7px;
}


/*********/
/* R Nav */
/*********/
.rNavColumn{
	background-color:#FFFFFF;
	width:175px;
	margin-bottom:4px;
	padding:0px;
	/* Does something funny...
	background-image: url(/_images/bg-gradient.jpg);
	*/
	background-repeat: no-repeat;
	background-position:bottom;
}

.rNavBody, .contentNuggetBody {
	background-color:#F7F7F9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	padding:9px;
}

div.rNavBody p{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
}

.rNavBody ul, .contentNuggetBody ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.rNavBody li, .contentNuggetBody li{
	background-image: url(/_images/arrow-green.gif);
	background-repeat: no-repeat;
   background-position: -.3em .4em !important; /*For non-IE browsers*/
	background-position: -.3em .7em; /*For IE*/
	padding-left: 8px;
	margin-bottom:7px;
}


/***********************/
/*     BACKGROUNDS     */
/***********************/

.withGreyBackground{
	background-image: url(/_images/bg-gradient.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

.withBlueBookBackground{
	background-color: #48558C;
	background-image: url(/_images/bg-blue-books.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

.withGreenMailBackground{
	background-color: #488E5F;
	background-image: url(/_images/bg-green-mail.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

.withRedMagnifyingGlassBackground{
	background-color: #A84647;
	background-image: url(/_images/bg-red-magnifyingglass.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

.whiteText{
	color:#FFFFFF;
}
.whiteText a:link, .whiteText a:visited {
	color:#FFFFFF !important;
}

h1.tabHead {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color: #FFFFFF;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	background-position:top;
	background-repeat:no-repeat;
}

h1.tabHead2 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color: #FFFFFF;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	width: 548px;
/* 	background-position:top; */
	background-repeat:no-repeat;
}

h1.newsHead {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	color: #FFFFFF;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	background-position:top;
	background-repeat:no-repeat;
}

.withGreenTab{
	/* all tab grapics are extra tall so if there is ever
	a second line in a header tab, the background will still
	look right. */
	background-image: url(/_images/tabHeadGreen.gif);
}
.withRedTab{
	background-image: url(/_images/tabHeadRed.gif);
}

.withBlueTab{
	background-image: url(/_images/tabHeadBlue.gif);
}
.withOrangeTab{
	background-image: url(/_images/tabHeadOrange.gif);
}

.withGreyTab{
	/* this is the long one for the Spotlight section */
	background-image: url(/_images/tabHeadGrey.gif);
}

.withDarkBlueTab{
	background-image: url(/_images/tabHeadDarkBlue548.gif);
}

.firstTab{
	/*tack this on if the tab is the first (top) tab.  that way a
	white background will show through where the rounded corners
	are instead of the light grey*/
	background-color:#FFFFFF;
}
.subsequentTab{
	/*use this if the tab is anything other than the first (top)
	tab. this allows the area revealed by the rounded corners to
	blend in with the dark portion of the gradient from the tab
	area above this tab area.*/
	background-color:#D4D7DA;
}
.subsequentRTab{
	/*use this if the tab is anything other than the first (top)
	tab. this allows the area revealed by the rounded corners to
	blend in with the dark portion of the gradient from the tab
	area above this tab area.*/
	background-color:#FFFFFF;
}

.ihetsGradientBg{
	background-image:url(/_images/ihets-gradient-bg.jpg);
	background-repeat:repeat-y;
}

.forceWhiteBg{
	/* this is needed for the boxes/nuggets that have a background that stretches regardless
	of how tall the page is.  this must be done on the <td> since when one <td> column gets taller,
	they all get taller.  the drown side of this is that is applies to entire column and not
	just the bottom box or content nugget.  so to get it to look like the height of the
	bottom most box or nugget is expanding height along with the rest of the page, we apply
	the background to the entire <td> and then cover it up with this class and encase those boxes
	that are just supposed to sit over white*/

	background-color:#FFFFFF;
	/* this is only way i could get Opera and Netscape to work right...	*/
	padding-bottom:1px;
	margin-bottom:-1px;
}


#pageContent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*margin: 4px; //don't need this because the table needed to have the 4px added to the cell spacing*/
	clear:both;
}

#pageBodyNoLNav {
	padding-left:0px;
}

#pageBodyRtNav {
	margin-left:13px;
	margin-right:13px;
	width: 370px;	
}




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

/* begin lynn's changes	*/
	
#pageH1 h1{
	/* changed top and bottom margins	*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:115%;
	color: #203384;
	margin-top:20px;
	margin-bottom:0px;
}
	/* Modified main #bodyText attributes and added additional bodyText tags	*/
#bodyText, #bodyTextNoNav {
	font-size:70%;
	line-height:17px;
	color:#303030;
	margin-bottom:20px;
}

#bodyTextNoNav {
	width: 700px;
   margin-left: 13px;
}

#bodyText h3 p, #bodyTextNoNav h3 p {
	margin-top:0px;
}


#bodyText h3, #bodyTextNoNav h3 {
	font-size: 100%;
	margin-bottom: 0px;
}

#bodyText h2, #bodyTextNoNav h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 125%;
	margin-top: 0px;
}

	
#bodyText ul li, #bodyTextNoNav ul li {
	 list-style-image: url(/_images/arrow-green.gif);	
	 margin-left: -10px;
	 margin-top: 0px
	}

#bodyText ul li li, #bodyTextNoNav ul li li {
	 list-style-image: url(/_images/arrow-green.gif);	
	 margin-left: -25px;
	}


#bodyText ol li li, #bodyTextNoNav ol li li {
	 margin-left: -18px;
	}
	
#bodyText ol li ul, #bodyTextNoNav ol li ul {
	 margin-left: 32px; 
	}
	
#bodyText td, #bodyTextNoNav td {
	padding: 8px;
	border-color: #203384;
}

#bodyText td.search-content3, #bodyTextNoNav td.search-content3 {
	padding: 0px;
	border-color: #203384;
}

#bodyText table, #bodyTextNoNav table {
	border-color: #203384;
}

#bodyText blockquote, #bodyTextNoNav blockquote {
      margin-left: 15px;
}

/* end lynn's changes	*/

#footer {
	clear: both;
	padding:10px;
	background-color:#A3AAB2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color: #040057;
	text-align: center;
}
#footer a:link, #footer a:visited{
	color:#040057;
}

#footer a:hover{
	text-decoration:none;
}

#admin {
	position: absolute;
	left: 790px;
	top: 120px;
	background-color:#F7F7F9;
	width:175px;
	margin-bottom:4px;
	padding:0px;
	background-image: url(/_images/bg-gradient.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

img#ihetsFooter {
  margin-left: 120px;
  text-decoration: none;
}

img#icnFooter {
  margin-right: 120px;
  text-decoration: none;  
}

/* Two Column with Nav */
#lnav_two_col_1 {
	width: 50%;
   float: left;	
}

#lnav_two_col_2 {
	width: 50%;
   float: left;	
}

/* Two Column No Nav */
#two_col_1 {
	width: 49%;
   float: left;	
}

#two_col_2 {
	width: 50%;
   float: left;	
}

/* Three Column No Nav */
#three_col_1 {
	width: 33%;
   float: left;
}

#three_col_2 {
	width: 34%;
   float: left;
}

#three_col_3 {
	width: 33%;
   float: left;
}

.rounded175Wrap {
	background-image: url(/_images/175x800.jpg);
	background-repeat: no-repeat;
	font-size: 70%;
	min-height: 50px;
	padding: 8px;
	margin-top: 5px; /* 44px for heading */
}

.rounded175Bottom {
	background-image: url(/_images/175x800bottom.jpg);
	background-repeat: no-repeat;
	height: 11px;	
   font-size: 2px;	
	margin-bottom: 10px;
}

.rounded175Wrap1 {
	background-image: url(/_images/rounded_orange_01a.gif);
	background-repeat: no-repeat;
	font-size: 70%; 
	min-height: 50px;
	padding: 8px;
	margin-top: 5px; /* 44px for heading */
}

.rounded175Bottom1 {
	background-image: url(/_images/rounded_orange_01b.gif);
	background-repeat: no-repeat;
	height: 20px;	
   font-size: 2px;	
	margin-bottom: 10px;
}

.rounded175Wrap2 {
	background-image: url(/_images/rounded_orange_02a.gif);
	background-repeat: no-repeat;
   font-size: 70%;
	min-height: 50px;
	padding: 8px;
	 margin-top: 5px; /* 44px for heading */
}

.rounded175Bottom2 {
	background-image: url(/_images/rounded_orange_02b.gif);
	background-repeat: no-repeat;
	height: 20px;	
   font-size: 2px;	
	margin-bottom: 10px;
}

.rounded175Wrap3 {
	background-image: url(/_images/rounded_gray_01a.gif);
	background-repeat: no-repeat;
	color: #203384;
   font-size: 70%;
	min-height: 50px;
	padding: 8px;
	margin-top: 5px; /* 44px for heading */
}

.rounded175Bottom3 {
	background-image: url(/_images/rounded_gray_01b.gif);
	background-repeat: no-repeat;
	height: 20px;	
   font-size: 2px;	
	margin-bottom: 10px;
}

.roundedFirst {
	 margin-top: 44px; /* 44px for heading, 88px for content */	
}

#templatePage {
	width: 500px !important;
}

#printHeader {
	display: none;
}

/* Courses Search Styles */

.section {
	text-align: center;	
}

.level {
	text-align: center;	
}

.credit {
	text-align: center;
}

.deliveryMeth {
	padding-top: 10px;
}

.status {
	text-align: center;		
}

.statusDiv {
	padding-top: 10px;	
}


div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.formLabel {
  float: left;
  width: 100px;
  text-align: right;
  }

div.formLayout2 div.row span.formLabel {
  float: left;
  width: 230px;
  text-align: right;
  }  
  
div.row span.formLabel span.required, .requiredColor {
	color: #FF0000;
	font-weight: bold;
	padding-right: 1px;
}  
  
div.row span.formInput {
  float: right;
  width: 450px;
  text-align: left;
  }

div.row span.formErrorMessage {

	}

form.ims {
	text-align: center;
	}		

.coursesOuterTable {
	width: 550px;
	float: left;
}
	
.coursesMainTable {
	width: 100%;
}	

.coursesMainTable th {
	background-color: #A4AAB2;
	text-align: left;
	vertical-align: baseline;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.coursesMainTableBkg {
	background-color: #F7F7F9;	
}	


/*************************************/
/*        Profile Style
/*************************************/

#profileMain {
	width: 470px;
	float: left;	
	margin-right: 15px;
	margin-top: 15px;
}

#profileMain img {
	float: left;	
}

#profileMain p{
clear: both;
}

#profileHeader {
	background-color: #FAEBD7;
}

.withProfileTab{
	background-image: url(/_images/tabHeadRed250.gif);
}

h1.tabHeadProfile {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color: #FFFFFF;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	background-position:top;
	background-repeat:no-repeat;
}

#profileSide {
	margin: 0px;
	width: 250px;
	float: left;		
	background-color:#F7F7F9;
	background-image: url(/_images/bg-gradient.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

#profileSideContent {
	margin: 0px;
	padding-left: 10px;
	width: 240px;
}

/* begin modifications to accommodate a multiple field sizes */

/* modified; width removed */
div.lNavBody select {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	} 

/*new style */
div.lNavBody select.wide {
  width: 432px;
	}

/*new style */
div.lNavBody select.narrow {
	width: 150px; 
	} 

/*new style */
div.lNavBody select.superNarrow {
	width: 50px; 
	} 	
	
/* modified; width removed */
div.lNavBody input {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	} 

/*new style */
div.lNavBody input.wide {
	width: 432px; 
	}
	
/*new style */
div.lNavBody input.narrow {
	width: 150px; 
	}

/* end modifications to acommodate a multiple field sizes */

.detailsHeadRow th{	
	text-align: left;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	background-color:#3E7F45;
	background-image:url(/_images/searchResultsHeaderBg.gif);
	background-repeat:repeat-x;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;	
}

.rowWrap {
	margin-left: 0px;
}

.rowColorOdd {
	background-color: #ededed;
	width: 400px;
	margin-bottom: 10px;	
	padding: 20px;
}

.rowColorEven {
	background-color: #FFF;
	width: 400px;
	margin-bottom: 10px;
	padding: 20px;
}

/* At-a-distance Form */

div.aad_row {
  clear: both;
  padding-top: 10px;
  }

div.aad_row span.label {
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 10px;
  }

div.aad_row span.form_input {
  float: right;
  width: 500px;
  text-align: left;
  } 
  
form {
	margin: 0px;
	padding: 0px;
}    

/*
form.button1 {
   float: left;
   margin-right: 10px;
}
*/

.footnote {
font-size: 9px;
}

.workflow_div {
	border: 1px solid #DCDCDC;
	margin-bottom: 10px;
	padding: 10px;
	color: Teal;
	line-height: 2em;
}

.workflow_h1 {
	color: #203384;
	padding-top: 0px !important;
	padding-top: 10px;
}

b.emcolor {
	font-weight: bold;
	color: #0000CD;
}