/* ---------- Basic Layout Styles ----------- */

html,
body,
#page  {
  width: 100%;
}
#page-wrapper {
/* old code  min-height: 100%;
  min-width: 940px; */
 
  background: none repeat scroll 0 0 transparent;
    
  margin: auto auto;
    
  width: 980px;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

#header{
height:150px
}
#header div.section {
  position: relative;
}
.region-header {
  float: right; /* LTR */
  margin: 0 5px 10px;
}
.search {
  color:white;
  width: 215px;
}
.with-secondary-menu .region-header {
  margin-top: 3em;
}
.without-secondary-menu .region-header {
  margin-top: 15px;
	width: 200px;
}
#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 480px;
}
#content,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}
#sidebar-second,
#sidebar-third
 {
  display: inline;
  float: right; /* LTR */
  position: relative;
  margin-left:20px;
}

#sidebar-first
{
  display: inline;
  float: right; /* LTR */
  position: relative;
  margin-left:20px;
  width: 220px;
}

#sidebar-first li {
  margin-left:20px;
}

.one-sidebar #content {
  width: 420px;
}
#block-block-26 {
	height: 270px;
	
	}
.block-block-26 #content{
	height: 270px;
	
	}

.two-sidebars #content {
  width: 620px;
}

#sidebar-second,
#sidebar-third {
  width: 140px;  
}



.no-sidebars #content {
  width: 960px;
  float: none;
}

#main-wrapper {
  min-height: 300px;
}
#content .section,
.sidebar .section {
  padding: 0 0;
}
#breadcrumb {
  margin: 0 15px;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 20px 20px 30px;
  width: 280px;
}
#footer-wrapper {
  /* Old code padding: 35px 5px 30px; */
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto;
    width: 980px;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  padding: 0 10px;
  width: 220px;
}
#footer {
  width: 940px;
  min-width: 940px;

}


/* ----------- IMAGES ---------*/
p img {border:solid 1px #ddd; padding: 5px; margin: 10px;}

.photoleft {float:left; padding: 5px; margin: 10px 10px 10px 0px;}
.photoleft img {clear: both; padding: 5px; display: block; border:solid 1px #ddd; }
.photoleft p {font-size: 10px; font-style: italic;}

.photocentre {text-align:center; padding: 5px; margin: 10px auto;}
.photocentre img {clear: both; padding: 5px; display: block; border:solid 1px #ddd; }
.photocentre p {font-size: 10px; font-style: italic;}

.photoright {float:right; padding: 5px; margin: 10px 0px 10px 10px;}
.photoright img {clear: both; padding: 5px; display: block; border:solid 1px #ddd; }
.photoright p {font-size: 10px; font-style: italic;}
.highlight-info {float:right; width: 180px; padding: 10px; margin: 10px; border:solid 1px #ddd;}

.photocaption {font-size: 11px; font-style: italic;}
img.donatenow {border:none; padding:0; margin:0;}

.getacro {border: none; padding: 0px 5px; float:left; width: 85px;}

.info {
 background: transparent url(https://www.trinity.utoronto.ca/trinCMS/template/images/info-red-bg.gif) top right no-repeat;
 border-bottom: solid 1px #ddd; 
 float: right;  
 margin: 0px 5px 5px 5px;
 padding: 25px 5px 5px 5px; 
 text-align:left;
 width: 30%;  
}
.contact {
 background: transparent url(https://www.trinity.utoronto.ca/trinCMS/template/images/contact-red-bg.gif) top right no-repeat;
 border-bottom: solid 1px #ddd; 
 float: right;  
 margin: 0px 5px 5px 5px;
 padding: 25px 5px 5px 5px; 
 text-align:left;
 width: 30%;  
}
.pagetop {}