/*---------------------------------------------------------------
Style Sheet: Subsite for CYE (using CAPCustomTheme.css from CAP Website)
Last modified: June 29, 2010
---------------------------------------------------------------*/

/*-----------------------------------------------------------
[Table of Contents]
 1.  Page background 
 2.  Generic Text Settings
 3.  Global Navigation
 4.  Sidebar, Local Navigation
 5.  Sidebar Boxes - Reusable content
 6.  Content area, including boxes
 7.  Footer  
 8.  Home Page specific
 9.  Other pages
 10. IE-only rules
 
*/

/* ------------------------------------------------------------*/
/* ---------------->>> Page background  <<------------*/
/* ------------------------------------------------------------*/


em {
	font-style: italic;
	}

.red { color: #dd0000;
	}


#sectionHome1, #contentPage2, #contentPage1
{
	background: url("/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/blue-sidebar-bg.png") repeat-y scroll 0 0 transparent !important;
	_background: url("/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/blue-sidebar-bg.png") repeat-y scroll 0 -1 transparent !important;
	height: 100%;
	margin-left: 0;
	border: 0 !important;
	padding-bottom: 20px;
	float: left;   /* this forcs the containing div, #bd, to get stretch to clear both, and stretches this the right height - based on base.css clearfix */	
}


/* sometimes applied corner containers */
.topContainer, .bottomContainer {
	display: none;
	visibility: hidden; /* may seem like overkill but this technique enhances accessibility */
}


/* ------------------------------------------------------------*/
/* ----------------->>> Generic Text Settings <<-s--------------*/
/* ------------------------------------------------------------*/


#bd {
	color:	#4B4B4B;
}


table.table th {
	color: #4d6ea1;
	font-weight: bold;
}


table.table td p {
	font-size: 90%;
	line-height:1.5em;
	margin:0;
	padding:0;
}



/* overriding CAP style */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0 !important; /* some themes have 12px in them */
	}

	
h4,h5,h6 {
	font-weight: bold;
	font-size: 12px !important;
}

h3 {
	font-weight: bold;
	font-size: 14px !important;
	border-bottom:2px solid #999999;
	padding-bottom: 4px;
}

#pageContent h3:nth-child(2) {
	border-bottom: none;
	padding: 0;
}

/* cap stuff */

p a {
	border-bottom:medium none;
	color: #4d6ea1;
	text-decoration:underline;
}



/* base does a 1.2 em for these */
blockquote, dl, abbr, cite, b, code, del, dfn, em, i, ins, samp, sup, sub, address, pre {
	font-size: 1.0em;
}

dl, dt, dd {
	font-size: 12px;
}

dd {
		margin-left: 20px;
}


/* ------------------------------------------------------------*/
/* ----------------->>> Global Navigation <<-------------------*/
/* ------------------------------------------------------------*/


div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:link, 
div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:visited,
div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:active {
	color: #000;
	padding:5px 17px 5px 17px; /* assumes News item is turned off */
}


div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover {
	color:#334867;
	background-color: #A2B5D2 !important;
}


/*nested horizontal submenu list - dropdowns*/
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul {
	display:block;
	position: absolute;
	width: 150px;
	left: -999em;
	background-color: #4B6B9C !important;
	margin: 0 !important;
	padding-top: 0 !important;
	border-top: 0  solid #b2b2b2 !important;	
}


/*nested horizontal submenu list - dropdowns*/
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul li a:link, 
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul li a:visited,
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul li a:active {
	margin: 0 !important;
	color: #ffffff;
	padding: 4px 15px;
	display:block;
	width: 150px;
	background-color: #4B6B9C !important;
	line-height:1.2em;
	border-right: 1px solid #b2b2b2 !important;
	border-top: 0 !important;
	border-left: 0px solid #b2b2b2 !important; 
	line-height: 16px;
}

div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren ul li a:hover {
	margin: 0 !important;
	color:#334867;
	background-color: #A2B5D2 !important;
	line-height:1.2em;
	padding: 4px 15px;
	display:block;
	width: 150px;
	border-right: 1px solid #b2b2b2 !important;
	border-top: 1px solid #A2B5D2 !important;
	border-left: 0px solid #b2b2b2 !important; 
	line-height: 16px;
}

div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren:hover ul,
div.AspNet-Menu-Horizontal li.sfhover ul {
	left: auto;
}

/* nth-child has higher precedence than Children versus Leaf li classes  */
#navWrapper .AspNet-Menu-Horizontal ul.AspNet-Menu li:nth-child(9) > a,
#navWrapper .AspNet-Menu-Horizontal ul.AspNet-Menu li:nth-child(9) > a:link,
#navWrapper .AspNet-Menu-Horizontal ul.AspNet-Menu li:nth-child(9) > a:visited,
#navWrapper .AspNet-Menu-Horizontal ul.AspNet-Menu li:nth-child(9) > a:active,
#navWrapper .AspNet-Menu-Horizontal ul.AspNet-Menu li:nth-child(9) > a:hover 

{
	padding-left: 23px;
	padding-right: 24px; 
}


/* used by JS that makes IE6 do the dropdown menus */
div.AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren:hover ul,div.AspNet-Menu-Horizontal li.sfhover ul { left:auto; }


/* last item on the breadcrumbs - same color sitewide despite otherwise different breadcrumb colors */

.bcNodeTerminus {
	color: 	#334867 !important;
	}


.breadcrumb span {
    padding-left: 0 !important;
    padding-right: 5px !important;
    *padding-right: 5px !important;
    *padding-left: 5px !important;
}
 
.breadCrumbs li {
   padding-right: 5px !important; /* base has !important in it */
   *padding-right: 0 !important;
}



/* ------------------------------------------------------------*/
/* -------->>> Sidebar, Local Navigation <<-------------------*/
/* ------------------------------------------------------------*/


#columnSecondaryWrapper {
	margin-top: 0 !important;
	}


div#columnSecondary {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 130px !important;
	background: #4d6ea1 url('/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/header_rev.png') no-repeat scroll left top !important;
	background-color: #4d6ea1 !important;
	color: #fff;
}


/* this turns off the image by leaving out the other declarations for the contentpage1 verson */
/* which has two nav columsn */


div#columnTertiary {
	background-color: #4d6ea1 !important;
}

div.AspNet-Menu-Vertical,
div.AspNet-Menu-Vertical ul .AspNet-Menu,
div.AspNet-Menu-Vertical li .AspNet-Menu-Leaf,
div.AspNet-Menu-Vertical ul.AspNet-Menu li a.AspNet-Menu-Link:link,
div.AspNet-Menu-Vertical ul.AspNet-Menu li a.AspNet-Menu-Link:visited,
div.AspNet-Menu-Vertical, ul.AspNet-Menu li a.AspNet-Menu-Link:active

  {
	background-color:#4d6ea1 !important;
	border-bottom: none !important; 
	color: #fff;
}

#columnSecondary div#sideBar
{
		background-color:#4d6ea1 !important;
		
}

/* includes fix for IE6 with dash hack, IE7 with * hack */
/* these fixes are for the logo background to be visible */

#localNav {
	background-color:#4d6ea1 !important;
	color: #fff;
	/*margin-top: 50px; */
	-margin-top: 100px;
	*margin-top: 70px;
	padding-top: 0
}

.AspNet-Menu-Vertical {
	margin-top: 0 !important;
}

.AspNet-Menu-Vertical .AspNet-Menu li a {
	border-bottom: none !important; 
	color: #4d6ea1;
}

div.AspNet-Menu-Vertical ul.AspNet-Menu li a.AspNet-Menu-Link:hover {
	background-color: #A2B5D2 !important;
	}


div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a.AspNet-Menu-Link:link,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a.AspNet-Menu-Link:visited,
div .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a.AspNet-Menu-Link:active

 {
	color: #fff !important;
	}

/* 101 is left sidebar, 104 is right */

div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField a
div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField a:link,
div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField a:visited,
div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField a:active,
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField a,
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField a:link,
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField a:visited,
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField a:active

{
	color: #fff !important;
	}


#ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField ul {
	margin-left: 10px;
	padding-left: 10px;	
}


#sidebar {
	margin: 5px !important;
}



#ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField ol,
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField ol
{
	margin-left: 15px !important;
	padding-left: 30px !important;
	list-style: decimal inside none;
}
*/

/* h2 should not be on the sidebar but this keeps in under control */
div#columnSecondary h2, div#columnSecondary h3, div#columnSecondary h4,
div#columnSecondary h5, div#columnSecondary h6
 {
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin-bottom: 0 !important; /*theme files have 12px */
	}


div#columnTertiary h2, div#columnTertiary h3, div#columnTertiary h4,
div#columnTertiary h5, div#columnTertiary h6
 {
	font-weight: bold;
	color: #fff;
	margin-bottom: 0 !important; /*theme files have 12px */
	}
	
div#columnTertiary h3, div#columnSecondary h3 {
	font-size: 14px;
}



div#columnPrimary h3, div#columnPrimary h4, div#columnPrimary h5, div#columnPrimary h6 {
	color: #334867 ;
	margin-bottom: 0 !important; /*theme files have 12px */
}


.AspNet-Menu-Vertical {
	margin-top: 30px
}


/* overriding ul li a and ol li a rules in CAP */
#localNav ul li a, #localNav ol li a, #columnSecondary ul li a,  #columnSecondary ol li a,  #columnTertiary ul li a
#columnTertiary ol li a
  {
	color: #fff;
}


#columnSecondary h2,
#columnSecondary h3,
#columnSecondary h4,
#columnSecondary h5,
#columnSecondary h6,
#columnSecondary a.moreinfo,
#columnSecondary p,
#columnSecondary blockquote
 {
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}

#columnTertiary h2,
#columnTertiary h3,
#columnTertiary h4,
#columnTertiary h5,
#columnTertiary h6,
#columnTertiary p, 
#columnTertiary table

 {

	padding-left: 15px;
	padding-right: 15px;
	_padding-left: 6px;
	_padding-right: 6px;
}

#columnSecondary p a, #columnTertiary p a {
		color: #fff;
}


#columnSecondary table.table, #columnTertiary table.table {
	color: #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

#columnSecondary table.table td, #columnTertiary table.table td {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

#columnSecondary table.table th, #columnTertiary table.table th {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;	
}

/* ------------------------------------------------------------*/
/* -------->>> Sidebar Boxes - Reusable content <<--------------*/
/* ------------------------------------------------------------*/


div#columnSecondary div#sideBar h3, div#columnSecondary div#sideBar h4, 
div#sideBar h5, div#sideBar h6, 

div#columnTertiary h3, #sideBar, div#columnTertiary h4,  div#columnTertiary h5, div#columnTertiary h6, 

  {
/*	margin: 0 10px 0 10px !important; */
}


#ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField ol li {
	margin-left: 0;
	padding-left: 0;
}

div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField .sideBar-callOut a,
div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField .sideBar-callOut a:link,
div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField .sidebar-Callout a:visited, 
div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField .sidebar-Callout a:hover,
div#localNav div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField .sidebar-Callout a:active

 {
	color: #fff !important;
	text-decoration: underline !important;
	}


div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField .sideBar-callOut

{
	color: #fff !important;
	text-decoration: underline !important;
	}


div.sideBar-callOut a,
div.sideBar-callOut a:link,
div.sidebar-Callout a:visited, 
div.sidebar-Callout a:hover,
div.sidebar-Callout a:active

 {
	color: #fff !important;
	text-decoration: underline !important;
	}
	
div.sideBar-callOut span
{
	text-decoration: underline;
	color: #fff;
}

.sideBar-callOut a span {
	margin: 8px 0 12px 34px;
}

div.sideBar-callOut, div.sidebarInfo {
	border-color: #8CA5CB !important;
	border-width:3px 0;
	background-color: #244578;
	color: #fff;
	_margin: 0;
}

.sidebarInfo h3 {
	background-color: #244578;
	color: #fff !important;
	font-size: 14px !important; /* cap file */
}

/* generic columnSecondary/Tertiary rule makes the CAP rule not needed */
#columnSecondary .sidebarInfo p, #columnTertiary .sidebarInfo p {
	margin: 10px 0;
	}

.sidebarInfo a,
.sidebarInfo a:link,
.sidebarInfo a:visited, 
.sidebarInfo a:hover,
.sidebarInfo a:active

 {
	color: #fff;
	text-decoration: underline !important;
	}


div#Welcome3 div#Welcome3inner #columnSecondary div.sidebarInfo a
{
	color: #fff;
	}

div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField .sidebarInfo a,
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField .sidebarInfo a:link,
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField .sidebarInfo a:visited, 
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField .sidebarInfo a:hover,
div#localNav div#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField .sidebarInfo a:active


 {
	color: #fff !important;
	text-decoration: underline !important;
}


.sidebarInfo .mainHead {
	height: auto;
	font-weight: bold;
	font-size: 14px;
}

.sideBar-callOut a img {
	margin: 6px auto 0;
}

/* get those cta images centered horizontally */

div#columnSecondary div.sideBar-callOut a img, div#columnTertiary div.sideBar-callOut a img {
	margin: 6px auto 0;

}

/* ------------------------------------------------------------*/
/* --------->>> Content area, including boxes  <<<-------------*/
/* ------------------------------------------------------------*/


/* h2 already set to position relative and zindex: 10 in a higher level file */

/* should only be used once per page */
h2 {
	margin-top: 0; 
	background-color: transparent;
	color: #334867;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField h3,
#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField h3
{
	font-size: 14px !important;
}


/* usign this PlacHolder class to avoid blowing up the navigation bullets */


#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField ol,
#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField dl

{
	padding-left: 15px;
}

#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField ul {
		padding-left: 0;
}


/* used on left side in ContentPage2 */

#ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField ul,
ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField ol,
ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField dl,
/* used on left side in ContentPage1 */
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField ul,
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField ol,
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField dl
{
	padding-left: 30px;
	_padding-left: 15px;
	
}

#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField ul ul,
#ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField ul ul,
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField ul ul
{
		padding-left: 15px;
}


ul ul ul {
	margin-bottom: -15px;
	margin-top: 5px;
	padding-left:  15px !important; /* navigation only goes 2 deep - no need for ID stuff */
	
}

#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField h4,
#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField h4
{
	font-size: 13px !important;
}


/* CAP CSS file has important in its background rule  */

div.highlight {
	background: #fff url("/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/Highlight_box_cye_desat-blu.png") no-repeat scroll left top !important;
	clear:both;
	height:auto;
	margin: 10px 0 10px 0 !important;
	/* big padding to allow room for clear area of background */
	padding: 20px 20px 20px 10px !important;
	color:	#fff;
	width: 500px !important;
	min-height: 100px;  /* to avoid ugly image falling out of box look for short content (faculty contact etc) */
	_height: 100px; /* IE6 */
	}
	
.highlight a {
	color: #fff !important; /* CAP has important - its green does not work on darker blue */
	}
	

.highlight img.facultyimage {
	padding: 0;
	}


#faculty_underline h3 {
	border-bottom:2px solid #999999;
	text-transform:none;
	width:90%;
	text-transform:none;
	width:90%;
	font-size:100%;
}


.facultylist {
	min-height: auto !important;
	margin:0 0 5px
}

/* fixes intern page */
#bd #columnPrimary .facultylist h3 {
	margin-bottom: 15px !important;
}

	
div#welcome2 #pageSplashWrapper, div#welcome2 #secondaryHeader {
	display: none;
}

div#columnPrimary div.highlight h2,
div#columnPrimary div.highlight h3,
div#columnPrimary div.highlight h4
{
	color: #fff;
	background-color: transparent;
	margin: 0 !important;
	font-size: 12px;
	font-weight: bold;
}

/* .highlight h4, .highlight h5, .highlight h6 */

div.highlightboxall h2,
div.highlightboxall h3,
div.highlightboxall h4
{
	color: #4d6ea1;
	background-color: transparent !important;
}


#pageContent h3
{
	line-height: 1.2;
	font-size: 14px !important;
}

/* used only by welcome page 1 - welcomepage1 has !important in its background-color declarations */
div#pageSpotlight1, div#pageSpotlight2 {
background-color:#4d6ea1 !important;
color: #FFFFFF !important;
}

div#pageSpotlightOne, div#pageSpotlightTwo, div#pageSpotlightThree
{
	display: inline;
	_margin-right: 3px;
	_width: 200px;
	}


div.spotlightBox h3, div.spotlightBox h4, div.spotlightBox h5, div.spotlightBox h6,
div.spotlightBox p, div.spotlightBox ol, div.spotlightBox ul, div.spotlightBox li,
div.spotlightBox table, div.spotlightBox th, div.spotlightBox td
 {
	background-color: #4d6ea1 !important;
	color: #FFFFFF !important;
	}


/* moreinfo may be used on all pages of the site -each section gets its own setting */
/* matches each subsite's h2 look - using green for home section as most generic setting */


a.moreinfo, a.moreinfo:link,a.moreinfo:visited,a.moreinfo:active,a.moreinfo:hover {
	background-color:  #fff !important;
	color: #4d6ea1 !important;
	font-weight: bold;
	}

#columnPrimaryWrapper .moreinfo {
	background-color:  #fff !important;
	color: #4D6EA1 !important;
	}
	
.infoBox h3 a, .infoBox h3 a:link, .infoBox h3 a:visited, .infoBox h3 a:active, .infoBox h3 a:hover, .infoBox h3 a, .infoBox h3 a:active {
	color: #fff;
}


.infoBox {
	background: transparent url("/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/Highlight_box_cye_desat-blu.png") no-repeat scroll left top !important;
	margin: 30px 10px 10px 0 !important;
	/* big right padding to allow room for clear area of background */
	padding: 20px 0 20px 10px !important;
	color:	#fff;
	border: none;
	width: 100%;  /*avoid "float" like behavior that occurs because of h2 and h3s being positioned relative */
	}

.infoBox img {
	width: auto;
	height: auto;
}

	
	
.infoBox .text {
	width: 475px; /* leaving room for left padding so the float doesn't drop down */
	float: left;
	}

.infoBox .link {
	background: none;
}

/* used for .infoBox images that are too tall for the box to avoid min-height stretching everyone out */

.shim {
	min-height: 70px;
}


.infoBox a, .infoBox a:link, .infoBox a:visited, .infoBox a:hover, .infoBox a:active {
	color:	#fff;
}

/* losing white bg from CAP */
.infoBox .image {
	background: transparent;
	border: none;
	}


	
/* ------------------------------------------------------------*/
/* ------------------>>> Footer  <<<---------------------------*/
/* ------------------------------------------------------------*/

div#ft h3, div#ft h4, div#ft span {
color:  #334867 !important;
	}
	
div#ft h3, div#ft h4 {
margin-bottom: 0;	
}

div#ft p {
	font-size: 10px !important;
}

div#ft {
	padding-left: 10px;
	margin-top: 36px;
}	

/* ------------------------------------------------------------*/
/* ------------------>>> Home page specific  <<<-------------------*/
/* ------------------------------------------------------------*/


/* not intended to be seen by anyone, including screen readers - the redundant visibility: hidden
is better for mutiple screen readers */

div#pageSplashImage {
	visibility: hidden;
	display: none;
}



div#columnPrimary #pageSpotlightWrapper img {
	max-width: 194px;
	}


#columnPrimary #pageSpotlightWrapper li  {
	margin-left: 15px;
}



#pageSpotlightWrapper
{
	margin-top: 0 !important;
}

div#columnPrimary #pageSpotlightWrapper h3 {
	margin-top: 3px;
	padding: 0 6px;
}

 .sideBar-callOut
{
	padding: 0;
	margin: 0;
	}


/* Avoiding use of display none to so screen reader will use the HTML version */

div#Welcome3 div#Welcome3inner div#columnPrimaryWrapper div.hasBackgroundColor div#columnPrimary h2 {
	left: -3000px !important; 
 }

#columnSecondary a,  #columnSecondary a:link, #columnSecondary a:visited, #columnSecondary a:active,
 #columnSecondary a:hover
{
	color: #fff;
}


/* makes icons smaller which makes them less likely to stretch out the line height */

div#ctl00_PlaceHolderMain_ctl06__ControlWrapper_RichHtmlField .ms-asset-icon {
	margin: 0 0 !important;
}

div#ctl00_PlaceHolderMain_ctl06__ControlWrapper_RichHtmlField p {
	font-size: 12px;
	}
	

/* h3s are declared position: relative higher up sitewide CSS */	
div#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField h3
{
/*	position: static; 
	padding-right: 70px !important; */
	}


/* pageSpotLightOne is used only the home page, pageSpotlight1 is used by contentpage1 */


div#pageSpotlightOne {
	margin-left: 0;
}

#pageSpotlightWrapper h3, #pageSpotlightWrapper h4, #pageSpotlightWrapper h5, #pageSpotlightWrapper h6
{
	padding: 0 6px;
	}


#pageSpotlightWrapper ul, #pageSpotlightWrapper ol,  #pageSpotlightWrapper dl
{
	font-size: 11px !important;
	margin-left: 0;
}

div#pageSpotlightOne h3:first-child, div#pageSpotlightTwo h3:first-child, div#pageSpotlightThree h3:first-child {
	border-bottom: 2px solid #999999;
}


#pageSpotlightOne h3, #pageSpotlightTwo h3,  #pageSpotlightThree h3 {
	text-transform: uppercase;
}



div#columnPrimary div#pageSpotlightOne h3, div#columnPrimary div#pageSpotlightOne h4, div#columnPrimary div#pageSpotlightOne h5, 
div#columnPrimary div#pageSpotlightOne h6

{
	padding: 0 6px;
}


div#pageSpotlightTwo {
	background-color: #fff;
	color: #4B4B4B;
}

div #pageSpotlightThree {
    background-color: #fff;
   	color: #4B4B4B;

}

div #pageSpotlightOne, div #pageSpotlightTwo p,div #pageSpotlightThree p 
{
	font-size: 12px;
}

div #pageSpotlightOne p, div #pageSpotlightTwo p, div #pageSpotlightThree p
 {
	font-size: 12px;
	padding: 0 6px;
	margin-bottom: 10px;
	}

div #pageSpotlightOne a.moreinfo, div #pageSpotlightOne a.moreinfo:link, div #pageSpotlightOne a.moreinfo:visited, div #pageSpotlightOne a.moreinfo:hover,
div #pageSpotlightOne a.moreinfo:active {
	margin-bottom: 5px;
}



#Welcome3 div#columnSecondary ul,  #Welcome3 div#columnSecondary ol,  #Welcome3 div#columnSecondary dl {
	padding-left: 30px;
	}


div #pageSpotlightTwo a, div #pageSpotlightTwo a:link, div #pageSpotlightTwo a:visited, div #pageSpotlightTwo a:active, div #pageSpotlightTwo a:hover
{
	color: #4d6ea1;
	background-color: #fff;
}
div #pageSpotlightTwo a:hover {
	text-decoration: underline;
}

.highlight floatImageLeft, .highlight .floatLeft  {      /* CAP has .highlight img rule with 100px right border (!) */
	margin: 5px 10px 0 0;
	}



div#pageSpotlightThree a, div#pageSpotlightThree a:link, div#pageSpotlightThree a:visited, div#pageSpotlightThree a:active, div#pageSpotlightThree a:hover
{
	color: #4d6ea1;
}
#columnPrimary a, h4 a, #sidebar a, a.discover {
    color: #4d6ea1;
    text-decoration: none;
}
#columnPrimary a:hover, h4 a:hover, #sidebar a:hover, a.discover:hover {
    text-decoration: underline;
}

div #pageSpotlightTwo a.mail_link
{
	font-size: 9px !important;
}


#Welcome3 #columnSecondary {
	padding: 150px 15px 15px 30px !important;
	background: #fff url('/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/cye-home-logo-bg.png') no-repeat scroll left top !important;
	color: #334867;
	}

#Welcome3 div#columnSecondary h2, #Welcome3 div#columnSecondary h3, #Welcome3 div#columnSecondary h4,
#Welcome3 div#columnSecondary h5, #Welcome3 div#columnSecondary h6, #Welcome3 #columnSecondary a.moreinfo,
#Welcome3 #columnSecondary p, #Welcome3 #columnSecondary blockquote

 {
	color: #334867;
}

#Welcome3 div#columnSecondary .sidebarInfo p
{
	color: #fff;
}


#Welcome3 #columnSecondary table, #Welcome3 #columnSecondary table.table {
	border-right: 1px solid #4d6ea1;
	border-top: 1px solid #4d6ea1;
	color: #4d6ea1;
}


#Welcome3 #columnSecondary p a  {
		color: #4d6ea1;
}


#Welcome3 #columnSecondary table.table td {
	border-bottom: 1px solid #4d6ea1;
	border-left: 1px solid #4d6ea1;
}

#Welcome3 #columnSecondary table.table th {
	border-bottom: 1px solid #4d6ea1;
	border-left: 1px solid #4d6ea1;
	color: #4d6ea1;	
}


#Welcome3 div#columnSecondary a, #Welcome3 div#columnSecondary a:link, #Welcome3 div#columnSecondary a:visited, #Welcome3 div#columnSecondary a:active,
 #Welcome3 div#columnSecondary a:hover {
	color: #4d6ea1;
}


/* for some reason most of the main column on welcome 1 is in the 
pageInto div - this fixes a sizing bullets bug that results from that
*/
#pageIntro li
{
	font-size: 100% !important;
	line-height: 1;
}



/* ------------------------------------------------------------*/
/* ------------------>>> Other pages  <<<-------------------*/
/* ------------------------------------------------------------*/


/* this turns off the image by leaving out the other declarations for the contentpage1 verson */
/* which has two nav columns */


#contentPage1 #columnSecondary
{
	background: #fff!important;
	margin-top: 0;
	padding-top: 0 !important;
}


#contentPage1 #columnSecondary div#sideBar, #contentPage1 columnSecondary div#localNav {
	background: #fff !important;
	color: #4D6EA1;
}


#contentPage1 #columnTertiary
{
		background:  #4d6ea1 url('/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/header_rev.png') no-repeat scroll left top;
		padding-top: 130px !important;
		color: #fff;
		margin-bottom: 0;
}



#contentPage1 div.highlight, #contentPage1 div.highlightboxtall

{
	width: 400px !important;
}

#contentPage1 #columnSecondary, #contentPage1 #columnSecondary h2, #contentPage1 #columnSecondary h3, #contentPage1 #columnSecondary h4, #contentPage1 #columnSecondary h5,
#contentPage1 #columnSecondary h6, #contentPage1 #columnSecondary a.moreinfo, #contentPage1 #columnSecondary p, #contentPage1 #columnSecondary blockquote {
	color: #4d6ea1;
}

#contentPage1 #columnSecondary .sidebarInfo p {
	color: #fff;
}




#contentPage1 div.highlight {
	background: url('/academics/colleges/ArchitecturePlanning/discover/centers/CYE/PublishingImages/Highlight_box-cye_content1.png') no-repeat scroll left top transparent !important;
	width:400px !important;
}


/* ------------------------------------------------------------*/
/* ---------------->>> IE-only rules <<-----------------------*/
/* ------------------------------------------------------------*/


/* IE6 fix for blown floats */

div#columnSecondaryWrapper, div#columnTertiaryWrapper
 {
	-width: 200px !important; 
	-padding-left: 0 !important;
	-margin: 0 !important;
	margin: 0 !important;
}

/* IE6 fix for blown floats */

div#columnSecondary, div#columnTertiary, #columnSecondary div#sideBar
{
	-padding-left: 0 !important;
	-margin: 0 !important;
	-width: 200px !important;

}

/* IE6 fix - keeps center section from falling down */
/* taking about 20 pixels off, more for welcome1/welcome2 */
 div#columnPrimaryWrapper {
	-width: 640px !important;
	-padding: 0 !important;
	-margin: 0 !important;
}


#contentPage1 div#columnPrimaryWrapper {
	-width: 420px !important;
	display: inline;
}

#contentPage1 div#columnSecondaryWrapper, #contentPage1 div#columnTertiaryWrapper, #contentPage1 div#columnPrimaryWrapper {
	-margin: 0;
	display: inline;
	_padding: 0;
}

#ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField {
	-padding: 0 !important;
	-margin: 0 !important;
	-width: 200px !important;
}


#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField {
	-padding: 0 !important;
	-margin: 0 !important;
	-width: 200px !important;
}

#contentPage1 #columnSecondary LI
{
	_margin-left: 5px;
}

.sidebarCallout, a.cta, .sidebarInfo {
	_width: 200px;
	}


#columnSecondary .sideBar-callOut img, #columnTertiary .sideBar-callOut img
{
	_margin: important;
	_width: 190px !important;
	_padding: 0 !important;
	}


a.cta img {
	_margin: 0;
	_width: 200px !important;
}

#columnTertiary .sideBar-callOut {
	_width: 200px;
}



#localNav {
	_margin: 0;
}

.floatright {
	float:right
}

#columnSecondary .table, #columnTertiary .table {
	_padding: 0 !important;
	_margin: 0 !important;
}

#board h3, #board p
{
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1;
	}
	
	
#board h3 {
	padding-bottom: 4px;
	}


	
#board p {
	margin-bottom: 20px;
	}

.we_all_float_on {
	float: left;
	width: 45%;
	margin-right: 10px;
	}

.we_all_float_on img {
	margin-top: 10px;
	border: 1px #4D6EA1 solid !important;
	}


/* Graduate student layout - no underlines */

.we_all_float_on_okay {
	float: left;
	width: 45%;
	margin-right: 10px;
	font-size: 12px;
	}

.we_all_float_on_okay img {
	margin-top: 10px;
	border: 1px #4D6EA1 solid !important;
	}
	

.we_all_float_on_okay h3 {
	border: none;
}

.we_all_float_on_okay a[href^=mailto], .we_all_float_on_okay a.email {
	padding-bottom: 4px;
	width: 100%;
	display: block;
	}


/* IE6 rule  */ 
.we_all_float_on_okay a.email {
	_padding-bottom: 4px;
	_width: 100%;
	_display: block;
}
/* IE6 rule - relies on jQuery function in CYE-scripts.js */

div#pageSpotlightOne h3.first, div#pageSpotlightTwo  h3.first, div#pageSpotlightThree  h3.first {
	_border-bottom: 2px solid #999999;
}



div#columnPrimary #pageSpotlightWrapper img {
	_width: 194px; /* regular rule uses max-width to allow for smaller image to be put in later in most browsers */
}

div#pageSpotlightOne,div#pageSpotlightTwo, div#pageSpotlightThree {
	_display: inline;
}

/* on this site, 5px top margin (usually) looks top aligned with a p or hx tag */
.ms-rteCustom-FloatLeft {
	margin: 5px 15px 0 0;
}


/* IE6 sidebar fix */

 #bd div#columnSecondary,  #bd div#columnTertiary  {
	_margin: 0 0 0 12px !important; 
}