@charset "utf-8";
/* CSS Document */

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}


body 
  {
  text-align:center; /* IE6 needs this to center the layout in the browser window */
  font: 1em verdana, helvetica, arial, sans-serif; /* 1em = 16pts */
  }
h1, h2, h3, h4, h5, h6,  
    {
	font-family: 'Trebuchet MS', Verdana,  serif;
	} 
/* TEXT COLORS */
h1 {                        
	text-align:center;	
	margin-bottom:0;
	}
	
h2 {font-size:1.375em;   /* 22pt */
	line-height:1.25;
	color:#142C5D;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
    color:#1D457A;
	}	
h3 span.small
    {
	color:#CCCCCC;
	font-size:.7em; 
	line-height:1.25; /* on 15pt */
    }	
.events_text 
{
font-style:italic;
font-size:12px;
color:#999999;
}	
h4 {font-size:1em; /* 16pt */
	line-height:1.25;
	color:#23518E;
	}
h5 {font-size:.85em; /* 13pt */
    color:#5681AD;
	}

p  {
	color:#000;
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}	
	
/* Begin Header Style */		
#header h1 {              /* needed to center st pats logo in header */
	text-align:center;	
	}	
	
/* End Header Style */		
	
	
/* Begin Content Style */	

#tabposition
 {
 float:left;
 }

#content h3 {
	margin-top:10px;
	margin-bottom:15px;	
	}
#content h5 {
	margin-top:3px;
	margin-bottom:3px;	
	}	
#content_index h3 {
	margin-top:10px;
	margin-bottom:8px;	
	}	
ul li .sub_list{
    font-size:1.175em;
	list-style-type:circle;
	}

#content ul, #content dl, #content ol 
    {
	margin:0 1em .75em 1em;  
	font-size:.8em;
	line-height:1.5;
	}
#content li 
    {	
	padding:0em 0em; /* lists without specific classes */
    margin-left:2em;
	}
	.head_img
    {
	margin-top:7px;
	margin-bottom:10px;	
	}	
.img_bottom
    {
	border:none;
	margin:0px;
	padding:0px;
	}
.img_ceter
    {	
    text-align:center;	
	}
	
img {
	border:0;
	}
	
#nav ul, #nav a {
	color:#000000;
	}
#content a, #nav a:hover
    {
	color:#245BB5;
	}
#content a:hover, #nav a:hover 
    {
	color:#788FB5;
	}	
#footer p {
	margin:0;
	}



.headerspace
  {
  margin:30px 0px 15px 0px;
  float:left; 
  }	
.float_left {float:left; margin: 0px 5px 20px 0px;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0px 0px 20px 5px;} /* apply this class to any image or element with width  - text will wrap it to the left */
.nospacefloat_right
  {
  float:right; 
  margin:0px 0px 15px 0px;
  position:relative;
  }  
.floatmoreleft {float:right;  margin: 0px 15px 0px 0px;}
.floatmoreleft_right {float:right;  margin: 0px 15px 20px 0px;}
.floatdown_left {float:left; margin: 0px 5px 0px 0px;}
.floatdown_right {float:right;  margin: 60px 0px 0px 10px;} 
.floatup_right {float:right;  margin: 15px 0px 0px 5px;} 
#clearfloat
  {
  clear:both;
  margin:0px;
  padding:0px;
  }

/* Styles for tables within tabs*/
table {	
	margin:10px;
	border-collapse:collapse;
	font-size:11px;
	width:620px;	
	 
	}
table th {
	color:#000;	
	font-size:10px;
	border:none;
	}
table td	{
	border:none;
	color:#333333;
	}
table td, table th	{
padding:5px 5px 3px 0;
text-align:left;
vertical-align:text-top;

}


.cl_1
{
width:120px;
}
.cl_2
{
width:70px;
}
.cl_3
{
width:115px;
}
.cl_4
{
width:266px;
}
/* Styles for tabs*/
p  {
	padding:5px;
	margin:0px 0px 0px 5px;
	width:650px;
	color:#000;
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
p.head  {
	padding:5px;
	margin:0px 0px 0px 5px;
	width:650px;
	font-weight:bold;
	color:#000000;
	font-size:.85em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
#JanB {
 position:absolute; 
 left:128px; 
 top:150px; 
 width:676; 
 display:inline-table;
 height:130px; 
 z-index:25; 
 background-color:#DCE871; 
 layer-background-color:#DCE871; 
 border: 1px none #FFF; 
 visibility: hidden;
 }
#JanS
{
 position:absolute; 
 left:128px; 
 top:150px; 
 width:676px; 
 height:40px; 
 z-index:24; 
 visibility: visible; 
 background-color:#DCE871; 
 layer-background-color:#DCE871; 
 border:none;
 }

#FebB
{
 position:absolute; 
 left:128px;  
 top:190px; 
 width:676px; 
 display:inline-table;
 height:130px; 
 z-index:23; 
 background-color: #9EE6E2; 
 layer-background-color: #9EE6E2; 
 border: 1px none #FFF; 
 visibility:hidden;
 }
#FebS
 {
 position:absolute; 
 left:128px; 
 top:190px; 
 width:676px; 
 height:30px; 
 z-index:22; 
 visibility: visible; 
 background-color: #9EE6E2; 
 layer-background-color: #9EE6E2; 
 border:none;
 }
#MarchB
 {
position:absolute; 
left:128px; 
top:220px; 
width:676px; 
height:130px; 
display:inline-table;
z-index:21; 
background-color: #F2CD8C; 
layer-background-color: #F2CD8C; 
border: 1px none #FFF; 
visibility:hidden;
} 
#MarchS
 {
 position:absolute; 
 left:128px; 
 top:220px; 
 width:676px; 
 height:30px; 
 z-index:20; 
 visibility: visible; 
 background-color: #F2CD8C;  
 layer-background-color: #F2CD8C; 
 border:none;
 }
 
#AprilB
 {
position:absolute; 
left:128px;  
top:250px; 
width:676px; 
height:130px; 
display:inline-table;
z-index:19; 
background-color: #8CBAF2; 
layer-background-color: #8CBAF2;
border: 1px none #FFF; 
visibility: hidden;
 } 
#AprilS
 {
position:absolute; 
left:128px;  
top:250px; 
width:676px; 
height:30px; 
z-index:18; 
visibility: visible; 
background-color: #8CBAF2; 
layer-background-color: #8CBAF2;
border:none;
 }
 
#MayB
 {
position:absolute; 
left:128px;  
top:280px; 
width:676px; 
height:130px; 
display:inline-table;
z-index:17; 
background-color: #D5A3D7; 
layer-background-color: #D5A3D7; 
border: 1px none #FFF; 
visibility: hidden;
 }
#MayS
 {
position:absolute; 
left:128px;  
top:280px; 
width:676px; 
height:30px; 
z-index:16; 
visibility: visible; 
background-color: #D5A3D7; 
layer-background-color: #D5A3D7; 
border:none;
 }
 
#JuneB
 {
position:absolute; 
left:128px; 
top:310px; 
width:676px; 
height:130px;
display:inline-table;
z-index:15; 
background-color: #EDE58B; 
layer-background-color: #EDE58B;
border: 1px none #FFF; 
visibility: hidden;
 }
#JuneS
 {
position:absolute; 
left:128px; 
top:310px; 
width:676px; 
height:30px; 
z-index:14; 
visibility: visible; 
background-color: #EDE58B;
layer-background-color: #EDE58B;
border:none; 
 }
 
#JulyB
 {
position:absolute; 
left:128px; 
top:340px; 
width:676px; 
display:inline-table;
height:130px; 
z-index:13; 
background-color: #8BED92; 
layer-background-color: #8BED92;  
border: 1px none #FFF; 
visibility: hidden; 
 }
#JulyS
 {
position:absolute; 
left:128px;  
top:340px; 
width:676px; 
height:30px; 
z-index:12; 
visibility: visible; 
background-color: #8BED92; 
layer-background-color: #8BED92; 
border:none; 
 }
 
#AugB
 {
 position:absolute; 
 left:128px; 
 top:370px; 
 width:676px; 
 display:inline-table;
 height:130px; 
 z-index:11; 
 background-color: #EDA98B; 
 layer-background-color: #EDA98B;  
 border: 1px none #FFF; 
 visibility: hidden;
 }
#AugS
 {
position:absolute; 
left:128px; 
top:370px; 
width:676px; 
height:30px; 
z-index:10; 
visibility: visible; 
background-color: #EDA98B; 
layer-background-color: #EDA98B; 
border:none;
 }
 
#SeptB
 {
 position:absolute; 
 left:128px; 
 top:400px; 
 width:676px; 
 display:inline-table;
 z-index:9; 
 background-color: #82F8D0; 
 layer-background-color: #82F8D0;  
 border: 1px none #FFF; 
 visibility: hidden;
 }
#SeptS
 {
position:absolute; 
left:128px;  
top:400px; 
width:676px; 
height:30px; 
z-index:8; 
visibility: visible; 
background-color: #82F8D0; 
layer-background-color: #82F8D0; 
border:none; 
 }
 
#OctB
 {
position:absolute; 
left:128px;  
top:430px; 
width:676px;
display:inline-table; 
z-index:7; 
background-color: #F7B8E6; 
layer-background-color: #F7B8E6; 
border: 1px none #FFF; 
visibility: hidden;
 }
#OctS
 {
position:absolute; 
left:128px; 
top:430px; 
width:676px; 
height:30px; 
z-index:6; 
visibility:visible; 
background-color: #F7B8E6; 
layer-background-color: #F7B8E6; 
border:none;
 }
 
#NovB
 {
position:absolute; 
left:128px; 
top:460px; 
width:676px; 
display:inline-table;
z-index:5; 
background-color: #FFFF66; 
layer-background-color: #FFFF66;  
border: 1px none #FFF; 
visibility: hidden;
 }
#NovS
 {
position:absolute; 
left:128px; 
top:460px; 
width:676px; 
height:30px; 
z-index:4; 
visibility: visible; 
background-color: #FFFF66; 
layer-background-color: #FFFF66; 
border:none; 
 }
 
#DecB
 {
position:absolute; 
left:128px;  
top:490px; 
width:676px; 
display:inline-table;
z-index:3; 
background-color: #66FF95; 
layer-background-color: #66FF95; 
border: 1px none #FFF; 
visibility: hidden;
 }
#DecS
 {
position:absolute; 
left:128px;  
top:490px; 
width:676px; 
height:30px; 
z-index:2; 
visibility: visible; 
background-color: #66FF95; 
layer-background-color: #66FF95; 
border:none;
 }
 
#bottom
 { 
position:absolute; 
left:128px;  
top:520px; 
width:676px; 
height:55px; 
z-index:1; 
margin-bottom:20px;
visibility: visible; 
background-color: #66FF95; 
layer-background-color: #66FF95; 
border:none;
 }