/* Mrs. Dowd's Teaching Service first completed September 2004                           
/* Last checked and re-ordered: August 2007  */
/*  Any layout area comes before any selector that could be layout sensitive, e.g., a leftColumn image would diff from a boxright image, so leftColumn and boxright precede the image section; same applies to text and links*/

/***********************************************/
/******** PAGE  LAYOUT AREAS  *******************/
/* Layout Divs - From Top Down   */
/***********************************************/
body  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #000;
line-height: 1.166;
margin: 0px;
padding: 0px;
background: #f00 fixed;
}
#masthead{
background-color: #fff;
position: absolute;
top: 2px;
left: 22px;
right: 2%;
width:95.6%;
color: #0066FF;
}
.branding {
font: bold  Arial,sans-serif;
font-style: italic;
color: #f00;
margin: .2em 0 .7em 75px;
}
/**** globalNav styles *******/
#globalNav{
background-color:#06d;
border-top:solid 1px #1C488A;
border-bottom:solid 1px #1C488A;
font-weight:700;
position: relative;
width: 100%;
min-width: 640px;
height: 20px;
color: #fff;
padding: 1px 0 0 0;
margin: 0;
text-align:center;
}
#gnl {
position: absolute;
top: 1px;
left:0px;
}
#gnr {
position: absolute;
top: 1px;
right:0px;
}
#globalLink{
border:solid 1px #06d;
position: absolute;
font-size: 85%;
font-weight:700;
min-width: 640px;
padding: 0px;
margin: 0px;
left: 10px;
z-index: 100;
}
/**  subglobalNav styles **/
.subglobalNav{
position: absolute;
color: #1C488A;
height: 25px;
left:10px;
margin-left: 2px;
padding: 5px 5px;
text-align:center;
top: 138px;
visibility: hidden;
}
/** noscript for subglobalNav **/
noscript {
color: #fff;
top: 126px; left: 4%;
position: relative;
}

/** dynamic subglobal nav links spacing ***/
.five {margin-left:5em;}
.ten {margin-left:10em;}
.fifteen {margin-left:15em;}
.twenty {margin-left:20em;}
.twenty-five {margin-left:25em;}
.thirty {margin-left:20em;}
.thirty-two {margin-left:32em;}
.thirty-five {margin-left:35em;}
.forty {margin-left:40em;}
.forty-two {margin-left:42em;}
.forty-five {margin-left:45em;}
.forty-eight {margin-left:48em;}
.fifty-two {margin-left:52em;}
.fifty-five {margin-left:55em;}

#page{
position:absolute;
top: 174px;
left: 17px;
right: 2%;
width:95.6%;
background-color: #ffffff;
}
#pageTitle {  
border-bottom:2px solid #000;
padding: 10px 0px 14px 10px;
margin: 0px;
}
/**  Coumns and Center Content  Area  **/
#leftcolumn {
background-color: #fff;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
float: left;
font: .8em Verdana,sans-serif;
margin: 0 0 2ex 0;
padding: 0 0 1ex 0;
text-align:center;
width:20%;
}
/** evntually these should all be ID only (#) **/
#content, .content {
line-height: 120%;
margin:0px;
padding: 0px;
}
/** Feature is the main content area 
and  center column content   **/
#feature{
background: #fff;
font:1em 700 Verdana, Arial, Geneva, sans-serif;
float:left; 
height: auto;
line-height: 1.5em;
margin:0 5px; 
min-height: 300px;
padding: 1.5em; 
width:70%; 
}
#featureColumns {
background: #FFFFFF;
font:1em 700 Verdana, Arial, Geneva, sans-serif;
float:left; 
height: auto;
line-height:1.5em;
margin: 0; 
min-height: 300px;
padding: 1.5em; 
width:53%; 
}
/**  rightcolumn  **/
#rightcolumn {
border-bottom: 1px solid #000;
border-left: 1px solid #000;
float: right;
font: .8em Verdana, Arial, Geneva, sans-serif;
margin: 0 0 2ex 0;
padding:0 1px;
text-align: left;
width:20%;
}
.footer {
border-top: solid .1em #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
text-align:center;
text-decoration: none;
margin: 0 0 2% 0;
padding: 1% 0;
width: 100%;
}

/****** ADDITIONAL LAYOUT AREAS ********/
/**  top page  inserts **/
.navtop {
font: 85% Verdana,sans-serif;
font-weight: 600;
position: absolute;
top: 25px;
right: 2%;
}
#masthead  #skipNav {
display: inline;
float: right;
margin: 0 150px 0 0 ;
padding: 0;
}
#cornerTop {
position: absolute;
float: right;
height: 110px;
right: 0px;
top: 0px;
width: 50%;
}
/** bottom of page **/
.validation {
background: #fff;
clear: both;
font-variant: small-caps;
margin: 0;
padding: .4em 0 0 0;
text-align:center; 
}

/** boxes **/
#leftColumnBox {
border: solid .25em #0e4;
margin: 1em auto;
padding: 1em;
}
/** centered box **/
#box, .box {
background-color: #dfefff;
border: 1px solid #3d3be8; /* to match the pyramid blue */
clear: both;
color: #333;
font-size: 1em;
margin: .5em auto;
padding: .1ex .2em 0 .4em; 
text-align:left;
width: 86%;
}
#boxAlert {
border: .3em solid #f00; /* to match the pyramid blue */
color: #333;
font-size: .9em;
font-weight: 600;
margin: 1em auto;
padding: 1em;
width: 98%;
}
#boxright{
color:#00b;
float:right;
font-family:  Verdana, Arial, Geneva, sans-serif;
font-size:.9em;
border-top: 1px solid #aac;
border-right: 2px solid #55a;
border-bottom: 2px solid #55a;
border-left: 1px solid #aac;
line-height:1.4em;
margin: 2em 0 3em 3em;
padding:.3em .5em;
text-align:center;
width:30%;
}
#newsBoxLeft, #newsBoxRight{
color:#000;
float:left;
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 1em;
margin: 3em 0;
padding: .3em .3em;
text-align:center;
width:46%;
}
#newsBoxRight{
margin-left: 1em;
}
#sitemap {
border: solid 1px #f00;
clear: both;
margin: 1.2em;
padding: 0 2%;
width: 796px;
}
hr, #rightcolumn hr, #leftcolumn hr {
border-bottom: solid 1px #000;
clear: both;
height: 1px;
margin: .7em auto .5em;
padding: 0;
padding-left: -2%;
padding-right: -2%;
text-align: center;
width: 100%;
}
#button {
margin: 2ex auto;
text-align: center;
}
/**  tables - used in calendar **/
table {
border: solid 1px #333;
border-bottom: none;
border-right: none;
margin: auto;
padding: 0;
width: 840px;
}
caption {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
th {
border-bottom: solid 2px #555;
border-right: solid 2px #555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: 700;
}
td {
border-bottom: solid 1px #555;
border-right: solid 1px #555;
font-size: .8em;
padding: 1em .5em;
vertical-align: top;
width: 120px;
}
tr.red, td.red {background-color: #f00; color: white;font-weight: 600;}
td.green {background-color: #3a6; color: white;}
td.blue {background-color: #09f; color: white;}
td.orange {background-color: #f60;color: white;}
td.yellow {background-color: #ff0; color: blue; }
caption {font: 1.2em; font-weight: 700;}

/**  Layout Orientation **/
.left {
display:inline;
float:left;
margin: 1.3em;
margin-left: 0;
text-align: left;
}
.right {
display:inline;
float:right;
margin: 1.3em;
margin-right: .5em;
text-align: right;
}
.center {
margin:auto;
margin: 1em;
text-align:center;
}
.clear {
background:transparent;
clear:both;
height:1px;
}

/********************************************/
/*LISTS  */
/********************************************/
ul{
 list-style-type: square;
 margin-left:0;
 padding-left:0;
}

li {
 list-style-type: disc;
 margin-bottom: .5em;
}
ul ul ul{
 list-style-type: none;
}
ul li, .indent {
margin-left: 1.5em;
margin-right: 1.5em;
}
/*#rightcolumn li, 
#leftcolumn li {
font: 90% 500 Verdana, Arial, Geneva, sans-serif;
line-height: 120%;
list-style:disc inside;    
padding: .5em .3em .5em .75em;
}*/
#box ul {
margin: 0;
padding: .2ex 0; 
}
#box li {
font-size: 1em;
list-style:disc inside;    
margin-left: 0;
padding: .2ex 0; 
}
#newsBoxLeft li,
#newsBoxRight li,
#boxright li, 
.box  li {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size:.9em;
line-height:1.5em;
list-style:disc inside;    
margin: 0;
padding: .2ex .2em 0 .4em; 
text-align:left;
}

/********************************************/
/* IMAGES  */
/********************************************/
img, img a:link, img a:visited, img a:hover {
border: solid 1px #fff;
margin:auto;
text-align: center;
}
#pageTitle img{
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	right: 6px;
	left: -6px;
}
#leftcolumn img, .leftcolumn img {
display: block;
margin: auto;
padding: 0 .5em 0 1em;
text-align:center;
/*width: 15em;*/
}
#feature img, #featureColumns img{
border: solid 1px #fff;/*#224*/
margin:1em;
padding:0;
}
#feature img#borderless, #featureColumns img#borderless, #boxright img {
border: solid 1px #fff; 
}
#rightcolumn img {
display: block;
margin: .5em;
margin: auto;
text-align:center;
}
#slideshowMasthead{
position: absolute;
right: 50px;
top: 5px;
background: #fff;
border: solid 1px #fcc;
border-bottom: solid 2px #faa;
border-right: solid 2px #faa;
float: right;
height: 90px;
overflow: hidden;
width: 250px;
}
#slideshowMasthead img {
border: none;
display: none;
margin-top: 0;
margin: auto;
padding: 0;
}
#slideshow450, #slideshowRightColumn  {
display: block;
height: 18.75em;
margin: 0 2%;
overflow: hidden;
padding: 0 2em 1em 2em;
text-align: center;
width: 425px;
}
#slideshow450 img, #slideshowRightColumn img  {
border: solid 2px #336691;
display: none;
position:absolute;
top: 225px; right: 15%;
overflow: hidden;
text-align: center;
}
#slideshowRightColumn {
height: 168px;
margin: auto;
padding: 0;
width: 175px;
}
#slideshowRightColumn img  {
border: none;
top: 263px; right: 5px;
}
/** image where the top of the page
 is curving open, e.g. Ireland **/
#cornerTop img{
position: absolute;
float: right;
height: 110px;
right: 0px;
top: 0px;
}
/** image that floats over the top 
border of content, e.g. Tchr Avail form **/
img#float{ 
border: none; 
float: right; 
margin: -5% 2% 0 0; 
z-index: 4
}
#boxright img {
border:solid 1px #000;
clear:both;
margin:.5em;
text-align:center;
}
.validation img{
border: none;
margin:  0 23% -1.3em;
display: block;
height:31px;
width:88px;
}
/*********************************************/
/*  ADDITIONAL INSERTS */
/***********************************************/


/*********************************************/
/* TYPOGRAPHY */
/***********************************************/
/** header tag styles***/
h1{
 font: bold 130% Arial,sans-serif;
 color: #000;
 margin: 0px;
 padding: 0px;
}
 /**Some screen readers can jump to h1 
 to give page title, so eventually, these 
 #pageTitle should all be h1, and the only 
 h1 one on each page, for accessability access.  **/
 #pageTitle h1, #pageTitle h2{
font: bold 175% Arial,sans-serif;
margin:0px;
padding: 0px;
}
h2{
 font: bold 114% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h4{
 font: 600 1em Arial,sans-serif;
 color: #00f;
 margin: 0px;
 padding: 0px;
 text-align:center;
}
ul h4{
 padding-bottom: 1ex;
}
h5{
 font: 1em Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h6{
 font-size: 1em;
	font-weight:700;
 color:#04f;
 margin: .4em 0;
}
#feature h1, #featureColumns h1, #feature h1 a, #featureColumns h1 a {
font: bold 1.5em Arial, sans-serif;
color: #f00;
}
#feature h1 a:hover, #featureColumns h1 a:hover {
color: #399;
text-decoration:underline;
}
#feature h2, #featureColumns h2{
font: bold 1.5em Arial, sans-serif;
color: #009;
}
#feature h3, #featureColumns h3{
font: bold 1.4em Arial, sans-serif;
color: #009;
padding: 5px 0px 5px 0px;
}
#feature h4, #featureColumns h4 {
font-size: 1.2em;
font-weight:700;
color: #03b;
padding: -1% 0px 1.5em 0;
text-align:left;
}
 #feature h5  {
font-size: 1em;
font-weight:700;
color: #000;
padding: 2em 0px 5px 0;
}
 #featureColumns h5 a {
font: bold 1em;
color: #009;
padding:-1% 0px 5px 0;
text-align:left;
}
 #featureColumns h5 a:hover {
color: #f00;
}
#rightcolumn h2, #leftcolumn h2 { 
color: #f00;
font: bold 3em Arial, sans-serif;
padding: .2em .5em;
text-align:center;
}
#rightcolumn h3, #leftcolumn h3 { 
color: #009;
font: bold 1.4em Arial, sans-serif;
padding: .2em .5em;
text-align:center;
}
#rightcolumn h4, #leftcolumn h4  {
color:#f00;
font-size: 1.3em;
font-weight: 700;
margin:auto;
padding: .2em .5em;
text-align:center;
}
#rightcolumn h5, #leftcolumn h5 {
color: #009;
font-size: 1.1em;
font-weight: 700;
margin:auto;
padding: .3em 0;
text-align:center;
}
#rightcolumn h2, 
#leftcolumn h2,
#rightcolumn h3, 
#leftcolumn h3,
#rightcolumn h4, 
#leftcolumn h4,
#rightcolumn h5, 
#leftcolumn h5 {
margin:0 auto;
padding: .2em 0;
}
#sectionLinks h3{
padding: 10px 0px 2px 10px;
border-bottom: 1px solid #fff; /*#06c;*/
}
#boxright h3, 
#boxright h5 {
color:#009;
font-weight: 700;
margin: 0 auto;
text-align:center;
}
#boxright h4  {
color:#f00;
font-size: 1.4em;
font-weight: 700;
margin: 0 auto;
text-align:center;
}
#cornerTop p {
color: #821403;
font-size:  1em;
font-style: italic;
font-weight: 700;
padding-top: 55px;
padding-right: 112px;
text-align: right;
}
#rightcolumn p, 
#leftcolumn p {
font: 500 100%/130% Verdana, Arial, Geneva, sans-serif;
margin: 0;
padding: .5em .85em;
}
#boxright p,
#newsBoxLeft p, 
#newsBoxRight p,
.box p  {
font: .9em 500 Verdana, Arial, Geneva, sans-serif;
text-align:left;
}
.sitemapEntry {
float: left;
font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
font-size: 1em;
line-height: 1.4em;
margin: 1%;
overflow: hidden;
padding:1em 2em;
}
.small {
font-size: .9em;
text-align:left;
}
.verysmall {
font-size: 70%;
text-align:center;
}
#signature {
color:#FF0000;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:600;
padding-left:2em;
} 
address {
border-bottom: solid 1px #223;
color: #f00;
font-family: Arial, Geneva, sans-serif;
font: 1em  700;
font-style: normal;
margin: 0 0 4px 0;
padding: 0 0 1.3ex 0;
text-align:center;
}
.copyright  {
color: #000;
font: .7em Verdana, Arial, Helvetica, sans-serif;
margin: auto;
padding-bottom: 1.3em;
text-align:center; 
width: 80%;
}
.i, .italic, em {font-style:italic;}
.b, .bold, strong {font-weight:700;}
#map p, #map a {color:#fff; text-align:center;}
.black {color: #000;}
.blue {color:#06f;}
.green {color:#036B4F; }
.red {color: #f00;}
.white {background:#fff;}
.bgblue {background-color: #09f; color: white;}
.bgGreen{background-color: #3a6; color: white;}
.bgorange {background-color: #f60;color: white;}
.bgyellow {background-color: #ff0; color: blue; }

/**************************************************/
/*  ALL LINK STYLES - INCLUDING NAVIGATION
/**************************************************/
a:link {
color: #03f;
text-decoration: none;
}
a:visited{
color:#03f;
text-decoration: none;
}
a:hover{
color: #f00;
text-decoration: none;
}
a.glink, 
a.glink:visited{
border:solid 1px #06d;
border-right: solid 1px #fff;
  font-size: 85%;
  color: #ddf;
margin-top: .3em;
padding: .2em .8em;
}
a.glink:hover{
  background-color: #fff;
border:solid 1px #fff;
border-top:solid 1px #06d;
border-bottom:solid 1px #ddd;
color:#cd2626;
text-decoration: none;
}
.subglobalNav a:link, 
.subglobalNav a:visited {
border: 1px solid #fff;
font-size: 80%;
font-weight:700;
color: #fff;
margin-left: 2px;
padding: 2px 5px;
}
.subglobalNav a:hover{
background-color:#fff;
border: 1px solid #339;
color: #f00;
margin-left: 2px;
padding: 2px 5px;
text-decoration:none;
}

#leftcolumn h1 a:link, 
#leftcolumn h1 a:visited,
#leftcolumn h1 a:active 
#leftcolumn h1 a:hover, 
#leftcolumn h1 a:active, 
#rightcolumn h1 a:link, 
#rightcolumn h1 a:visited,
#rightcolumn h1 a:active 
#rightcolumn h1 a:hover, 
#rightcolumn h1 a:active { 
color: #f00;
}
#rightcolumn h1 a:hover, 
#leftcolumn h1 a:hover{ 
color: #b0f;
}
#rightcolumn a:hover, 
#leftcolumn a:hover  {
text-decoration:underline;
}
.anchor {
font-size: .85em;
margin: auto;
margin-top: -.1em;
margin-bottom: 3em;
}
.top {
font-size: .75em;
margin: 1% auto;
text-align: center;
}
/** skip to content for 508 Access **/
#masthead  #skipNav a {
background: transparent;
color: #fff;
}
#masthead  #skipNav a:focus,
#masthead  #skipNav a:hover,
#masthead  #skipNav a:active {
background:#06d;
color: #fff;
font-variant: small-caps;
margin: 0;
}
#box a, 
#boxAlert a {
color: #024;
}
#box a:hover {
color: #f00;
text-decoration: underline;
}
#boxright a  {
color: #f00;
text-decoration:none;
}
#boxright a:hover  {
color: #f00;
text-decoration:underline;
}
/** sectionLinks styles**/
#sectionLinks {
background-color:#fff;
border-bottom: 1px solid #fff;
margin: 0px;
padding:2px 0px;
text-align:center;
}
#sectionLinks a:link, #sectionLinks a:visited {
display: block;
border-bottom: 1px solid #fff;/*#06c;*/
padding:2px 0px;
color: #009;
}
#sectionLinks a:hover{
border-bottom: 1px solid #06f; /*#06f;*/
background-color: #06f;
color:#fff;
padding:2px 0px;
text-decoration: none;
}
.footer a, 
.copyright a {
color:#00f;
font-size: 1em;
text-decoration: none;
}
.footer a:visited, 
.copyright a:visited {
color: #6600CC;
text-decoration: none;
}
.footer a:hover, 
.copyright a:hover {
color:#FF0000;
text-decoration: none;
 }
.copyright a:active,
.footer a:active{
color:#06f;
text-decoration: none; 
 }
.sitemapEntry  a:link,
.sitemapEntry a:active,
.sitemapEntry a:visited, 
.sitemapEntry a:hover {
border-left: solid .1em #fff;
clear: both;
line-height: 1.6em;
padding: .2em;
text-decoration: none;
}
.sitemapEntry a:hover{
border-left: solid .1em  #cd2626;
color:#fd2626;
}
#button a {
background: #fff url(../images/graphics/redButton.gif) left top no-repeat;
color: #ddd;
padding: 10px 20px;
text-align:center;
}
#button a:hover {
background: #fff url(../images/graphics/blueButton.gif) left top no-repeat;
color: #cfc;
text-decoration: none;
}