body {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 75%;}
a, a:active, #content a, #content a:active {color: #97a925;}
a:visited, #content a:visited {color: #3e3e3e;}

#wrapper {width: 603px; height: 430px;margin: 7px auto;}
#homepage #wrapper {margin: 35px auto;}

h2.foo {float: left;}
h2.foo a {display: block; height: 118px; width: 159px; background: url(../images/sep/UofT.gif) 50% no-repeat; text-indent: -9999px;}

#sectionNav {float: left; display: inline;}
#sectionNav ul {width: 444px; height: 118px; list-style: none;}
#sectionNav ul li {float: left; margin-left: 2px; display: inline;}
#sectionNav ul a {display: block; width: 126px; height: 98px; background-color: grey; color: white; text-decoration: none; font-size: 1.2em; font-weight: bold; padding: 10px; text-indent: -9999px;}
#sectionNav ul li.youth  a {background: url(../images/sep/bg-sectionnav-youth_grey.gif) 5px 5px no-repeat #fff;}
#sectionNav ul li.youth  a:hover {background: url(../images/sep/bg-sectionnav-youth_hover.gif) no-repeat #fff;}
#sectionNav ul li.adult a {background: url(../images/sep/bg-sectionnav-adult_grey.gif) 5px 5px no-repeat #fff;}
#sectionNav ul li.adult a:hover {background: url(../images/sep/bg-sectionnav-adult_hover.gif) no-repeat #fff;}
#sectionNav ul li.custom a {background: url(../images/sep/bg-sectionnav-custom_grey.gif) 5px 5px no-repeat #fff;}
#sectionNav ul li.custom a:hover {background: url(../images/sep/bg-sectionnav-custom_hover.gif) no-repeat #fff;}
.youth #sectionNav ul li.youth a, #homepage #sectionNav ul li.youth a {background: url(../images/sep/bg-sectionnav-youth.gif) 5px 5px no-repeat #fff;}
.youth #sectionNav ul li.youth a:hover, #homepage #sectionNav ul li.youth a:hover {background: url(../images/sep/bg-sectionnav-youth_hover.gif) no-repeat #fff;}
.adult #sectionNav ul li.adult a, #homepage #sectionNav ul li.adult a {background: url(../images/sep/bg-sectionnav-adult.gif) 5px 5px no-repeat #fff;}
.adult #sectionNav ul li.adult a:hover, #homepage #sectionNav ul li.adult a:hover{background: url(../images/sep/bg-sectionnav-adult_hover.gif) no-repeat #fff;}
.custom #sectionNav ul li.custom a, #homepage #sectionNav ul li.custom a {background: url(../images/sep/bg-sectionnav-custom.gif) 5px 5px no-repeat #fff;}
.custom #sectionNav ul li.custom a:hover, #homepage #sectionNav ul li.custom a:hover {background: url(../images/sep/bg-sectionnav-custom_hover.gif) no-repeat #fff;}

h1.foo {float: left;}
h1.foo a {display: block; width: 603px; text-indent: -9999em;}
#homepage h1.foo a {height: 41px; background: url(../images/sep/iep-homepage.gif) no-repeat;}
#subpage h1.foo a {height: 29px; background: url(../images/sep/iep-subpage.gif) no-repeat; margin-bottom: 5px;}

/*
h1.foo {float: left; width: 563px; background: #c1d82f; color: #fff; padding: 10px 20px; font-size: 1.4em; text-transform: uppercase; text-align: right; margin: 0;}
h1.foo a {color: #fff; text-decoration: none;}
#subpage h1.foo {margin-bottom: 7px;}
*/

h5.foo {clear: both;font-size: 0.75em; color: #bbbbbb; padding-top: 7px;}
#subpage h5.foo {width: 121px; padding: 12px;}
#homepage h5.foo {padding-top: 18px; text-align: right;}

#banner {float: left; margin: 7px 0 4px 0;}
#banner img {padding: 0; margin: 0;}

#bottom {float: left;background: url(../images/sep/bg-nav.gif) repeat-y;}
#homepage #bottom {background: none;}

#nav {width: 146px; float: left; background: #3e3e3e; color: #fff;}
#content {width: 430px; float: left; margin-left: 25px; color: #3e3e3e; font-size: 105%;}
#homepage #content {width: 603px; margin: 1em 0 0 0;}

#breadcrumb {font-size: 0.7em; text-align: right; color: #808285; margin-bottom: 1em;}
#breadcrumb a {color: #808285; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}

#content h1 {font-size: 1.65em; font-family: Garamond, serif;}
#content h2, #content h3, #content h4, #content h5  {font-size: 1em;}
#content p {line-height: 1.3em;text-align: justify; }
#content ul {margin-left: 25px;}
#content img.right {float: right; margin: 5px 0 5px 10px; clear: right;}
#content img.left {float: left; margin: 5px 10px 5px 0; clear: left;}
#content img.center {display:block; margin: 10px auto;}

#content h1, #content h2, #content h3, #content h4, #content h5 {color: #9aac25;}
#homepage #content h1, #homepage #content h2, #homepage #content h3, #homepage #content h4, #homepage #content h5 {color: #666;} 
#homepage #content h1 {font-size: 1.5em; margin-bottom: 1em;}

/*#content h1, #content h2, #content h3, #content h4, #content h5 {color: #000;}*/
.adult #content h1, .adult #content h2, .adult #content h3, .adult #content h4, .adult #content h5 {color: #e7310e;}
.custom #content h1, .custom #content h2, .custom #content h3, .custom #content h4, .custom #content h5 {color: #0572b1;}
.youth #content h1, .youth #content h2, .youth #content h3, .youth #content h4, .youth #content h5 {color: #ef9400;}

#footer {clear: both;width: 603px; background: url(../images/sep/bg-footer.gif) no-repeat; margin-bottom: 25px; position: relative; height: 25px;}

.ipf-PageSearch-Button {margin-left: 20px;}

ul.mininav {top: 18px; font-size: 85%; letter-spacing: 0.05em;}
ul.mininav a {color: #a8a8a8;}
ul.mininav a:hover {color: #000;}
ul.mininav li {border-left: 1px solid #ccc;}