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

/* File: roundedPage.css  */
/* Author: Dee Gee  */
/* Owner: Musée de Kent - Couvent de Bouctouche  */
/* Date: 2007-12-09 */
/* Purpose: This adds rounded corners to body, without the use of images */


/* Sets font characteristics for all basic tags */

body       { font:85% Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color:#000066; text-align:center; }
/* padding-if any, is for body is set for the distance between the browser window and top of banner */


/* wrapper is the code required for Firefox and IE to render the content within the center of the body */
div#wrapper {
  margin: 0 auto;
  max-width: 800px;
  min-width: 800px;
  overflow: hidden;
  position: relative;
  padding-top:10px;
  }

/* Sets characteristics for each DIV tag */
div#page        { width:800px; padding-top:10px; }
                /* div#page is to the container holding EVERYTHING, including rounded tabs */
				/* DO NOT add background image or colour to div#page */
div#musee       { width:800px; margin:0px; text-align: left; }

div#layoutcontent{ width:800px; padding:0px; background:#000066 url(/images/templates/bkgd.jpg); }
                /* background image can only be used with div#layoutcontent tag */
div#content     { width:800px; padding:0px; } 
                /* padding-top for div#content is set for the distance between the div#menu and contents */
                /* margin for div#content is set for the distance between div#menu and content - needs to be set at 0 */
                /* margin-left for div#content is set for the distance between the left of content and left border - needs to be set at 10 */

div#quote       { margin-left: 40px; margin-right: 40px; margin-bottom: 9px; font-size: 9pt; color:#000066; font-style: italic; background-color:#EEEEEE; padding-bottom:3px; padding-top:3px; }

div#box9BD8DD       { float: right; display:inline; width:85px; height:85px; margin: 5px 15px 0 5px; background:#9BD8DD; text-align:center; }
div#boxB9E2F8       { float: right; display:inline; width:85px; height:85px; margin: 5px 15px 0 5px; background:#B9E2F8; text-align:center; }
div#box p           { padding:0 5px; }
div#minipics        { float: left; width:100%; padding-bottom:10px; }
div#minipics ul     { list-style-type: none; margin:0 15px; padding:0; }
div#minipicsWH li   { float:left; width:100px; margin: 10px 10px 10px 0; background-color: #FFFFFF; }
div#minipicsFL li   { float:right; width:160px; margin: 10px 10px 10px 0; background-color: #FFFFFF; }
div#minipics li img { display: block; width: 75px; height: 83px; margin:5px 10px; border: 0px; }
div.gradient        { background: #F2F2F2 url(/images/gradient.png) repeat-x top; margin: 15px; }
div.gradient p      { margin:0; padding: 2px 5px; }

/* Top MENU tabs, tab colours, text colours, link colours, activity colours */
/* Note: for alignment in Firefox, you must declare the height - otherwise, the left menu will render next to the banner and not beneath */
div#menu            { float:right; width: 365px; height:217px; padding-top:8px; padding-bottom:0px; padding-right:5px; }
ul#nav,ul#nav li    { list-style-type:none; margin:0; padding:0; }
ul#nav              { padding-left: 5px; }
ul#nav li           { float:left; width:70px; margin-right:2px; text-align: center; }
ul#nav a            { float:left; width:70px; padding: 0px 0 2px; text-decoration:none; background: #000066; color: #FFFFFF; font-size:11px; }
ul#nav li.activelink a,ul#nav a:hover {color: #000066;  background: #ADC8DE; }
/*  ....................................................................... */

/* MULTI-COLUMN CONTAINERS */
div.row800          { width: 800px; padding: 0; }
div.row780          { width: 780px; min-height:540px; display: inline-table;}
/* div.row must use min-height in order to show the image background in Firefox */
/* div.row must use display: inline-table in order to show the image background within a long page in Firefox */
div.cols2navlft		{ width:120px; float: left; text-align:left; display:block; }
div.lftnavmenu		{ width:120px; float: left; text-align:left; margin-left:4px; margin-top:5px; padding-top:32px; display:block; }
div.banner  		{ width:394px; height:217px; margin:auto; padding-left:5px; background:none;}
div.cols2content    { width:646px; float: right; padding-bottom:20px; } 
div.footerrow       { width: 100%; padding-top:10px; padding-left:20px; padding-bottom:5px; text-align:center; font-size:0.7em; color:#BBB; }

div.row             { margin: 0; padding: 5px; width: 98.5%; font-size:0.8em; height:130px;}
div.rowregular      { margin: 0; padding: 5px; width: 98.5%; padding-bottom: 10px; }
div.rowctr 			{ margin: 0; padding: 0; width: 98.5%; text-align:center; }
div.cols2 			{ float: left; width: 49%; padding-bottom: 10px; }
div.cols2ctr		{ float: left; width: 49%; padding-bottom: 10px;  text-align:center; }
div.cols2rt 		{ float: right; width: 49%; padding-bottom: 10px;  text-align:center; }
div.cols3 			{ float: left; width: 32.5%; padding-bottom: 10px; }
div.cols4 			{ float: left; width: 24%; padding-bottom: 10px; }
div.cols5           { float: left; width: 19%; padding-bottom: 10px; padding-right:5px; text-align:center;}

div.splashmenu		{ width:600px; margin-left:144px; padding-top:5px; }
div.rowsplash		{ margin: 0; padding: 0; width: 98.5%; text-align:center; }