* { position: relative;
	margin: 0; 
	padding: 0; 
	border:0; }
html {  margin: 0; padding: 0;
        }
body { text-align: center;
	font-size: 62.5%;
        line-height: 1.5em;
        font-family: Verdana, Arial, sans-serif;
        color: #235;
        background: #d7dbde url(/images/stgerards-bg-m.jpg) repeat-y center top;
        }
p { padding: 10px 5px;
    font-size: 1.2em;
    line-height: 1.3em;}
h1 { font-size: 2.1em;
     font-family: "trebuchet ms", Verdana, Arial, sans-serif;}
h2 { font-size: 2em; 
     font-family: "trebuchet ms", Verdana, Arial, sans-serif;}
h3 { font-size: 1.6em;
     font-family: "trebuchet ms", Verdana, Arial, sans-serif;}
h4 { font-size: 1.2em;
     font-family: "trebuchet ms", Verdana, Arial, sans-serif;}
h5 { font-size: 1.5em;
     font-family: "trebuchet ms", Verdana, Arial, sans-serif;
     line-height: 1.4em;}
h6 { font-size: 1.3em;  
     line-height: 1.5em;
     font-family: "trebuchet ms", Verdana, Arial, sans-serif;
     text-align: center;}
    
td { }
a:link {text-decoration: none; color: #0049D8;}
a:visited {text-decoration: none;  }
a:hover { text-decoration: none; color: #fff; background:#0049D8;}
a:active {text-decoration: none;  }
.clear {clear: both;}
.hidden {display: none;}  
.small {font-size:0.8em;}

.wrapper { position: relative;
           width: 800px;
	   text-align: left;
	   margin: 0 auto;
	   padding-top: 10px;
	   /* padding-top: 140px; */
	   font-size: 1.3em;
	   line-height: 1.5em;
	   background: url(/images/stgerards-bg-t.jpg) center top no-repeat;
			}

#header { background: #fff url(/images/stgerards-header-bg.jpg) center bottom repeat-x;
          WIDTH: 100%;
          position: relative; }
#header p {text-align: right;
           font-size: 1.4em;
           line-height: 1.6em;
           color: #224B9B;
           width: 300px;
           float: right;}

.thin-col {width: 190px;
           float: left;}

.thin-col.mid {width: 195px;}

#content {float: right;
          width: 600px}
#content p {  margin-left: 50px;}

#content ul, #content ol {margin: 10px 20px 20px 75px;
             font-size: 1.3em;
             line-height: 1.3em;
             }
#content ul li, #content ol li {margin: 10px 0px;}

/* Testimonial on the left */
#content q, #content cite
			{color: #426bab;
			margin:20px 80px 5px 80px;
			 display: block;
			 font-family: Georgia, "Times New Roman", Times, serif;
			 font-size: 1em;
			 line-height: 1.5em;}
#content q:before, #content q:after
				  {color: #4f458c;
					font-size: 2em;}
#content cite {text-align: right;
		font-weight: bold;
		margin:0px 60px 30px 60px;}


/* Headings */
#content h3, #content h4
             {background: url(/images/h3-m.jpg) 0px 0 repeat-y;
              border-bottom: 1px solid #fff;
             color: #fff;
             width: 600px;}
#content h3 span, #content h4 span
                   {background: url(/images/h3-t.jpg) 0px 0 no-repeat;
                  display:block;
                  padding-top: 22px;
                  }
#content h3 strong, #content h4 strong
                 {background: url(/images/h3-b.jpg) 0px 100% no-repeat;
                  display:block;
                  padding-bottom: 22px;
                  padding-left: 30px;
                  margin-bottom: -5px;
                  }
#content h5 {margin: 10px 30px 10px 60px  ;
             color: #0F398C ;}
#content h6 {margin: 10px 30px 10px 60px  ;
             color: #224B9B ;}

/* Colour Coded Headings */

#about #content h3,
#about #content h4
             {background-image: url(/images/h3-about-m.jpg);}
#about #content h3 span,
#about #content h4 span
             {background-image: url(/images/h3-about-t.jpg);}
#about #content h3 strong,
#about #content h4 strong
              {background-image: url(/images/h3-about-b.jpg);}

#senior #content h3,
#senior #content h4
             {background-image: url(/images/h3-senior-m.jpg);}
#senior #content h3 span,
#senior #content h4 span
             {background-image: url(/images/h3-senior-t.jpg);}
#senior #content h3 strong,
#senior #content h4 strong
              {background-image: url(/images/h3-senior-b.jpg);}

#junior #content h3,
#junior #content h4
             {background-image: url(/images/h3-junior-m.jpg);}
#junior #content h3 span,
#junior #content h4 span
             {background-image: url(/images/h3-junior-t.jpg);}
#junior #content h3 strong,
#junior #content h4 strong
              {background-image: url(/images/h3-junior-b.jpg);}

#about #content h3, 
#about #content h4
             {background-image: url(/images/h3-about-m.jpg);}
#about #content h3 span, 
#about #content h4 span
             {background-image: url(/images/h3-about-t.jpg);}
#about #content h3 strong,
#about #content h4 strong
              {background-image: url(/images/h3-about-b.jpg);}

#performance #content h3,
#performance #content h4
             {background-image: url(/images/h3-performance-m.jpg);}
#performance #content h3 span,
#performance #content h4 span
             {background-image: url(/images/h3-performance-t.jpg);}
#performance #content h3 strong,
#performance #content h4 strong
              {background-image: url(/images/h3-performance-b.jpg);}

#admission #content h3,
#admission #content h4
             {background-image: url(/images/h3-admission-m.jpg);}
#admission #content h3 span,
#admission #content h4 span
             {background-image: url(/images/h3-admission-t.jpg);}
#admission #content h3 strong,
#admission #content h4 strong
              {background-image: url(/images/h3-admission-b.jpg);}

#fees #content h3,
#fees #content h4
             {background-image: url(/images/h3-fees-m.jpg);}
#fees #content h3 span,
#fees #content h4 span
             {background-image: url(/images/h3-fees-t.jpg);}
#fees #content h3 strong,
#fees #content h4 strong
              {background-image: url(/images/h3-fees-b.jpg);}

/* Logo*/
#logo {
        top: 0; left: 0;
       width: 229px;
       float: left;
       padding-bottom: 15px;
       }
#logo a {position: relative;
         top: 5px;left: 20px;
         background: url(/images/stgerards-content-logo.png) 0 0 no-repeat;
         height: 54px; width: 229px;
         display: block;
         text-indent: -9000px;
       }

/* Content Page Intro Panels */
h2#intro {
          /*width: 600px; height: 200px;*/
          padding: 40px 0 40px 40px; margin: 15px 0;
          background: url(/images/intro-about.jpg) 0 0 no-repeat;
          font-size: 1.2em;
          line-height: 1.3em;
          }
h2#intro span {
          display: block;
          margin:0;
          padding: 20px;
          background: url(/images/white-bg.png) 0 0 repeat;
          }
/* Personalised Intro Backgrounds */
#about h2#intro {background-image: url(/images/intro-about.jpg);}
#senior h2#intro {background-image: url(/images/intro-senior.jpg);}
#junior h2#intro {background-image: url(/images/intro-junior.jpg);}
#performance h2#intro {background-image: url(/images/intro-performance.jpg);}
#admission h2#intro {background-image: url(/images/intro-admission.jpg);}
#fees h2#intro {background-image: url(/images/intro-fees.jpg);}          
#location h2#intro {background-image: url(/images/intro-location.jpg);}


/* Polaroid with Business Card Links to Contact Page*/
#businesscard {position: absolute;
		top: 0px; right: 0px;
		height: 176px; width: 402px;
		margin: -25px 0 0 0; padding:0;}
#businesscard a {position: relative;
				 top: 0px; left: 0px;
				background: url(/images/polaroids.png) top right no-repeat;
				height: 176px; width: 402px;
				display: block;
				text-indent: -5000px;
         }

/* Note */
.note {width: 300px;
       margin: 10px 0;
       z-index: 10;
		}
#content .note {margin : 10px ;
                float: right;}
.note .note-middle {background:  url(/images/stgerards-note-m.png) 0 0 repeat-y;
		 font-family: georgia, Times, serif;
		 width: 300px;
		 font-size: 0.9em;
		 margin:0;}
.note p, #content .note p { padding: 7px 25px; margin:0;}
.note .note-top {background:  url(/images/stgerards-note-t.png) 0 0 no-repeat;
				width: 300px;
				height: 20px;
				padding: 0;}
.note .note-bottom {background:  url(/images/stgerards-note-b.png) 0 0 no-repeat;
				width: 300px;
				height: 22px;
				padding: 0;}
/* Download Prospectus Panel */
.panel {margin:10px 0px 5px 10px;
        background: url(/images/panel1-m.jpg) center top repeat-y;
        }
.panel h2 {padding: 15px 5px 50px 5px;
           margin: 0;
           margin-bottom: -49px;
           color: red;
           font-weight:normal;
           font-size: 1em;
           background: url(/images/panel1-t.jpg) center top no-repeat;}
.panel p {font-size: 0.8em;}
.panel .bottom {
                 line-height: 1.3em;
                padding: 15px 20px 20px 20px;
           background: url(/images/panel1-b.jpg) center bottom no-repeat;}
.download {text-align: center;}
.download img {margin: 0;}

/* News Panel */
.news {background: url(/images/panel2-m.jpg) top center repeat-y;
		font-size: 0.7em;
		width: 183px;
		margin: 15px 0 15px 10px;}
.news h2 {width:183px;
	   font-size: 1.8em;		}
.news h2 span {
		display: block;
		font-family: georgia, times, serif;
		text-align: center;}
.news h2 span a {color: #fff;
                 background: url(/images/panel2-t.jpg) top center  no-repeat;
                 display: block;
		margin: -1px 0 -70px 0;
		padding: 20px 20px 70px 20px;
                 }
.news h2 span a:hover { background: url(/images/panel2-tb.jpg) top center  no-repeat;
                        color: #2F5B83 ;}
.news p {margin:0; padding:3px 0;}

.news  a { color: #322D70;}
.news  a:hover { color: #fff; background: #322D70;}
.news p.news-more {background: url(/images/panel2-b.jpg) bottom center no-repeat;
		  padding: 2px 22px 24px 22px;
		  }
.news .news-more a { font-weight: bold;
		     font-size: 1.1em;
		     line-height: 1.3em;
		     display: block;
		     color: #fff;
		     }
.news .news-more a:hover { color: #fff;
                           background: #314D7D;}

dl.news-list {margin: 10px 22px 0px 22px;
              padding: 0;
              }
dl.news-list dt {
                 font-family: georgia, Times, serif;
                    display: block;
                    }
dl.news-list dt a { display: block;}
dl.news-list dt a:hover {
                          display: block;
                          color: #fff;
                          background: none;}
dl.news-list dt strong { font-size: 1.3em;
			 display: block;}
dl.news-list dt em { font-size: 1.1em;
                     display: block;}
dl.news-list dd {
		  color: #fff;
		  line-height: 1.4em;}
dl.news-list dd a.more {text-align: right;
		   margin: -5px 0 15px 0;
		   padding-bottom: 5px;
		   display: block;
		  border-bottom: 1px solid #30649E;}

/* Pinned News Items */
dl.news-list dt.pinned strong a { font-size: 1.1em;
                                color: #DDE8FF;
                                background: url(/images/star1.gif ) 0 0 no-repeat;
                                text-indent: 20px;
                                font-weight:bold;}
dl.news-list dt.pinned strong a:hover {
                                color: #fff;
                                background: url(/images/star2.gif ) 0 0 no-repeat;}
                                
/* News in the main page */
#content dl.news-list {margin: 10px 15px 0 30px;
              padding: 0;
              font-size: 0.9em;
              }
#content dl.news-list dt {margin-top: 15px;}              
#content dl.news-list dt a:hover {
                          display: block;
                          color: #000;
                          background: none;}
#content dl.news-list dd  {padding: 0 20px;
                           margin-bottom: 10px;
                           border-bottom: 1px solid #ffc;
                           position: relative; display: block;}
/*
#content dl.news-list dd p {color: #666; margin:0; padding:2px 0;
                            height: 3.9em;
                            overflow: hidden;}
*/
#content dl.news-list dd p {color: #666;
                            margin:0;
                            padding:5px 0;}
#content dl.news-list dd a.more {border:0;}

/* Pinned Content News Items */
#content dl.news-list dt.pinned {background: #ffe;
                                 padding: 20px;
                                 border: 1px solid #ffc;
                                 border-bottom:0;
                                 font-size: 1.2em;}
#content  dl.news-list dd.pinned  {background: #ffe;
                                 border: 1px solid #ffc;
                                 border-top:0;
                                 }
#content dl.news-list dt.pinned strong a {
                                color: #6D8BF3;
                                background: url(/images/star1.gif ) 1px 1px no-repeat;
                                text-indent: 22px;}
#content dl.news-list dt.pinned strong a:hover {
                                color: #D08B13;
                                background: url(/images/star3.gif ) 0 0 no-repeat;}
.caption {position: relative;
                font-size: 0.8em;
                font-style: italic;
                width: 250px;
                float: right;
                margin: 10px;
                z-index: 10;}
.caption.right {float: right;}
.caption.left {float: left;
                margin-left: 55px;}
.caption img {width:100%;}
#content .caption p {margin:0; color: #444;}
.caption a .magnifier {position: absolute;
            z-index: 20;
            right:0;
            margin: 10px;
            height: 31px;
            width:33px;
            background: url(/images/magnifier.png) 0 0 no-repeat;
            display:none ;}
.caption a:hover .magnifier {display:block;}

/* Admin */
#admin .thin-col {display: none}
#admin #content {width: 100%;}


/* Tabular Data for Results */
table.results {margin: 10px auto;}
.results caption { margin: 10px auto;
                   font-weight: bold;}
.results th {
  background-color: #CEDBED;
  border-bottom: 1px solid #036;
  color: #036;
  font: .9em Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-weight: 500;
  padding: 10px;
}
.results td {
  border-right: 1px dotted #eef;
  border-bottom: 1px solid #eee;
  padding: 5px 10px;
}
.results td span{color:red;}

/* Footer */
#footer { width: 100%; height: 92px;
          position: relative;
		margin: 10px 0; padding: 0;
		background: url(/images/stgerards-foot-m.png) 0 0 repeat-x;
		clear: both;
                  text-align: center;
		}
#footer-l {width: 50px; height: 92px;
		margin: 0;
		background: url(/images/stgerards-foot-l.png) 0 0 no-repeat;
         	position: absolute;
		top:0; left: 0; }
#footer-r {width: 68px; height: 92px;
		margin: 0;
		background: url(/images/stgerards-foot-r.png) 100% 0 no-repeat;
		position: absolute;
		top:0; right:0;}



#footer ul.infomenu {	list-style-type: none;
			float: right;
			padding: 30px 70px 0 0;
			display: block;
			width: 700px;
			font-size: 1.2em;
			text-align: right;
			z-index: 10;
			}
#footer ul.infomenu li {display: inline;}

#footer a {color: #fff;
           padding: 0 5px;
                        border-right: 1px solid #B2D0EA;}


/* Copyright and stuff */
#footer #bluesky {position: relative;
                  width: 800px;
                  margin: 0px auto;
                  z-index: 5;
                  }
#footer #bluesky p {
                    width: 270px;
                    text-align: left;
                    float: left;
                    padding: 14px 0 0 0;
                  font-size: 0.9em;
                  line-height: 1em;}
#footer #bluesky ul.infomenu {	padding: 0px;
				width: 450px;
                    padding: 14px 0 0 0;
                  font-size: 0.9em;
                  line-height: 1em;}
/* Styling Forms */
fieldset {
  padding: 1.2em 1em;
  border-top: 1px solid #59f;
  font-size: 1.3em;
  font-family: verdana, arial, sans-serif;
  }
label {
  float:left;
  width:40%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight: bold;
  clear: both;
  }
input, select, textarea {border: 1px solid #666; margin: 3px 1px;}

/* Calendar */
ul#calendar * {position:static;}
ul#calendar {padding:0; margin: 20px 55px;
            list-style-type:none;
            width:181px;
            position:relative;
            font-family:arial, sans-serif;
            font-size:10px;
            border:1px solid #3A6B96;
            background:#B1CFE9 url(/images/calendar.jpg) 0 0 repeat-x; height:180px;}
ul#calendar li.top {display:block; float:left; width:30px; height:30px; text-align:center; margin:5px 0 55px 0;}
ul#calendar li.bottom {display:block; float:left; width:30px; height:30px; text-align:center; margin:55px 0 0 0;}
ul#calendar li a, ul#calendar li a:visited {text-decoration:none; display:block; color:#000; font-weight:bold;}
ul#calendar li a.month_bot, ul#calendar li a.month_bot:visited {text-decoration:none; display:block; color:#000; font-weight:bold; margin-top:14px; width:30px;}


ul#calendar table {font-size:10px; background:#BDDDF9; border-collapse:collapse; width:177px;}
ul#calendar tbody td {text-align:center; background:#fff; border:1px solid #aaa; padding:0; width:25px; height:17px; margin:0;}
ul#calendar tbody td.blank {background:#BDDDF9;}
ul#calendar caption {font-weight:bold; font-size:11px;}
ul#calendar thead th {color:#3E6587; font-size:9px;}
ul#calendar tfoot td {text-align:center; color:#840; font-size:9px;}


ul#calendar td a, ul#calendar td a:visited {color:#345;
               text-decoration:none;
               display:block;
               width:100%; height:100%;
               line-height:15px;
               background: #FFFBBB;}
ul#calendar table {visibility:hidden;position:absolute; top:-99999px; left:2px;}

ul#calendar li a.month_top:hover {border:0; height:30px;
                                    background: none;}
ul#calendar li a.month_bot:hover {border:0; margin:0; padding-top:14px;
                                    background: none;}
ul#calendar :hover table {visibility:visible; top:25px; left:2px;}
ul#calendar :hover table :hover {background: #FFFEDB;cursor:pointer;}