/*********************************************************************
*                              Website Styles
*                                   by
*                               David Bunney 
*                            
***********************************************************************
*
*               Page LayouT
*               -----------
*
*               Div mainOuterHolder
*   ---------------------------------------- <------------------
*  |            Div mainHolder              |
*  | -------------------------------------- |<------------------
*  |¦ ------------------------------------ ¦|
*  ¦¦|          Div roundedTop            ¦||<------------------
*  ¦| ------------------------------------ ¦| 
*  |! ------------------------------------ ||
*  |||          DIv mainInnerHolder       |||<------------------
*  ||| ---------------------------------- |||
*  ¦|||         Div pageHolder           ||||<------------------
*  |||| -------------------------------- ||||
*  ¦||||        Div Header              |||||<------------------
*  ¦¦¦||--------------------------------|||||
*  ¦¦¦||        Div bannerTopSmall      |||||<------------------
*  ¦¦¦||--------------------------------|||||
*  ¦¦¦||        Div menuTop             |||||<------------------
*  ¦¦¦||--------------------------------|||||
*  ¦¦¦||        Div dateDisplay         |||||<------------------
*  ¦¦¦||--------------------------------|||||
*  ¦¦¦||        Div contentHolder       |||||<------------------
*  ¦¦¦||--------------------------------|||||     
*  ¦¦¦||                                |||||
*  ¦¦¦||        ...Content              |||||<------------------
*  ¦¦¦||                                |||||
*  ¦¦¦||                                |||||                           
*  ¦¦¦||--------------------------------|||||
*  ¦¦¦||        Div footer              |||||<------------------
*  ¦¦|||--------------------------------|||||
*  ¦||||        End pageHolder          |||||<------------------
*  |!|| -------------------------------- ||||
*  ||||         End mainInnerHolder      ||||<------------------
*  ||| ---------------------------------- |||
*  |¦ ------------------------------------ ¦|
*  ¦¦|          End roundedBottom         ¦||<------------------
*  ¦| ------------------------------------ ¦|
*  | -------------------------------------- |<------------------
*  |            End mainHolder              | 
*   ---------------------------------------- <------------------
*               End mainOuterHolder 
*
*****************************************************************/

/***************************************************
* Removes dotted lines around active links                         
***************************************************/

a:focus { outline:none }

a:active
{
outline: none;
}

a:focus
{
  -moz-outline-style: none;
}

body { 
  margin: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
  text-align: left;
  max-width: 995px; /* 1024 */
  min-width: 995px; /* 980 */
}

/***************************************************
* Main layout styles                         
***************************************************/

#mainBody { 
  background-image: url('../images/Backgrounds/Textures/Sandstone00_gray.jpg');    /* ...changing background image         */
  background-repeat: repeat;                                                       /* Give a whole new look to the page by */ 
  background-color: #FFFFFF;    /* was #C2C2C2;                                         /* ...changing background color */                                                                                                                                               
  font-size: 90%;
  font-family: MS Sans-Serif, Arial, Verdana;
}

#mainOuterHolder {
  margin: 0 auto;
  width: 100%; 
  text-align: left;
  padding-top: 0px; /* was 12px was 20px */
  border-top: 0px solid transparent;   /* was #6A7591 was #7F7562 */
}

#bestviewedcheck {
	background-color: transparent;    /* was #6A7591; */
}

#javascriptcheck {
	background-color: transparent;    /* was #6A7591; */}

#mainHolder {  
	border: 1px solid transparent; 
	position: relative;
	z-index: 2;                                                                  /* You can create some interesting border effects by */
	background-image: url('none');                                               /* ...changing background image */                                            
	background-color: white;                                                     /* ...changing background color */                           
	padding: 10px;                                                               /* ...changing padding either o or 10 */
	                                                                             /* ...changing border color or making it tranparent */	
}

#mainInnerHolder {                                                               /* You can create some interesting border effects by */ 
  border-width: 1px; /* was 1px */                                    /* ...changing border color or making it tranparent */
  border-style: solid;
  border-color: transparent; /* #003366 */
}                                               

#pageHolder {
	z-index: 3;                                                                  /* You can create some interesting border effects by */
	/*background-image: url('../images/Backgrounds/Textures/bg_parchment3.jpg');*/ /* ...changing background image */
	background-repeat: repeat;                             */
	background-color: #FFFFFF;                                                   /* ...changing background color */
	color: #3E3E3E;                                                              /* ...changing the text color */      
}

/***************************************************
* Content style                         
***************************************************/

#contentHolder {
	position: relative;                                                                 
	padding-left: 15px; /* was 20px */                                           /* Indents the contentHolder left and right by 20px   */
	padding-right: 15px; /* was 20px */
	text-align: left;
}

/***************************************************
* Picture and Text Scroller styles                         
***************************************************/

#startPictureScroller {
    display: block;  
}

#pictureScrollerPrompt {
	float: right; 
	visibility: visible; 
	padding: 2px 0px 0px 0px; 
	font-weight: bold; 
	color: #333333;
}

.scrollerPictureButtons { 
	float: right; 
	cursor: pointer; 
	background-color: transparent; 
	color: black; 
	border-top: 1px solid transparent;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid transparent; 
	margin: -1px -1px 0px 0px;
	padding: 2px 5px 2px 5px;
	font-size: 8px;
}

.scrollerPictureButtons:hover { 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: #D8EBFC; 
}

#startTextScroller {
    display: block;  
}

#textScrollerPrompt {
	float: left;
	visibility: visible; 
	margin: 4px 0px 0px 0px; 
	padding: 3px 0px 0px 0px; 
	font-weight: bold; 
	font-size: 70%; 
	color: #333333;
}

.scrollerTextButtons { 
	float: left; 
	cursor: pointer; 
	background-color: tranparent; 
	color: black; 
	border: 1px solid gray; 
	margin: 5px -1px 0px 0px; 
	padding: 2px 5px 2px 5px;
	/*****************************
	margin: 5px 0px 0px 0px;
	padding: 2px 3px 2px 3px;
	*****************************/
	font-size: 8px;
} 

#textScrollerhelp {
	float: left;
	border: 0px solid black;
	margin: 0px 0px 0px 0px; 
	padding: 3px 0px 0px 5px; 
}

.scrollerTextButtons:hover { 
	border: 1px solid black;
	/*border-top: 1px solid black;*/
	background-color: #D8EBFC; 
}  

/***************************************************
* Rounded Corners (modified) from Fire and Knowledge 
*
* http://www.fireandknowledge.org/archives/2004/05/22/
* rounded-corners-without-images-part-1
*
****************************************************/

div#roundedTop {                                                               /* You can hide and show the rounded corners to change*/
	display: none;                                                               /* the style of the page too                          */ 
	z-index: 999;
	position: relative;
	width: 100%; 
	background-color: #003366;                                                   /* ROUNDED TOP COLOR - same as INSIDE CORNER COLORS */
	margin: 0px;
}

div#roundedBottom {                                                            /* You can hide and show the rounded corners to change*/
	display: none;                                                               /* the style of the page too                          */ 
	z-index: 999;
	position: relative;
	width: 100%; 
	background-color: #003366;                                                   /* ROUNDED TOP COLOR - same as INSIDE CORNER COLORS */
	margin: 0px;
}

/***************************************************
* Header styles                         
***************************************************/

#header {
	position: relative;
	z-index: 2;
	margin: 0px auto;
	padding: 0;
	border: 0px solid black;
	height: 95px;
	padding: 0;
	margin: 0;
	display: block;
	background-color: #103A89;  /* #02164A;  #0F008F; */
	/*background-image: url('../images/Christmas/arg-snowing-bluebg-animwp.gif');*/
	background-image: url('../images/Backgrounds/Textures/blue_deffuse_noise.jpg');*/
	background-repeat: repeat;*/
	text-align: left;
	color: #FFFFFF;
}

#header-leftcorner {
	display: none; 
	position: absolute;
	z-index: 14;
	background-image: url('../images/Christmas/holly_2_sprig.gif');*/
	background-repeat: no-repeat;*/
	width: 48px;
	height: 33px; 
	top: -8px; 
	left: 81px; 
	border: 0px solid red;
}

#header-rightcorner {
	display: none; 
	position: absolute;
	z-index: 14;
	background-image: url('../images/Christmas/holly_1_sprig_flipped.gif');*/
	background-repeat: no-repeat;*/
	width: 370px;
	height: 133px; 
	top: 26px; 
	left: 420px; 
	border: 0px solid red;
}

#header-centretop {
	display: none; 
	position: absolute;
	z-index: 14; 
	background-image: url('../images/Christmas/cs004106_25%25.gif');*/
	background-repeat: no-repeat;*/
	width: 77px;
	height: 95px; 
	top:  0px; 
	left: 470px; 
	border: 0px solid red
}

#header-centrecentre-one {
	display: none; 
	position: absolute;
	background-image: url('../images/Christmas/bells01_2010_62x87.gif');
	background-repeat: no-repeat;
	width: 62px;
	height: 87px; 
	top:  0px; 
	left: 490px; 
	border: 0px solid red
}

#header-centrecentre-two {
	display: none; 
	position: absolute; 
	/*background-image: url('../images/Christmas/evergreeenswag-a.gif');*/
	background-repeat: no-repeat;*/
	width: 191px;
	height: 57px; 
	top:  -10px; 
	left: 415px; 
	border: 0px solid red;
}

#header-centrebottom {
	display: none; 
	position: absolute; 
	z-index: 1;
	/*background-image: url('../images/Christmas/seasons_greetings_295x21.jpg');*/
	background-repeat: no-repeat;*/
	width: 269px;
	height: 21px; 
	top:  56px; 
	left: 382px; 
	border: 0px solid red;
}

/**********************************************************
#header-leftcorner {
	display: block; 
	z-index: 1;
	position: absolute; 
	top: -16px; 
	left: -15px; 
	border: 0px solid red;
}

#header-rightcorner {
	display: block; 
	z-index: 2;
	position: absolute; 
	top: -16px; 
	left: 884px; 
	border: 0px solid red;
}

#header-centretop {
	display: block; 
	z-index: 3;
	position: absolute; 
	top:  6px; 
	left: 465px; 
	border: 0px solid red;
}

#header-centrecentre-one {
	display: block; 
	z-index: 4;
	position: absolute; 
	top:  6px; 
	left: 465px; 
	border: 0px solid red;
}

#header-centrecentre-two {
	display: block; 
	z-index: 5;
	position: absolute; 
	top:  6px; 
	left: 465px; 
	border: 0px solid red;
}

#header-centrebottom {
	display: block; 
	z-index: -1;
	position: absolute; 
	top:  6px; 
	left: 465px; 
	border: 0px solid red;
}
*************************************************************/

#header-crest {
	display: block; 
	position: absolute; 
	top: 6px; 
	left: 5px; 
	width: 80px; 
	border: 0px solid red;
}

#header-title {
	position: absolute; 
	z-index: 10;
	top: 8px;  /* was 18 */
	left: 96px; 
	width: 400px;
	font-family: Times New Roman, Times, serif; 
	font-weight:bold; 
	font-size: 212%; 
	font-style: italic; 
	text-align: left;
	color: #FFFFFF; 
	border: 0px solid red;
}

#header-url {
	position: absolute; 
	top: 50px; 
	left: 98px; 
	width: 130px; 
	font-size: 85%; 
	font-style: italic; 
	border: 0px solid red;
}

#header-lastUpdated {
	position: absolute; 
	top: 71px; 
	left: 351px; 
	width: 102px;
	color: white; 
	font-size: 70%; 
	font-style: italic; 
	border: 0px solid red;
}

#header-lastUpdatedDate {
	position: absolute; 
	top: 71px; 
	left: 453px; 
	width: 55px;
	height: 11px; 
	z-index: 99;
	background-image: url('../images/Buttons_icons_logos/last_updated.png');
	background-repeat: no-repeat;
	border: 0px solid red;
}

#header-lastUpdatedLink {
	position: absolute; 
	top: 71px; 
	left: 510px; 
	width: 150px;
	color: white; 
	font-size: 70%; 
	font-style: italic; 
	border: 0px solid red;
}

#header-bottomOfPage {
	position: absolute; 
	top: 49px; 
	left: 226px; 
	width: 130px; 
	font-size: 85%; 
	font-style: italic; 
	border: 0px solid red;
}

#header-dateHolder {
	position: absolute;
	width: 171px; 
	height: 22px;
	top: 0px; 	
	left: 788px; 
	border: 0px solid red;
} 

#header-dateDisplay {
	position: absolute;
	display: block; 
	top: 5px; 	
	left: 731px; 
	width: 160px; 
	border: 0px solid orange;
} 

#dateTime {
	font-family: Arial, MS Sans-Serif, Verdana;
	font-size: 70%;
	font-style: italic; 
	font-weight: normal; 
	text-align: left;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;	
}

#header-menu {
	position: absolute; 
	top: 23px; 
	left: 720px; /* was 810 */
	font-size: 85%; 
	font-style: normal; 
	border: 0px solid red;
}

#header-menu2 {
	position: absolute; 
	Z-index: 5;
	top: 23px; 
	left: 800px; /* was 810 */
	font-size: 85%; 
	font-style: normal; 
	border: 0px solid red;
}

/**************************************************
* motto styles                                                                   
**************************************************/

#mottoBrave, #mottoBold { 
	font-family: Times New Roman, Times, serif;
	font-size: 110%;
	line-height: 30px;
	color: #000000;
	font-style: italic; 
	font-weight: bold 
}

.latinMotto      { 
font-family: "Times New Roman", Times, serif; 
/*font-size: 155%;*/ 
color: #000000;
/*/*font-size: 18pt; color: #0000FF;*/*/
font-style: italic; 
font-weight: bold }

.englishMotto      { 
font-family: "Times New Roman", Times, serif;
/*font-size: 80%;*/ 
color: #000000;
/*/*font-size: 12pt; color: #0000FF;*/*/
font-style: italic; 
font-weight: bold }

/***************************************************
* banner styles                                 
***************************************************/

#bannerTopLarge {
    display: none;
    /*background-image: url('../images/Backgrounds/ships of the line.jpg');*/
    /*background-repeat: repeat;*/
}

#bannerTopSmall {
	display: block;
	background-image: url('../images/Backgrounds/small_banner_background.jpg');
	background-repeat: no-repeat;
}


/**************************************************
* lastUpdated style                                   
**************************************************/

.lastUpdated      { 
color: #808080;
font-size: 80%;
font-style: normal; 
font-weight: regular;
padding-bottom: 0px; }

/***************************************************
* Footer style                         
***************************************************/

#footer { 
    display: block;
    z-index: 998;
    background-color: #103A89;
    /*background-image: url('../images/Backgrounds/Textures/Actual_Drawing/Texture23.jpg');*/
    /*background-image: url('../images/Christmas/arg-snowing-bluebg-animwp.gif');*/
    background-image: url('../images/Backgrounds/Textures/blue_deffuse_noise.jpg');*/    
    background-repeat: repeat;*/    
    font-style: normal; 
    font-weight: bold; 
    color: #FFFFFF;
}

/***************************************************
* Rounded Corners (modified) from Fire and Knowledge 
*
* http://www.fireandknowledge.org/archives/2004/05/22/
* rounded-corners-without-images-part-1
*
****************************************************/

/**********************************
* Rounded Corners GLOBAL ATTRIBUTES
**********************************/

div#top-left-corner, div#bottom-left-corner, div#top-right-corner, div#bottom-right-corner
{
position:absolute;                                                             /* OUTSIDE CORNER COLORS and IMAGE - same as MAIN BACKGROUND */
background-image: url('../images/Backgrounds/Textures/Sandstone00_gray.jpg');  /* ...changing background image         */
background-repeat: repeat; 
background-color: #C2C2C2;
width:20px; 
height:20px;  
overflow:hidden;}   
 
div#top-left-inside, 
div#bottom-left-inside, 
div#top-right-inside, 
div#bottom-right-inside 
{position:relative; font-size:150px; font-family:arial; color:#100090; line-height: 40px;  /* wa #003366 INSIDE CORNER COLORS - same as ROUNDED TOP COLOR */
/*background-image: url("../images/Backgrounds/Textures/bg_parchment3.jpg");*/
/*background-repeat: repeat;*/ 
} 

/************************************
* Rounded Corners SPECIFIC ATTRIBUTES
************************************/

div#top-left-corner { top:0px; left:0px; }
div#bottom-left-corner {bottom:0px; left:0px;}
div#top-right-corner {top:0px; right:0px;}
div#bottom-right-corner {bottom: 0px; right:0px;}

div#top-left-inside {left:-8px;}
div#bottom-left-inside {left:-8px; top:-17px;}
div#top-right-inside {left:-25px;}
div#bottom-right-inside {left:-25px; top:-17px;}

div#box-Topcontents {
	border: position: relative; padding-right: 5px; padding-left: 14px; padding-bottom: 0px; padding-top: 0px; color:black;
}

div#box-Bottomcontents {
	border: position: relative; padding-right: 5px; padding-left: 14px; padding-bottom: 0px; padding-top: 0px; color:black;
}

/***************************************
* Styles for: Highslide Picture Viewer
***************************************/

.my-iframe-wrapper .highslide-heading {
	background-color: #0354ee;
	margin: 0;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 6px 10px; 
	border: 0px solid green;
}

.my-iframe-wrapper .highslide-header {
	display: none;
}

.my-iframe-wrapper .highslide-html-content {
	padding: 0;
}

.my-iframe-wrapper .highslide-html {
	border: 3px solid #0354ee;
	border-top: none;
}

.my-credits-wrapper .highslide-heading {
	background-color: #003366;
	margin: 0;
	/*line-height: 25px;*/
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 6px 10px;
	/*padding: 20px 5px 5px 5px;*/ 
	border: 0px solid green;
}

.my-credits-wrapper .highslide-header {
	display: none;
}

.my-credits-wrapper .highslide-html-content {
	padding: 0;
}

.my-credits-wrapper .highslide-html {
	border: 1px solid #003366;
	border-top: none;
}

.highslide-myimage img {
	border: 0px solid #ffffff;; 
}

.highslide-myimage:hover img {
	border: 0px solid #ffffff;
}

.highslide-smallbannerimage img {
	border: 0px solid #ffffff;;
	/*width: 163px;*/
	height: 85px;  
}

.highslide-bannerimage:hover img {
	border: 0px solid #ffffff;
}

.highslide-pageimage img {
  border: 1px solid #a9a9a9;
}
.highslide-pageimage:hover img {
  border: 1px solid #a9a9a9;
}

.highslide-obituary img {
  padding: 4px;
  border: 1px solid gray;
}
.highslide-obituary :hover img {
  border: 1px solid gray;
}
   
/***********************************************
* Styles for: Home Page
***********************************************/

.pageBox
{
    border: 0px solid #003366;
    font-size: 95%;
    font-weight: bold; 
    color: #FFFFFF;    
    width: 100%;
    padding: 0px;
    text-align: center;
    background-color: #003366;
    /*background-image: url(images/Backgrounds/Textures/ChristmasEveStars.gif);*/
    /*background-repeat: no-repeat;*/
}

#euryalusTextBox 
 {
 background-color: none;
 }

#titleBoxRSS1, #titleBoxRSS, #obituary, #titleBoxContents, #titleBoxEuryalus, #titleBoxTips, #titleBoxLatest, #titleBoxMusic, #titleBoxMembers, #titleBoxMemory, #titleBoxSnippets, #titleBoxInternet, #titleNewsletter, #titleWebNews, #titleWebUpdates, #titleBoxStyler 
{
    border: 1px solid #003366;
    font-size: 90%;
    font-weight: bold; 
    color: #FFFFFF;    
    padding: 0px;
    text-align: center;
    background-color: #003366;                                                */
    /*background-image: url('../images/Christmas/arg-snowing-bluebg-animwp.gif');*/
    /*background-image: url('../images/Backgrounds/Textures/blue_deffuse_noise.jpg');*/
    background-repeat: 
}

.contentBox
{
    border: 1px solid silver; /* 1px solid #003366 */
    padding: 5px 5px 5px 5px;
    background-color: snow; /* transparent */
}

#xaimBox
{
    margin: 0 auto;
    border: 0px solid gray;
    font-family: Times New Roman, Times, serif;
    font-size: 95%;
    font-weight: normal; 
    color: #AAE2F2;    
    width: 80%;
    padding: 0px;
    text-align: center;
    background-color: 
}

.titlePadding 
{
    padding-top: 3px;
    padding-bottom: 3px;
}

.aim
{
    clear: right;
    /*color: #3E3E3E;*/ 
    padding-top: 5px; /* was 24px; */
    padding-bottom: 10px; 
    width: 95%;
}

/***************************************************
* Main Page Content Styles                         
***************************************************/

#pageContentContainer {
  Background-color: #FFFFFF;
  background-image: url('../images/Backgrounds/Textures/bg_parchment3.jpg');
  background-repeat: repeat;      
  color: #000000;
}

#pageContent {  
  padding-left: 12px;
  padding-right: 12px;
  color: #000000;
}

/**************************************************
* pageTitle style                                      *
**************************************************/

.pageTitle      { 
padding-bottom: 0px;
color: #000000;
font-family: MS Sans-Serif, Arial, Verdana; 
font-style: normal; 
font-weight: bold;
text-align: center;
text-transform: uppercase; 
}

/**************************************************
*  Captions and footnote
**************************************************/

.pictureCaption { 
font-family: Arial, MS Sans-Serif, Verdana; 
color: #000000;
font-size: 8pt; 
font-style: italic; 
font-weight: bold;
text-align: center; 
} 

.imageCaption { 
font-family: Arial, MS Sans-Serif, Verdana;
color: black;
font-size: 8pt; 
font-style: italic; 
font-weight: none;
text-align: center;
margin-top: 3px; 
margin-bottom: -2px; 
} 

.footnote { 
float: left;
font-size: 95%; 
font-weight: bold;
line-height: 12px;
border-bottom: 2px solid black;
}