/* CSS Document */
body {background-color: #000066;}

.menu_text, .menu_text a:link, .menu_text a:visited {font-family: "Bodoni MT", Garamond, "Times New Roman"; font-size:16px; color: #000066;}
.menu_text a:hover {color: #FFFFFF; background:#000066;}
.menu_text a:active {color: #FFFFFF; background:#FF0000;}

.page_text, .page_text a:link, .page_text a:visited {
	font-family: "Bodoni MT", Garamond, "Times New Roman";
	font-size:16px;
	color: #000066;
	text-align: center;
}
.page_text a:hover, .page_text a:active {
	color: #FF0000;
	font-weight: bold;
	text-align: left;
}

.boxheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color:#006;
}
.headline {font-family: "Bodoni MT", Garamond, "Times New Roman"; font-size: 36px; font-weight: bold; font-style: italic; color:#000066;}
.subheadline {font-family: "Bodoni MT", Garamond, "Times New Roman"; font-size: 18px; font-style: italic; color:#000066;}
.highlight_red {font-family: "Bodoni MT", Garamond, "Times New Roman"; font-size: 16px; font-weight: bold; color: #FF0000;}
.highlight_green {font-family: "Bodoni MT", Garamond, "Times New Roman"; font-size: 16px; font-weight: bold; color: #006600;}
.highlight_black {font-family: "Bodoni MT", Garamond, "Times New Roman"; font-size: 16px; font-weight: bold; color: #000000;}

.footer, .footer a:link, .footer a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000066;
}
.footer a:hover, .footer a:active{color: #FF0000;}

.topleft {background:url(../images/topleft.gif) no-repeat;}
.top {background:url(../images/top.gif) repeat-x;}
.topright {background:url(../images/topright.gif) no-repeat;}
.left {background:url(../images/left.gif) repeat-y;}
.right {background:url(../images/right.gif) repeat-y;}
.bottomleft {background:url(../images/bottomleft.gif) no-repeat;}
.bottom {background:url(../images/bottom.gif) repeat-x;}
.bottomright {background:url(../images/bottomright.gif) no-repeat;}

/* table border styles: manually set table align="center" */
/* headers in bold (use span <class="page_text-th">), other rows as required, set <td class="page_text"> */
/* all left-hand column and inner column cells use "left-inner" except bottom row which uses "left-inner-bttm" */
/* right-hand column cells use "right" except bottom row which uses "right-bttm" */
/* this effect gives straight single px border round all cells and a shadow on right-hand and bottom of the table */
/* if using left-aligned text, add <td style="padding-left:10px"> to keep away from edge */
.table-left-inner {border-left: solid 1px #000066; border-top: solid 1px #000066;}
.table-left-inner-bttm {border-left: solid 1px #000066; border-top: solid 1px #000066; border-bottom: solid 3px #000066;}
.table-right {border-left: solid 1px #000066; border-right: solid 3px #000066; border-top: solid 1px #000066;}
.table-right-bttm {border-left: solid 1px #000066; border-right: solid 3px #000066; border-top: solid 1px #000066; border-bottom: solid 3px #000066;}

/* this is the small slideshow: pictures must all be 200x200px */
.imageSlidesSm {margin:5px; float:none; width:200px; height:200px; z-index:1; position:relative;}
.imageSlidesSm img {position:absolute; left:0px; top:0px;}

/* this is the large slideshow: pictures must all be 400x400px */
.imageSlides {margin:5px; float:none; width:400px; height:400px; z-index:1; position:relative;}
.imageSlides img {position:absolute; left:0px; top:0px;}