/* Line 20: body and header */
/* Line 51: 2 columns in the home page */
/* Line 115: hptll and hptlr: titles in the left and center columns */
/* Line 196: hpl (home page link) and for hpli (a link that is an image in the home page) placed in the left column under hptll or hptlr  */
/* Line 282: hplc (home page link center) and its span placed in the center column */
/* Line 399: text in the span when hovering a link */
/* Line 460: Horizontal menu on all pages */
/* Line 494: footer */
/* Line 523: all other pages (525:op and tdop main table and td on op, 555: title, content, ul, ul li 1, 2, 3, 4) */
/* Line 627: CSS for all gallery pages.  */
 








body {
	background:url("../images/mainbg.gif") #1d3a6b repeat-x;	
	font-family: 'Trebuchet MS',Tahoma; 
	font-weight: normal; 
	color: #000; 
	font-size: 90%;
	fo/nt-size: 90%;
	z-index:10;
	}

a:link, a:visited, a:active  {
	border: 0px; 
	color: #1d3a6b; 
	text-decoration: underline;
	} 
		
a:hover, a:visited:hover, a:active:hover {
	border: 0px; 
	color: #1d3a6b; 
	text-decoration: none;
	}

#header {
	vertical-align: middle;
	color: #000;
	background-color: transparent;
	}
	
	
/*********************************************/	
/* Styles for the 2 columns in the home page */
/*********************************************/

.hp /* global table */ {
	border:0px;
	margin:0px;
	padding:0px ;
	width:1000px;
	-moz-width:1000px;
	height:100%;
	text-align:left;
	vertical-align:top;
	text-indent:0px;
	position:relative;
	display:block;
	background:transparent;
	}
.left /* left column of home page  
	border: 0px 10px 20px 20px;
	margin: 0px 10px 20px 20px;*/{
	padding:0px;
	-moz-padding:0px;
	width:160px; 
	-moz-width:160px;
	height:100%; 
	hei\ght: 100%;
	vertical-align: top;
	left:0px;
	top: 0px;
	background:#cdd4de;
	text-indent:0px;
	z-index:20;
	}
.right /* right column of home page */ {
	border: 0px;
	margin:0px;
	padding:0px 0px 20px 0px;
	-moz-padding:0px 0px 20px 0px;
	width:760px; 
	-moz-width:760px;
	height:100%; 
	hei\ght: 100%;
	vertical-align: top;
	left:0px;
	top: 0px;
	background:#fff;
	text-indent:0px;
	z-index:20;
	}
	
	
/***************************************************************/
/* Style for the titles in the left, center, and right columns */
/* Some titles are not links (hptnol) */
/* Home page title link (hptll and hptllb, hptlr and hptlrb), 
	but the link's only purpose is to have a popup window when hovered. */
/* hptll and hptllb in the left column with the popup to the right of the link */
/* hptlr and hptlrb in the right column with the popup to the left of the link */
/***************************************************************/

.hptitle /* background for hptl and hptnol */ {
	font-weight: bold;
	font-size: 1.15em;
	background-color: #576d91;
	line-height:2em;
    margin: 20px;
    -moz-margin:20px;
	padding: 0px 20px 0px 0px;
	-moz-padding: 0px 20px 0px 0px;
	width:670px;
	}
.hptnol {
	color: #faf0b4;
	font-weight: bold;
	font-size: 1.15em;
	background-color: #576d91;
	line-height:2em;
    margin:15px 0px 15px 15px;
    -moz-margin:15px 0px 15px 15px;
	padding: 0px 15px;
	-moz-padding:0px 15px;
	width:730px;
	}
a.hptll:link, a.hptll:active, a.hptll:visited, 
a.hptlr:link, a.hptlr:active, a.hptlr:visited, 
a.hptllb:link, a.hptllb:active, a.hptllb:visited, 
a.hptlrb:link, a.hptlrb:active, a.hptlrb:visited {
    position:relative; 
    z-index:59; 
    background-color:transparent;
    color:#faf0b4;
    text-decoration:underline;
	padding: 5px 15px;
	-moz-padding:5px 15px;
    }
a.hptll:hover, a.hptll:active:hover, a.hptll:visited:hover {
	z-index:60; 
	background-color:transparent;
    color:#faf0b4;
	text-decoration:none;
	border:0px;
	padding: 5px 15px;
	-moz-padding:5px 15px;
	}
a.hptll span, a.hptlc span, a.hptlr span, a.hptlrdb span, a.hptllb span, a.hptlrb span {
	display: none;
	}
a.hptll:hover span { 
    display:block;
    position:absolute;
    width:300px;
	border:2px solid #444; 
    background-color:#faf0b4; 
    color:#000;
    text-align: center;
    z-index:100;
	text-decoration:none;
	padding:5px;
	}
a.hptlc:hover span {
	display:block;
    position:absolute;
    width:750px;
	border:2px solid #444; 
    background-color:#faf0b4; 
    color:#000;
    text-align: center;
    z-index:100;
	text-decoration:none;
	padding:5px;
    left:-201px; 
	top:-10px;
	}
a.hptll:hover span {
    left:179px;
	top:-5px;
	}
	
	
/************************************************************/
/* Styles for hpll (home page link left column), 
hplr (home page link right column) and their span and for hpli 
(a link that is an image in the home page) 
placed in the left or right column under hptll or hptlr     */
/************************************************************/

a.banner:link, a.banner:active , a.banner:visited {
	position:relative;
	z-index:59;
	margin: 0px 0px 0px 5px;
	padding:0px;
	text-decoration: none;
	text-align:center;
	border:0px;
	text-indent: 0px;
	}
a.banner:hover , a.banner:active:hover, a.banner:visited:hover    {
	z-index:60;
	margin: 0px 0px 0px 5px;
	padding:0px;
	text-align:center;
	border:0px;
	text-decoration: underline;
	text-indent: 0px;
	}
a.banner span{
	display: none;
    position:absolute;
    width:532px;
	border:0px solid #fff; 
    background-color:; 
    z-index:100;
	text-decoration:none;
	padding:0px;
	}
a.banner:hover span{ 
    display:block;
    position:absolute;
    width:450px;
	border:0px solid #fff; 
    background-color:; 
    z-index:100;
	text-decoration:none;
	padding:5px;
	}
a.banner span{
    left:100px;
    l/eft:100px;
	top:-500px;
	}
	
	

	
/*************************************************************/	
/* Style for text in the span when hovering a hptll or hptlr */
/* Style for text in the span when hovering a hpll or hplr */
/*************************************************************/

.firstitem, .firstItem {
	font-weight:normal;
	text-align:justify; 
	line-height: 1.2em;
	text-indent:15px;
	text-decoration: none;
	color:#000;
	padding:0px;
	}
.item, .Item {
	font-weight:normal;
	text-align:justify; 
	line-height: 1.2em;
	text-indent:15px;
	text-decoration: none;
	color:#000;
	padding:5px 0px 0px 0px;
	}
.firstitem, .item {
	font-size:0.9em;
	}
.firstItem, .Item {
	font-size:1em;
	}



/********************************/
/* Horizontal menu on all page */
/********************************/

.topmenulinkactive a, .topmenulinkactive a:visited, .topmenulinkactive a:active, 
.topmenulink a:hover, .topmenulink a:visited:hover, .topmenulink a:active:hover  {
	font-weight: bold;
	font-size:1.05em;
	color: #213a6a;
	background-color: #faf0b4;
	text-decoration: none;
	vertical-align: top;
	text-align: center;
	margin: 1pt;
	padding: 0pt;
	border:0px;
	height: 18px;
	}
.topmenulinkactive a:hover, .topmenulinkactive a:visited:hover, .topmenulinkactive a:active:hover, 
.topmenulink a, .topmenulink a:visited,  .topmenulink a:active {
	font-weight: bold;
	font-size:1.05em;
	color: #faf0b4;
	background-color: #213a6a;
	text-decoration: none;
	vertical-align: top;
	text-align: center;
	margin: 1pt;
	padding: 0pt;
	border:0px;
	height: 18px;
	}
/************************************/
/* Horizontal menu on calendar page */
/************************************/
td.menulink {
	padding: 0px 8px 0px 0px;
	height: 1em;
	border:0px solid #1d3a6b;
	}
td.menunolink {
	font-weight: bold;
	font-size:1em;
	color: #576d91;
	background: #ffffff;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding: 1px 4px;
	border:0px solid #576d91;
	height: ;
	width:;
	}
.menunolink {
	font-weight: bold;
	font-size:1em;
	color: #576d91;
	background: #ffffff;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding: 1px 4px;
	border:0px solid #576d91;
	height: ;
	width:;
	}
.menulink a, .menulink a:visited,  .menulink a:active {
	font-weight: bold;
	font-size:1em;
	color: #1d3a6b;
	background: #ffffff;
	text-decoration: underline;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 1px 4px;
	border:0px solid #1d3a6b;
	}
.menulink a:hover, .menulink a:visited:hover, .menulink a:active:hover  {
	font-weight: bold;
	font-size:1em;
	color: #ffffff;
	background: #576d91;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	margin: 0x;
	padding: 1px 4px;
	border:0px solid #576d91;
	}
/*****************************************/
/* Horizontal menu on photo gallery page */
/*****************************************/
td.galmenunolink {
	font-weight: bold;
	font-size:1em;
	color: #576d91;
	background: #ffffff;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding: 1px 4px;
	border:0px solid #576d91;
	height: 2em;
	width:320px;
	}
.galmenunolink {
	font-weight: bold;
	font-size:1em;
	color: #576d91;
	background: #ffffff;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding: 1px 4px;
	border:0px solid #576d91;
	height: ;
	width:;
	}
.galmenulink a, .galmenulink a:visited,  .galmenulink a:active {
	font-weight: bold;
	font-size:1em;
	color: #1d3a6b;
	background: #ffffff;
	text-decoration: underline;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 1px 4px;
	border:0px solid #1d3a6b;
	}
.galmenulink a:hover, .galmenulink a:visited:hover, .galmenulink a:active:hover  {
	font-weight: bold;
	font-size:1em;
	color: #ffffff;
	background: #576d91;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	margin: 0x;
	padding: 1px 4px;
	border:0px solid #576d91;
	}
/*************************/
/* Styles for the footer */
/*************************/
	
.footer {
	font-size: .80em;
	font-weight: normal;
	vertical-align: top;
	color: #ccc;
	text-align: center;
	background-color: transparent;
	padding: 0px;
	}
.footer a:link, .footer a:visited, .footer a:active {
	font-weight: normal;
	text-decoration: none;
	color: #faf0b4;
	vertical-align: bottom;
	}
.footer a:hover, .footer a:visited:hover, .footer a:active:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #faf0b4;
	vertical-align: bottom;
	}
	
/***********************************/	
/* Styles for all op (other pages) */
/***********************************/
.op   {
	border:0px;
	margin:0px;
	padding:0px ;
	width:780px;
	height:100%;
	text-align:left;
	vertical-align:top;
	text-indent:0px;
	position:relative;
	display:block;
	background:transparent;
	}
	
/* cell in op table */
.tdop  {
	border: 0px;
	margin:0px;
	padding:3px;
	-moz-padding:3px;
	width: 100%; 
	height:100%; 
	hei\ght: 100%;
	vertical-align: top;
	left:0px;
	top: 0px;
	background:transparent;
	text-indent:0px;
	z-index:20;
	}
/* main title on op */
.title1  {
	font-weight:bold;
	font-size:1.6em;
	color: #576d91;
	padding:5px 10px 0px 10px;
}
.title1 span {
	color: #000; 
	font-size: 0.625em;
	font-weight:normal;
}

/* content after a title1 */
.content1  {
	padding:0px 40px 5px 40px;
	text-align:justify;
}
.content1 span  {
	padding:5px 10px 0px 210px;
	text-align:right;
}
/* bold content after a title1 */
.content1b  {
	padding:5px 10px 0px 20px;
	text-align:justify;
	font-weight:bold;
}
/* list inside content1 */
.ul1  { 
	list-style-image: url("../images/liul1.gif");
	list-style-position: outside;
	padding:0px 10px 0px 30px;
	text-align:justify;
	}
/* item in the list inside content1 */
.ul1 li  {
	text-align: justify;
	padding:5px 10px 0px 10px;
	}
/* list inside content1 NO BULLET */
.ul1nb  { 
	list-style-type: none;
	padding:0px 10px 0px 30px;
	text-align:justify;
	}
/* item in the list inside content1 */
.ul1nb li  {
	text-align: justify;
	padding:5px 10px 0px 10px;
	}
	

/* subtitle under title1 */
.title2  {
	font-weight:bold;
	font-size:1.4em;
	color: #576d91;
	padding:5px 10px 0px 20px;
}
a.title2, a.title2:visited, a.title2:active  {
	color: #576d91;
	padding:5px 10px 0px 20px;
	text-decoration: underline;
}
a.title2:hover, a.title2:visited:hover, a.title2:active:hover  {
	color: #576d91;
	padding:5px 10px 0px 20px;
	text-decoration: none;
}
.title2LT  {
	font-weight:bold;
	font-size:1.4em;
	color: #576d91;
	padding:5px 10px 0px 0px;
}
a.title2LT, a.title2LT:visited, a.title2LT:active  {
	color: #576d91;
	padding:5px 10px 0px 7px;
	text-decoration: underline;
}
a.title2LT:hover, a.title2LT:visited:hover, a.title2LT:active:hover  {
	color: #576d91;
	padding:5px 10px 0px 7px;
	text-decoration: none;
}
	/* content after a title2 */
.content2  {
	padding:5px 10px 0px 30px;
	text-align:justify;
}
.content2b  {
	padding:5px 10px 0px 30px;
	text-align:justify;
	font-weight:bold;
}
.content2pers  {
	padding:5px 10px 0px 30px;
	text-indent:15px;
	text-align:justify;
}
/* list inside content2 */
.ul2  { 
	list-style-type: none;
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 20px;
	text-align:justify;
	}
/* item in the list inside content2 */
.ul2 li  {
	background: url("../images/liul2.gif") 0px 8px no-repeat ;
	text-align: justify;
	margin:0px 0px 0px 0px;
	padding:5px 10px 0px 0px;
	text-indent:10px;
		}
/* subtitle under title2 */
.title3  {
	font-weight:bold;
	font-size:1.2em;
	color: #576d91;
	padding:20px 10px 0px 15px;
}
a.title3, a.title3:visited, a.title3:active  {
	color: #576d91;
	padding:5px 10px 0px 30px;
	text-decoration: underline;
}
a.title3:hover, a.title3:visited:hover, a.title3:active:hover  {
	color: #576d91;
	padding:5px 10px 0px 30px;
	text-decoration: none;
}
/* subtitle under title3 */
.title4  {
	font-weight:bold;
	font-size:1.1em;
	color: #576d91;
	padding:0px 0px 10px 0px;
}
.title4 span {
	font-weight:normal;
	font-size:0.9em;
	color: #576d91;
	padding:0px 0px 10px 0px;
}
/* content after a title3 */
.content4  {
	padding:5px 10px 0px 50px;
	text-align:justify;
}
.content5  {
	padding:5px 10px 0px 60px;
	text-align:justify;
}
/* content after a title2 */
.content3  {
	padding:5px 10px 0px 40px;
	text-align:justify;
}
/* title3 5px left padding */
.title3-5lp  {
	font-weight:bold;
	font-size:1.2em;
	color: #576d91;
	padding:5px 10px 0px 5px;
}
/* content3 5 px left padding */
.content3-5lp  {
	padding:5px 10px 0px 15px;
	text-align:justify;
	vertical-align:top;
}
/* list inside content3 */
.ul3  { 
	list-style-type: none;
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 30px;
	text-align:justify;
	}
/* item in the list inside content3 */
.ul3 li  {
	background: url("../images/liul3.gif") 0px 8px no-repeat ;
	text-align: justify;
	margin:0px 0px 0px 0px;
	padding:5px 10px 0px 0px;
	text-indent:10px;
		}
/* list inside content3 no bullets */
.ul3NB  { 
	list-style-type: none;
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 30px;
	text-align:justify;
	}
/* item in the list inside content3 */
.ul3NB li  {
	text-align: justify;
	margin:0px 0px 0px 0px;
	padding:5px 10px 0px 0px;
	text-indent:10px;
		}
/* numbered list inside content3 */
.ol3  { 
	list-style-type: decimal;
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 30px;
	text-align:justify;
	}
/* item in the list inside content3 */
.ol3 li  {
	text-align: justify;
	margin:0px 0px 0px 0px;
	padding:5px 10px 0px 0px;
	text-indent:10px;
		}
/* list inside ul3 */
.ul4  { 
	list-style-type: none;
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 40px;
	text-align:justify;
	}
/* item in the list inside ul3 */
.ul4 li  {
	background: url("../images/liul4.gif") 0px 8px no-repeat ;
	text-align: justify;
	margin:0px 0px 0px 10px;
	padding:5px 10px 0px 0px;
	text-indent:10px;
		}

/* Photo gallery pages with pictures */
/* The #gallery {height} and the #gallery b.default {height} are defined in each individual page because of specific heights are set for longuer captions */
#gallery {width:750px; padding:10px;; border:0px; background: #cdd4de; position:relative; }
#gallery b.default {position:absolute; left:10px; top:-7px; width:560px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:1em; width:500px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:38px; float:left; margin:0 0 15px 5px;}
#gallery ul li a {display:block; width:50px; height:36px; text-decoration:none; border:1px solid #576d91;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:36px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#576d91; background:#576d91;}
#gallery ul li a:hover b {position:absolute; left:-570px; top:0; width:560px; height:440px; text-align:center; background:#cdd4de; z-index:20;}
#gallery ul li a:hover span {display:block; color:#000; font-family:'trebuchet MS', verdana, arial, sans-serif; font-weight:normal; font-size:1em; width:500px; margin:0 auto;text-align:left;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #213a6a;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#213a6a; background:#576d91;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-570px; top:0; width:560px; height:440px; text-align:center; background:#cdd4de; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#000; font-family:'trebuchet MS', verdana, arial, sans-serif; font-weight:normal; font-size:1em; width:500px; margin:0 auto;text-align:left;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #213a6a;}


/* calendar pages */
.calth {width:95px; background:#faf0b4; color:#213a6a; text-align:center;}
.caltd {width:95px; background:#cdd4de; color:#000; text-align:left; vertical-align:top; height:60px;font-size:0.85em; line-height: 0.95em;}
.caltdlinks {background:#fff; text-align:center; vertical-align:middle; padding:0px;}

.calmonthtitle {margin:0px 13px 0px 15px; padding:8px 0px 8px 15px;color:#faf0b4;font-weight: bold; font-size: 1.15em; background: #576d91; line-height:1.4em; }

/* page title: yellow text on blue background */
.titlepage {margin:0px 15px; padding:8px 15px;color:#faf0b4;font-weight: bold; font-size: 1.15em; background: #576d91; line-height:1.4;}