/* 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 682: hours.php */







body {
	background:url("/images/mainbg.jpg") #1d3a6b repeat-x;	
	font-family: 'Trebuchet MS',Tahoma; 
	font-weight: normal; 
	color: #000; 
	font-size: 85%;
	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;
	font-size:0.8em;
	}
	
	
/*********************************************/	
/* 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.hpll:link, a.hpll:active , a.hpll:visited,
a.hplr:link, a.hplr:active , a.hplr:visited    {
	position:relative;
	z-index:59;
	font-weight: bold;
	color: #444;
	margin: 0px 0px 0px 5px;
	padding:0px;
	-moz-margin:0px 0px 0px 5px;
	text-decoration: none;
	line-height: 2em;
	text-indent: 0px;
	}
a.hpll:hover , a.hpll:active:hover, a.hpll:visited:hover,
a.hplr:hover , a.hplr:active:hover, a.hplr:visited:hover    {
	z-index:60;
	font-weight: bold;
	color: #444;
	vertical-align: bottom;
	margin: 0px 0px 0px 5px;
	padding:0px;
	-moz-margin:0px 0px 0px 5px;
	text-decoration: underline;
	line-height: 2em;
	text-indent: 0px;
	}
a.hpll span, a.hpllb span,
a.hplr span, a.hplrb span{
	display: none;
    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.hpll:hover span, a.hpllb:hover span,
a.hplr:hover span, a.hplrb: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.hpll span,
a.hplr span{
    left:174px;
    l/eft:179px;
	top:-3px;
	}
a.hpllb span,
a.hplrb span{
    left:179px;
	top:-75px;
	}
a.hpli img, a.hpli:active img , a.hpli:visited img {
	border:0px;
	position:relative;
	vertical-align: bottom;
	margin: 0px;
	padding:15px 0px 0px 5px;
	-moz-margin:15px 0px 0px 5px;
	}
a.hpli:hover img, a.hpli:active:hover img, a.hpli:visited:hover img  {
	border:0px;
	position:relative;
	vertical-align: bottom;
	margin: 0px ;
	padding:15px 0px 0px 5px;
	-moz-margin:15px 0px 0px 5px;
	}
	
	

	
/*************************************************************/	
/* 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:.95em;
	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:.95em;
	color: #faf0b4;
	background-color: #213a6a;
	text-decoration: none;
	vertical-align: top;
	text-align: center;
	margin: 1pt;
	padding: 0pt;
	border:0px;
	height: 18px;
	}
/*************************/
/* Styles for the footer */
/*************************/
	
.footer {
	font-size: .70em;
	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;
}
/* 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;
		}