body,
html {
	margin:0px;
	padding:0px;
	background: #ccc;
	color: #555555;
	background: #eee;
}
body {
    min-width:780px;
	padding: 0 0 50px 0;
    }

td {font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	}
#wrap {
    background: #fff url('images/bg.gif') repeat-y;
    margin:0 auto;
    width:780px;
    }
	
#mainTable {width: 780px;}
#mainContent table {width: 550px;}
/*  ^^^^^^^^^^^^^^^HEADER STYLES ^^^^^^^^^^^^^^^^^ */
#header {
	background:#ddd;
	}

#header-menu  {
	background:#333 url(Images/header-menu-bg.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	}
#header-menu ul  {
	margin: 0;
	padding: 0;
	}

#header-menu li {
	float: right;
	background-color: #4c4c4c; 
	border-right: dotted 1px #666;
	color: #fff; 
	display: inline; 
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
	
.skipnav { padding: 3px 10px;}
.skipnav a:link {color: #bbb; background-color: transparent; padding: 3px 5px;}
.skipnav a:visited {color: #bbb; background-color: transparent; padding: 3px 5px;}
.skipnav a:hover {color: #bbb; background-color: transparent; padding: 3px 5px; }
.skipnav a:active {color: #bbb; background-color: transparent; padding: 3px 5px;}

#header-menu a {display: block;}
#header-menu a:link {color: #fff; background-color: transparent; padding: 5px 5px;}
#header-menu a:visited {color: #fff; background-color: transparent; padding: 5px 5px;}
#header-menu a:hover {color: #fff; background-color: #666; text-decoration: none; padding: 5px 5px;}
#header-menu a:active {color: #fff; background-color: transparent; padding: 5px 5px;}

#mainHeader {
width: 604px;
height: 100px;
border-bottom: solid #fff 1px;
}

	
/*  ^^^^^^^^^^^^^^^OTHER LAYOUT STYLES^^^^^^^^^^^^^^^^^ */
	
	
#breadcrumb {
    background: url(images/breadcrumb_arrow.gif) no-repeat 20px 12px;
	padding:10px 20px 0px 33px;
	text-align:left;
    }
#main {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
    float:right;
    width:604px;
	text-align:left;
	padding:0px;
	border-right: 1px solid #999999;
    }
	
#mainContent {
	padding: 1px 20px 20px 20px ;
	background-color: #fff;
}

.spacer {clear:both;}


.googlesearch {
background: url(images/search-bg.jpg) no-repeat top left;
	width: 175px;
margin: 0px 0;
padding: 0 0px 10px 0;
border-top: solid 1px #333;
border-bottom: solid 1px #333;
}

.searchtext {
margin: 0 0 8px 10px;
padding: 0;
}

.searchgo {
margin:  5px 10px 0 0px;
padding: 0px 0px;
}

.s2sad {
		text-align: center;
}

#footer {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
    background:#eee;
	text-align:center;
    clear:both;
	padding:10px;
    margin:0 auto;
	}
a, a:link, a:visited {
	color:#CC0000;
	font-size:11px;
	text-decoration:none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	}
a:hover {color: #666; background:#ececec; text-decoration:underline;}
a img {border: none;}

/* ----------- MISC ---------*/
cite.inspirational {display:block; text-style: italic; text-align:right;}

blockquote {margin: 0 3em; padding: 0em; }
blockquote p {margin: 1em 0; padding: 0em; }
p {
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin:: 0 0 1em 0; padding: 0;}

.magazine {
			 border-bottom: solid 1px #ddd;
			 margin: 0;
			 padding: 1em 0;
			 clear: both;
			 }

.mapcode {font-weight: bold; background-color: #000; color: #fff; padding: 2px; margin: 3px;}
.profilequote {font-style: italic;}

			 
/*  ^^^^^^^^^^^^^^^USER ACCESSIBLE^^^^^^^^^^^^^^^^^ */

h1 {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	line-height: 150%;
	margin: 1.5em 0 0em 0;
	}

h1.halfwidth {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	line-height: 150%;
	margin: 1.5em 0 .5em 0;
	width: 50%;
	}
h2 {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-weight:normal;
	margin: 1.5em 0em .5em 0em;
	}
h2.subhead {
	font-size: 14px;
	font-weight:normal;
	margin: 0em 0em .5em 0em;
	}

h2.submenu {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-weight:normal;
	margin: 0; padding: 0;
	}	

h3 {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	font-weight:bold;
	}

h4 {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	font-weight:bold;
	}

h5, h7 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	}
	
h6 {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight:bold;
	border-bottom: solid 1px #ccc;
	padding: 3px 0; margin: 0;
	}

/*  ^^^^^^^^^^^^^^^ END USER ACCESSIBLE^^^^^^^^^^^^^^^^^ */


/* ----------- LISTS ---------*/
#mainContent li {padding: .25em; line-height: 16px;}
	
ul  {margin: 0 0 0 1em; padding: 0 0 0 1em;}
#mainContent ul  {margin: 0 0 1em 1em; padding: 0 0 0 1em;}
dt {font-weight: bold; padding: 0; margin: 1.5em 0 .25em 0;}
#rightcol dt { padding: 0; margin: 0 0 .25em 0;}
#rightcol dl {padding:0; margin:0;}
dd {margin: 0; padding: 0 0 0 0; 	
   	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin:0px 0px 1em 0px;
	padding:0px;
}

/* ----------- 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;}



/* ----------- PROFILES ---------*/
.profile-images {width: 560px; font-style: italic; font-weight: bold; padding: 10px 0;}

.profile-images2 {
					  background-color: #ddd; 
				     /*border: solid 1px #f00;*/
					   border-bottom: 1px solid #000;
				 		font-style: italic; 
					  padding: 0; 
					  margin: 0;
					  width: auto; 
					  }

.profile-image-double {margin: 0; padding: 0px; float: left;}


.profile-left, .profile-right {
				  border-top: 24px solid #000;
				  color: #666; 
				  float:left; 
				  line-height: 1.6em;
				  padding:20px 10px 10px 10px;  
				  width: 137px; }

.profile-left { text-align:right; }



/* ----------- PHOTO-TOUR ---------*/

#photo-tour .tour-buttons-top {
				background: url('images/up_shadow.jpg') repeat-x bottom;
				margin: 10px 0 10px  0;
				padding: 10px 0 10px 0; 
				}
#photo-tour .tour-buttons-bottom {
				background: url('images/drop_shadow.jpg') repeat-x; 
				margin: 10px 0 10px  0;
				padding:10px 0 10px 0;
				}

#photo-tour {text-align: center;}

img.online-tour {
				background-color: #fff;
				border: solid 1px #ccc; 
				padding: 3px;
				}

/* ----------- NEWS ---------*/

/* Front page and 2-column layout news items */
table.mainnews {
				border: none;
				width: 550px;
}

.mainnews tr {
				vertical-align: top;
}

.mainnews td {
				width: 255px;
				padding-right: 20px;
}

.mainnews td.last {
				padding: 0;
}

/* Generic news items */
.newsheadline {
				 margin: 0;
				  padding: 0px 0px 8px 0;
				  }
.newsdate {
				  color: #999;
				  font-size: 10px;
				  margin: 0;
				  padding: 0 0 0 0;
				  text-align: right;
				  width: 500px;
				   }
.newscontent {
				 border-left:solid 1px #eee;
				 border-right:solid 1px #eee;
				 border-bottom:solid 1px #eee;
				 padding: 10px 20px 20px 20px;
				 width: 508px;
				   }

.newsitem 		{ 
					background: url(images/news-headline-bg.gif) no-repeat top right;
					width: 550px;
					padding: 20px 0;}

.booktour-head {border-top: solid 1px #ddd;}

/* ----------- EVENTS ---------*/				
					
.eventheadline {
					background-color: #eee;
					border-top: solid 1px #999;
					margin: 4px 0;
					padding: 4px;
				  }
.eventdate {
				  border-top: solid 1px #ddd;
				  color: #900;
				  font-size: 12px;
				  font-weight: bold;
				  margin: 0;
				  padding: 2px 0 0 0;
				  text-align: right;
				  width: 500px;
				   }
.eventplace {
				  color: #000;
				  font-size: 11px;
				  font-weight: bold;
				  margin: 5px 0;
				  padding: 3px 0 0 0;
				  text-align: right;
				  width: 500px;
				   }
.eventcontent {
				 border-left:solid 1px #eee;
				 border-right:solid 1px #eee;
				 border-bottom:solid 1px #eee;
				 padding: 10px 20px 20px 20px;
				 width: 508px;
				   }

.eventitem 		{ 
					background: url(images/event-headline-bg.gif) no-repeat top right;
					width: 550px;
					padding: 20px 0;}
					
.eventitem 	h4 { 
					line-height: 1.3em;
					color: #000;
					}

.eventitem h5 { 
					line-height: 1.3em;
					color: #666;
					}

/* ----------- e-trinity (nested tables) ------*/
#etrinity table {
	width: 100%;
}

/* ----------- TABLES ---------*/
table.borderon {border-collapse: collapse;}
table.borderoff {border-collapse: collapse;}

table.yearreps {border-collapse: collapse;}
.yearreps td { border-bottom: solid 1px #ddd; padding: 3px 0;}

tr.important-date {background-color: #eee; color: #333;}

table.table_grey_border {border-collapse: collapse;}
table.table_grey_border td {border: solid 1px #ccc; padding: 10px;}
table.table_grey_border th {border: solid 1px #ccc; padding: 10px; font-weight: bold;}

.sidebar ul {margin: 0; padding: 0; list-style: none;}
.sidebar li {margin auto 0; padding: auto 0; }


.s2s-priorities td {padding: 5px 10px 5px 0px;}
.s2s-priorities img {padding:0px; margin:0px; border: none;}

.s2s-priorities h2 {text-transform: uppercase; font-family: Garamond Pro, Garamond, Times, Times New Roman, serif; margin: 0; padding:  0; font-weight: bold;}
.s2s-priorities h3 {text-transform: uppercase; font-family: Garamond Pro, Garamond, Times, Times New Roman, serif; margin: 3px 0 0 0; padding: 3px 0; font-weight: normal; color: #333;}

ol.withroman { list-style: lower-roman; }
ol.rulelist {font-weight: bold; }
ol.rulelist li {margin: 1.5em 0 0 0; border-top: solid 1px #ccc;}
.rulelist dt {font-weight: bold;  margin: 0; padding:0;}
.rulelist dd {font-weight: normal; margin: 0 0 1em 0; padding:0;}

table.borderon td {border: solid 1px #ccc; padding: 10px;}
table.borderon th {border: solid 1px #ccc; padding: 10px; font-weight: bold;}

table.borderoff td {border: none; padding: 10px;}
table.borderoff th {border: none; padding: 10px; font-weight: bold;}


.in-page-menu 
{
padding: 0; margin: 0;
}
.in-page-menu li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.fee-item {width: 200px;}
.cost  {width: 150px;}
.cost-half {width: 75px;}


/* ------------------------------- RIGHT COLUMN -------------------------------*/

#sidebar {
    background-color:#fff;
    float:left;
    padding:0px;
	text-align:left;
    width:175px;
	}
#sidebar p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	text-align:left;
	padding: 10px;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}
#sidebar a:hover {color: #fff; background:#666;}

#rightSidebar {
	padding:0;
	text-align:left;
    }
	
.sidebar {
			 	background: transparent url(http://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%;  
				}
.contactinfo {
				background: transparent url(http://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%;  
				}
.sidebar h3 {margin: 0; padding: 2px 0px; font-size: 11px;}
.sidebar img {border:solid 1px #ddd; padding: 2px; margin: 0px;}
.contactinfo h5 {margin: 0; padding: 2px 0px; }
.contactinfo p {margin: 0; padding: 0; }
#rightcol .sidebar {float:none; width: 200px;}
#rightcol .contactinfo {float:none; width: 200px;}
#rightcol .photocentre {text-align: center; float:none; width: 200px;}
#rightcol {float:right; width:200px;}


/* ------------------------------- FORMS -------------------------------*/
form{padding:0;}
.forminput {float:right; width: 48%;}
.formlabel {float:left; width: 48%; text-align: right; font-weight: bold;}
.formitem {clear: both; padding: 10px; width: 100%;}
.fullwidth {clear: both; padding: 10px; width: 100%;}
.fullwidth .forminput {float:right; width:100%;}
.fullwidth .formlabel {float:left; width: 100%; text-align: left; font-weight: bold;}
fieldset p {padding: 1em;}

textarea {margin: 10px; padding: 3px;}
fieldset {width: 90%;}

div.librarysearch {border: solid 1px #ccc; margin: 1em; padding: 1em;}
div.searchform {margin: .5em; padding: 0;}
.submit {width:80%; text-align:right;}
.go_style {color: #fff; background-color: #900; padding: 3px 10px; margin: 1em; border: solid 1px #ccc; }

div.button {width: 100%; text-align: right; margin: 0; padding: 10px 0;  clear: all;  }
div.button-left {float: left; width:40%;  text-align: left; margin: 0; padding: 0;  }
div.button-right {float: right; width:40%; text-align: right; margin: 0; padding: 0; }

.button input {background-color: #900; color: #fff; border: solid 1px #600; font-weight: bold;}


/* ------------------------------- MENU ------------------------------- */

#mainmenu-container { width: 175px; }
#mainmenu-container ul {margin-left: 0;padding-left: 0; list-style-type: none;
			 border-top: solid 1px #666; border-bottom: solid 1px #666; }
			 
#mainmenu-container #level1 ul {
			 border-bottom: solid 1px #666; }

			 
#mainmenu-container a {display: block; padding: 7px 10px;  width: 175px; background-color: #4c4c4c; color:#fff; border-bottom: solid 1px #999;}
#mainmenu-container a:link, #mainmenu-container a:visited {color: #EEE; background-color: #4c4c4c;  text-decoration: none; }
#mainmenu-container a:hover, #mainmenu-container a:active { background-color: #EEE; color: #333;}

#mainmenu-container a#current {display: block; padding: 7px 10px; width: 175px; background-color: #900; color:#fff; border: none; }
#mainmenu-container a#current:link, #mainmenu-container a#current:visited {color: #fff;  background-color: #900; text-decoration: none; border: none; }
#mainmenu-container a#current:hover, #mainmenu-container a#current:active { background-color: #900; color: #fff; border: none;}

/*level1*/
#mainmenu-container #level1 a {display: block; padding: 5px 10px;  width: 175px; background-color: #666; color:#fff;  border: none;}
#mainmenu-container #level1 a:link, #mainmenu-container #level1 a:visited {color: #EEE; text-decoration: background-color: #666;  none;  border: none;}
#mainmenu-container #level1 a:hover, #mainmenu-container #level1 a:active { background-color: #EEE; color: #333; border: none;}

#mainmenu-container #level1 a#current {display: block; padding: 5px 10px; width: 175px; background-color: #900; color:#fff; border: none; }
#mainmenu-container #level1 a#current:link, #mainmenu-container #level1 a#current:visited {color: #fff; background-color: #900;  text-decoration: none; border: none; }
#mainmenu-container #level1 a#current:hover, #mainmenu-container #level1 a#current:active { background-color: #900; color: #fff; border: none;}


/*level2*/
#mainmenu-container #level2 a {display: block; padding: 5px 5px 5px 25px;  width: 175px; background-color: #777; color:#fff;  border: none;}
#mainmenu-container #level2 a:link, #mainmenu-container #level2 a:visited {color: #EEE; background-color: #777;  text-decoration: none;  border: none;}
#mainmenu-container #level2 a:hover, #mainmenu-container #level2 a:active { background-color: #EEE; color: #333; border: none;}

#mainmenu-container #level2 a#current {display: block; padding: 5px 5px 5px 25px; width: 175px; background-color: #900; color:#fff; border: none; }
#mainmenu-container #level2 a#current:link, #mainmenu-container #level2 a#current:visited {color: #fff; background-color: #900; text-decoration: none; border: none; }
#mainmenu-container #level2 a#current:hover, #mainmenu-container #level2 a#current:active { background-color: #900; color: #fff; border: none;}

/*level3*/
#mainmenu-container #level3 a {display: block; padding: 5px 5px 5px 32px;  width: 138px; background-color: #888; color:#fff;  border: none;}
#mainmenu-container #level3 a:link, #mainmenu-container #level3 a:visited {color: #fff; background-color: #888;  text-decoration: none;  border: none;}
#mainmenu-container #level3 a:hover, #mainmenu-container #level3 a:active { background-color: #EEE; color: #333; border: none;}

#mainmenu-container #level3 a#current {display: block; padding: 5px 5px 5px 32px; width: 138px; background-color: #900; color:#fff; border: none; }
#mainmenu-container #level3 a#current:link, #mainmenu-container #level3 a#current:visited {color: #fff; background-color: #900;  text-decoration: none; border: none; }
#mainmenu-container #level3 a#current:hover, #mainmenu-container #level3 a#current:active { background-color: #900; color: #FFF; border: none;}

/*level4*/
#mainmenu-container #level4 a {display: block; padding: 5px 5px 5px 40px;  width: 130px; background-color: #999; color:#fff;  border: none;}
#mainmenu-container #level4 a:link, #mainmenu-container #level4 a:visited {color: #EEE;  background-color: #999; text-decoration: none;  border: none;}
#mainmenu-container #level4 a:hover, #mainmenu-container #level4 a:active { background-color: #EEE; color: #333; border: none;}

#mainmenu-container #level4 a#current {display: block; padding: 5px 5px 5px 40px; width: 130px; background-color: #900; color:#fff; border: none; }
#mainmenu-container #level4 a#current:link, #mainmenu-container #level4 a#current:visited {color: #fff; background-color: #900;  text-decoration: none; border: none; }
#mainmenu-container #level4 a#current:hover, #mainmenu-container #level4 a#current:active { background-color: #900; color: #fff; border: none;}


#mainmenu-container a.parent:link {background:transparent url(http://www.trinity.utoronto.ca/trinCMS/template/images/right-white.gif) top left no-repeat;}
#mainmenu-container a.parent:visited {background:transparent url(http://www.trinity.utoronto.ca/trinCMS/template/images/right-white.gif) top left no-repeat;}
#mainmenu-container a.parent:hover {background:#eee url(http://www.trinity.utoronto.ca/trinCMS/template/images/right-white.gif) top left no-repeat; color:#333;}
#mainmenu-container a.parent:active {background:transparent url(http://www.trinity.utoronto.ca/trinCMS/template/images/right-white.gif) top left no-repeat;}