/*the container  holds everything on the page. It is centred by the (margin-left/margin-right: auto) device.*/
A:link
{
	color: #0000FF;
	text-decoration: none;
}
A:visited
{
	color: #000099;
}
A:active
{
	color: #FF0000;
}
A:hover
{
	color: #FF0000;
}
#container
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000000;
	padding: 10px;
	border-radius: 7px 7px 7px 7px;
	/*[empty]background-color:;*/
}
/*the header hold the banner image. Its size is defined and the image url is given*/
#header
{
	height: 70px;
	background-image: url(banner_14_june/new_banner_14_june_950.jpg);
	border-bottom: 0;
}
/*The following specifies the test over the main banner: 'The Campaign Diary...'*/
#bannertext
{
	position: absolute;
	width: 950px;
	/*+placement:shift 29px -111px;*/
	position: relative;
	left: 29px;
	top: -111px;
	font: italic 14pt georgia;
	color: #DED6D6;
	text-align: center;
}
/*The following specify the navigation text*/
.HorizLinks
{
	position: relative;
	top: 147px;
	left: 409px;
}
.HorizLinks UL
{
	margin: 0px;
}
.HorizLinks LI
{
	margin: 0px 15px 0px 0px;
	list-style-type: none;
	display: inline;
}
#horizontalnav
{
	height: 30px;
	position: relative;
	background-color: #FFFFFF;
	border-bottom: 2px solid #DE0606;
	margin-bottom: 4px;
}
.navlinks
{
	position: absolute;
	top: 4px;
	left: 26px;
	width: 950px;
}
.navlinks UL
{
	margin: auto;
}
.navlinks LI
{
	margin: 0px;
	list-style-type: none;
	display: inline;
	list-style-position: inside;
}
.navlinks LI A
{
	color: #000000;
	padding: 5px 7px 7px;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana;
}
.navlinks LI A:hover
{
	color: #FFFFFF;
	background-image: url(new_template_may_11/images/BGhover.jpg);
/*If you want to use a color for the background instead replace above line with background-color: [insert color here with # sign in front];*/
	text-decoration: none;
}
/*donate places 'donate' button nicely in exact position*/
#donate
{
	float: right;
	margin: -1px;
	/*+placement:shift 0px -46px;*/
	position: relative;
	left: 0px;
	top: -46px;
}
#header P
{
	color: #000000;
	font-family: Arial;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}
#title_original
{
	float: left;
	height: auto;
	background-color: #EFEFE7;
	padding: 0px;
	margin: 0px 10px 10px;
	font-style: italic;
	font-family: georgia;
	/*+border-radius:14px;*/
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	width: 940px;
	color: #7E7777;
	font-size: 18pt;
	text-decoration: none;
	font-variant: normal;
	text-align: left;
	/*+placement:shift 31px -1px;*/
	position: relative;
	left: 31px;
	top: -1px;
	left: 15px;
}
/*The following draws a box around page title and styles text*/
#title
{
	float: left;
	height: auto;
	/*[empty]background-color:;*/
	padding: 0px;
	margin: 0px 10px 10px;
	font-style: italic;
	font-family: georgia;
	/*+border-radius:14px;*/
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	width: 930px;
	color: #7E7777;
	font-size: 18pt;
	text-decoration: none;
	font-variant: normal;
	text-align: left;
	/*+placement:shift 31px -1px;*/
	position: relative;
	left: 31px;
	top: -1px;
	left: 15px;
	top: 0px;
}
.diary_headings_original
{
	color: #023434;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 26px;
	text-align: left;
	/*+placement:shift 40px 0px;*/
	position: relative;
	left: 40px;
	top: 0px;
	left: 50px;
}
.diary_headings
{
	color: #3E1C4E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	text-align: left;
	/*+placement:shift 45px -9px;*/
	position: relative;
	left: 45px;
	top: -9px;
}
/*daybox is used on each of William's daily entries*/
#daybox
{
	float: left;
	height: auto;
	background-color: #EFEFE7;
	padding: 10px;
	margin: 20px 10px 10px;
	font-style: normal;
	font-family: Georgia;
	/*+border-radius:14px;*/
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	border-radius: 7px 7px 7px 7px;
	width: 915px;
}


#wellington_disp_left
{
	float: left;
	height: auto;
	background-color: #EFEFE7;
	padding: 10px;
	margin: 20px 10px 10px;
	font-style: normal;
	font-family: Georgia;
	/*+border-radius:14px;*/
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	border-radius: 7px 7px 7px 7px;
	width: 430px;
	text-align: justify;
}

#wellington_disp_right
{
	
	float: left;
	height: auto;
	
	background-color: #EFEFE7;
	padding: 10px;
	margin: 20px 10px 10px;
	font-style: normal;
	font-family: Georgia;
	/*+border-radius:14px;*/
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	border-radius: 7px 7px 7px 7px;
	width: 430px;
}


/*left is used on index.html*/
#left
{
	float: left;
	height: auto;
	background-color: #EFEFE7;
	padding: 10px;
	margin: 20px 10px 10px;
	font-style: normal;
	font-family: Georgia;
	/*+border-radius:14px;*/
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	border-radius: 7px 7px 7px 7px;
	width: 450px;
}
#index_page_box
{
	float: left;
	height: auto;
	background-color: #EFEFE7;
	padding: 10px;
	margin: 20px 10px 10px;
	font-style: normal;
	font-family: Georgia;
	/*+border-radius:14px;*/
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	width: 500px;
}
.table
{
	float: right;
}
.diary_text
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #000000;
	text-align: left;
	margin: 10px;
}
/*date_text styles The following specify the navigation text*/
.date_text
{
	color: #3E365E;
	font-family: Georgia;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 0px;
	text-align: left;
	font-style: italic;
}
/*picture captions*/
.picture_captions
{
	color: #7F7070;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	padding: 10px 0px;
	float: left;
	/*+placement:shift 15px 0px;*/
	position: relative;
	left: 15px;
	top: 0px;
}
#donate
{
	float: right;
	margin: -1px;
	/*+placement:shift 0px -46px;*/
	position: relative;
	left: 0px;
	top: -46px;
}
#footer
{
	clear: both;
	background-color: #EFEFE7;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 20px 10px inherit;
	width: 915px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
H2
{
	font-size: 16pt;
	color: #000;
	font-family: Georgia;
}
#hello
{
	float: right;
	background-color: #EDEBEE;
	/*[empty]box-sizing:;*/
	margin: 20px;
	padding-bottom: 0;
	padding: 20px;
	/*+placement:shift 21px 0px;*/
	position: relative;
	left: 21px;
	top: 0px;
	/*+border-radius:10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	width: 200px;
	font-family: Verdana;
	font-weight: normal;
}
.diary_image
{
	position: static;
	height: 400px;
	width: 500px;
}
/*.lib_diary_part_numbers library item these remove underline from numbers on diary pages*/
.lib_diary_part_numbers
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-decoration: none;
}
/*code from ChatGPT*/
/* Default styles for larger screens */
body {
  font-size: 16px;
  line-height: 1.6;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  body {
    font-size: 14px; /* Adjust the font size for smaller devices */
    line-height: 1.5; /* Adjust line height for readability */
  }

  h1 {
    font-size: 1.8em;
  }

  h2 {
    font-size: 1.6em;
  }

  p {
    font-size: 1em;
  }
}


/*code from ChatGPT*/