/* CSS Layout */
/* Corpus Christi College */
/* Copyright (c) John Corrigan, 2007 */


@import url(element.gallery.css);


body {
 font: 80%/170% "Trebuchet MS", Verdana, sans-serif;
 position: relative;
 margin: 0 auto;
 padding: 0;
}

a {
 color: #00c;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

#alt, .alt {
 display: none;
}

img.right {
 margin: 0 0 5px 15px;
 padding: 0;
}

img.left {
 margin: 0 15px 5px 0;
 padding: 0;
}

#events #content img.special {                  /* Formats Our Lady of La Vang (Vietnamese culture night) */
 padding: 10px 0 0 15px;
}

#history #content img.special {			/* Formats St George's School (Carlton history) */
 padding: 15px 15px 5px 0;
}

table {
 
 margin: 0 auto;
 padding: 0;
 width: 100%
}

table table {
 background: none;
 width: auto;
}

#banner {
 background: #fff url(images/bannerBG.gif)  repeat-x 0 0;

 margin: 0;
 padding: 0;
 width: 100%;
 height: 110px;
}

#banner img {
 margin: 0;
 padding: 0;
}

#menu 
{
	
 position: relative;
 float: left;
 left: 0;
 top: 0;
 margin: 0;
 padding: 0;
 width: 200px;
}

#menu ul {
 list-style-type: none;
 border-top: 1px solid #fff;
 margin: 0;
 padding: 0;
}

#menu ul li {
 background: transparent url(images/menuLinks.gif) no-repeat 0 0;
 line-height: 25px;
 border-bottom: 1px solid #fff;
}

#menu ul li:hover {
 background: transparent url(images/menuLinks.gif) no-repeat 0 -26px;
}

#menu ul li a {
 display: block;
 color: #009;
 margin: 0;
 padding: 0 0 0 30px;
}

#menu #actsect {
	 background: transparent url(images/menuLinks.gif) no-repeat 0 -52px;
}
#menu #actsect:hover {
	 background: transparent url(images/menuLinks.gif) no-repeat 0 -78px;
}
#menu #sub {
	 background: transparent url(images/menuLinks.gif) no-repeat 0 -104px;
}
#menu #sub:hover {
	 background: transparent url(images/menuLinks.gif) no-repeat 0 -130px;
}




#menu ul li a:hover {
 color: #c00;
 text-decoration: none;
}

#menu p {
 line-height: 120%;
 margin: 0;
 padding: 1em 0 0 30px;
}

#content {
 position: relative;
 float: left;
 top: 0;
 left: 20px;
 margin: 0;
 padding: 0;
 width: 100%;
}

#index #content, #events #content {
 width: 600px;
}

#content h1 {
 color: #990000;
 margin-bottom: .5em;
 padding: 5px 0 0 0;
}

#trustees #content h1 {
 margin-bottom: 1.5em;
}

#content h2, #content h3 {
	color: #990000;
	margin: .5em 0 0.5em 0;
	padding: 0;
}

#pdvquote, #mannixquote, #darcyquote, #pellquote {
 position: relative;
 margin: 10px auto;
 padding: 0;
 width: 430px;
}

#pdvquote {
 background: #fff url(images/bg.quote.jp2.jpg) no-repeat top center;
}

#mannixquote {
 background: #fff url(images/bg.quote.mannix.jpg) no-repeat top center;
}

#darcyquote {
 background: #fff url(images/bg.quote.darcy.jpg) no-repeat top center;
}

#pellquote {
 background: #fff url(images/bg.quote.pell.jpg) no-repeat top center;
}

#pdvquote p, #mannixquote p, #darcyquote p, #pellquote p {
 color: #666;
 line-height: 140%;
 margin: 0;
 padding: 35px 45px 0.5em 45px;
}

#source {
 position: relative;
 background: #fff url(images/bg.source.jpg) no-repeat bottom center;
 margin: -10px auto 0 auto;
 padding: 0 0 20px 0;
 width: 430px;
}

#source p {
 color: #666;
 text-align: right;
 margin: 0;
 padding: 10px 45px 10px 0;
}

#footer {
 font: 10px Arial;
 color: #aaa;
 text-align: center;
 margin: 0 0 0 200px;
 padding: 10em 0 1em 0;
 width: 700px;
}

#footer a {
 color: #aaa;
}

#footer a:hover {
 color: #c00;
}

#masthead h1 {
 margin: 0;
 padding: 0;
}

#masthead h3 {
 margin: 150px 0 0 0;
}

#masthead h4 {
 margin: 0.5em 0 0 0;
}

#trustees #content ul, #vocationdirectors #content ul, #saints #content ul {
 list-style-type: none;
 margin: 20px 0 0 0;
}

#trustees #content ul li, #vocationdirectors #content ul li, #saints #content ul li {
 font-size: 100%;
 margin: 0;
 padding: 0 0 40px 0;			/* Formats vertical space between each trustee picture */
}

#saints #content ul li strong {
  font: bold 100%/150% Verdana;
}

#trustees #content ul li img, #saints #content ul li img, #vocationdirectors #content ul li img {
 border: 1px solid #fff;		/* Formats border around trustee picture */
 margin: 0 15px 5px 0;			/* Formats space between trustee picture and accompanying text */
 padding: 0;
}

#thirdcol {
 position: relative;
 float: right;
 left: 0;
 top: 50px;
 margin: 0;
 padding: 0;
 width: 200px;
}

#thirdcol h3 {
 text-align: center;
 font-weight: normal;
 font-size: 100%;
 border-bottom: 3px double #666;
 border-top: 3px double #666;
 margin: 0;
 padding: 0;
}

#thirdcol ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#thirdcol ul li {
 border-bottom: 1px solid #666;
 text-align: center;
}

#thirdcol ul li a {
 display: block;
}

#thirdcol ul li a:hover {
 color: #fff;
 background-color: #dc5;
 text-decoration: none;
 text-align: center;
}

#thirdcol p.caption {
 color: #990000;
 font-size: 80%;
 line-height: normal;
 text-align: center;
 margin: 0;
 padding: 0.2em 0 2em 0;
}