/*---------------------------------------------------------------------------
The first five styles are for the whole site and are designed to standardise
browser behaviour as much as possible
----------------------------------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 1em;
}

a {
text-decoration: none;
}

li {
list-style: none;
}

a img {
border: none;
}

font-weight {
normal;
}

/*-------------------------------------------------------------------------
Hides the preloaded images 
---------------------------------------------------------------------------*/

#preload {
display: none;
}

/*---------------------------------------------------------------------------
CSS for the Big Photos
----------------------------------------------------------------------------*/

body {
font-family: 'AL', Verdana, sans-serif;
background-image: url(../textures/mainbackground.jpg);
background-color: #edede5;
margin: 60px auto 100px auto;
width: 900px;
min-height: 100%;
height: 100%;
}


/*---------------------------------------------------------------------------------------------
mainnav = styling for the main navigation
-----------------------------------------------------------------------------------------------*/

#nav ul {
float: right;
margin-right: 18px;
}

#nav li {
margin-bottom: 5px;
}

#nav li a:link, #nav li a:visited {
padding-left: 60px;
padding-bottom: 20px;
padding-top: 18px;
font-size: 13px;
letter-spacing: 0.15em;
color: #884545;
display: block;
}

#nav li a:hover {
color: #999966;
}

/*---------------------------------------------------------------------------------------------
buttons = pictures for the individual nav buttons
-----------------------------------------------------------------------------------------------*/

.button1 {
background-image: url(../sitepics/startbutton1.png);
background-position: left center;
background-repeat: no-repeat;
}

.button1:hover {
background-image: url(../sitepics/navbuttonall.png);
background-position: left center;
background-repeat: no-repeat;
}

.button2 {
background-image: url(../sitepics/quillpen1.png);
background-position: left center;
background-repeat: no-repeat;
}

.button2:hover {
background-image: url(../sitepics/navbuttonall.png);
background-position: left center;
background-repeat: no-repeat;
}

.button3 {
background-image: url(../sitepics/treelogo1.png);
background-position: left center;
background-repeat: no-repeat;
}

.button3:hover {
background-image: url(../sitepics/navbuttonall.png);
background-position: left center;
background-repeat: no-repeat;
}

.button4 {
background-image: url(../sitepics/camera1.png);
background-position: left center;
background-repeat: no-repeat;
}

.button4:hover {
background-image: url(../sitepics/navbuttonall.png);
background-position: left center;
background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------------------------
The logoboxes allow different logos and logo photos
-----------------------------------------------------------------------------------------------------*/

#logobox1 {
background-image: url(../sitepics/redlogo1.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox2 {
background-image: url(../sitepics/winlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox3 {
background-image: url(../sitepics/franklogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox4 {
background-image: url(../sitepics/frdklogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox5 {
background-image: url(../sitepics/herbertlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox6 {
background-image: url(../sitepics/margaretlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox7 {
background-image: url(../sitepics/stanlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox8 {
background-image: url(../sitepics/sydlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox9 {
background-image: url(../sitepics/twinslogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox10 {
background-image: url(../sitepics/donlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox11 {
background-image: url(../sitepics/liamlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox12 {
background-image: url(../sitepics/davelogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox13 {
background-image: url(../sitepics/brownlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox14 {
background-image: url(../sitepics/brownlogo1.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox15 {
background-image: url(../sitepics/barblogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox16 {
background-image: url(../sitepics/jeanlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox17 {
background-image: url(../sitepics/johnlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox18 {
background-image: url(../sitepics/aleclogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox19 {
background-image: url(../sitepics/ianlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox20 {
background-image: url(../sitepics/jeannelogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox21 {
background-image: url(../sitepics/cardlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox22 {
background-image: url(../sitepics/whylogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox23 {
background-image: url(../sitepics/whylogo1.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox24 {
background-image: url(../sitepics/whylogo2.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox25 {
background-image: url(../sitepics/whylogo3.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox26 {
background-image: url(../sitepics/butlerlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox27 {
background-image: url(../sitepics/roylogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox28 {
background-image: url(../sitepics/louiselogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox29 {
background-image: url(../sitepics/redlogo5.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox30 {
background-image: url(../sitepics/redlogo6.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox31 {
background-image: url(../sitepics/balcombelogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox32 {
background-image: url(../sitepics/balcombelogo1.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox33 {
background-image: url(../sitepics/dbrownlogo3.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox34 {
background-image: url(../sitepics/dbrownlogo3.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox35 {
position: relative;
background-image: url(../sitepics/donpatlogo1.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox36 {
position: relative;
background-image: url(../sitepics/mysterylogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox37 {
background-image: url(../sitepics/dbrownlogo5.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}


/*---------------------------------------------------------------------------------------------------
Animations for Donald's 80th Birthday only
-----------------------------------------------------------------------------------------------------*/

.balloons {
position: absolute;
right: -100px;
top: -55px;
}

/*---------------------------------------------------------------------------------------------------
These are the Australian logos 
-----------------------------------------------------------------------------------------------------*/

#logobox50 {
background-image: url(../sitepics/auslogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox51 {
background-image: url(../sitepics/haroldlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox52 {
background-image: url(../sitepics/jesslogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

#logobox53 {
background-image: url(../sitepics/fredlogo.png);
background-position: top left;
background-repeat: no-repeat;
height: 245px;
width: 524px;
}

/*---------------------------------------------------------------------------------------------------
Headlines, Family List notes 
----------------------------------------------------------------------------------------------------*/

.familylist {
float: right;
margin-right: 15px;
margin-top: -8px;
}

/*----------------------------------------------------------------
Start of big picture navigation last, thumbs and next
-----------------------------------------------------------------*/

#nextlast ul {
height: 35px;
width: 350px;
padding-top: 20px;
margin: 25px auto 25px auto;
}

#nextlast li  {
margin-left: 36px;
}

#nextlast li a:link, #nextlast li a:visited {
background-image: url(../sitepics/buttonlayer.png);
background-position: 0 50%;
background-repeat: repeat-x;
float: left;
text-align: center;
margin-right: 10px;
background-color: #5E1212;
/*border: 1px solid #000;*/
border-radius: 8px;
letter-spacing: 2px;
line-height: 34px;
font-size: 1em;
width: 83px;
height: 35px;
padding-left: 4px;
color: #fff;
}

#nextlast li a:hover {
background-color: #480E0E;
color: #c4c4c4;
}

/*----------------------------------------------------------------
The backgrounds to the Donald Brown War Service display
-----------------------------------------------------------------*/

#linkwrap1, #linkwrap2 {
background-color: rgba(0,0,0,.4);
border: 1px solid #606060;
border-radius: 10px;
margin: 20px auto 0 auto;
width: 855px;
}

#linkwrap1 {
background-color: #626262;
border: 1px solid #4e4d4d;
height: 1360px;
}

#linkwrap2 {
height: 1500px;
}

/*----------------------------------------------------------------
The backgrounds to the name origin pages
-----------------------------------------------------------------*/

#originwrap0,  #originwrap1 {
margin: 20px auto 0 auto;
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
}

#originwrap0 {
height: 530px;
}

#originwrap1 {
height: 600px;
}

.nametitle {
text-align: center;
text-transform: uppercase;
margin: 20px 0 0 0;
font-size: 1.5em;
color: #fff;
}

.nameorigin em {
float: left;
text-align: justify;
margin: 15px 40px 0 40px;
letter-spacing: 1.5px;
font-style: normal;
font-size: 16px;
color: #FFF;
}

.nameorigin strong {
letter-spacing: 1.5px;
font-style: italic;
font-size: 16px;
color: #fff;
}

/*----------------------------------------------------------------
The backgrounds to the big picture display - various lengths
-----------------------------------------------------------------*/

#wrap0, #wrap0a, #wrap1, #wrap2, #wrap3, #wrap4, #wrap5, #wrap6, #wrap7, #wrap8, #wrap9,
#wrap10, #wrap11, #wrap12, #wrap13, #wrap14, #wrap15, #wrap16, #wrap17,
#wrap18, #wrap19, #wrap20, #wrap21, #wrap22, #wrap23, #wrap24, #wrap25,
#wrap26, #wrap27, #wrap28, #wrap29, #wrap30, #wrap31, #wrap32, #wrap15a, #awardwrap {
margin: 20px auto 0 auto;
background-color: rgba(0,0,0,.5);
border: 1px solid #606060;
border-radius: 10px;
width: 855px;
}

#awardwrap {
height: 880px;
}

#whitewrap {
margin-top: 50px;
background-color: #616161;
box-shadow: 3px 3px 6px #000;
height: 750px;
}

#whitewrap1 {
margin-top: 50px;
background-color: #616161;
box-shadow: 3px 3px 6px #000;
height: 2000px;
}

#whitewrap em {
float: left;
margin: 30px 35px 0 35px;
font-size: 17px;
color: #ffa500;
}

#whitewrap1 p, #whitewrap p {
float: left;
text-align: justify;
margin: 20px 35px 0 35px;
font-size: 17px;
color: #e0e0e0;
}

#whitewrap1 em {
float: left;
margin: 30px 35px 0 35px;
font-size: 17px;
color: #ffa500;
}

.wraptext {
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
margin: 25px auto -55px auto;
width: 666px;
height: 40px;
}

.wraptext p {
text-align: center;
letter-spacing: 1.5px;
font-size: 0.9em;
margin: 10px;
color: #fff;
}

#wrap0 {
height: 530px;
}

#wrap0a {
height: 470px;
}

.movie {
float: left;
width: 560px;
height: 315px;
box-shadow: 3px 3px 6px #000;
border: 7px solid #fff;
margin: 70px 0 0 145px; 
}

#wrap1 {
height: 600px;
}

#wrap2 {
height: 640px;
}

#wrap3 {
height: 680px;
}

#wrap4 {
height: 720px;
}

#wrap5 {
height: 760px;
}

#wrap6 {
height: 800px;
}

#wrap7 {
height: 840px;
}

#wrap8 {
height: 880px;
}

#wrap9 {
height: 920px;
}

#wrap10 {
height: 960px;
}

#wrap11 {
height: 1000px;
}

#wrap12 {
height: 1040px;
}

#wrap13 {
height: 1080px;
}

#wrap14 {
height: 1120px;
}

#wrap15 {
height: 1140px;
}

#wrap15a {
height: 1180px;
}

#wrap16 {
height: 1220px;
}

#wrap17 {
height: 1260px;
}

#wrap17a {
height: 1260px;
background-color: #767676;
}

#wrap18 {
height: 1300px;
}

#wrap19 {
height: 1340px;
}

#wrap20 {
height: 1380px;
}

#wrap21 {
height: 1420px;
}

#wrap22 {
height: 1460px;
}

#wrap23 {
height: 1500px;
}

#wrap24 {
height: 1700px;
}

#wrap25 {
height: 1600px;
}

#wrap26 {
height: 1800px;
}

#wrap27 {
height: 3400px;
}

#wrap28 {
height: 3250px;
}

#wrap29 {
height: 1520px;
}

#wrap30 {
height: 1170px;
}

#wrap31 {
height: 2000px;
}

#wrap32 {
height: 1870px;
}

/*----------------------------------------------------------------
Photo alignment
-----------------------------------------------------------------*/

.allbigphotos, .allbigphotosspecial, .allbigphotosspecial1, .allbigphotosspecial3 {
text-align: center;
}

.allbigphotosmargin1 {
margin: 80px 0 0 32px;
}

/*-------------------------------------------------------------------------------------------
Below: Border radius needed to correctly display box shadow in Mobile Safari (iPads, iPhones)
--------------------------------------------------------------------------------------------*/

.allbigphotos img {
margin-top: 80px;
border: 8px solid #fff;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
border-radius: 1px;
}

.allbigphotosspecial img {
margin-top: 80px;
}

.allbigphotosspecial2 img {
margin-left: 5px;
margin-top: 20px;
}

.allbigphotosspecial1 img {
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
margin-top: 80px;
}

.allbigphotosspecial3 img {
margin-top: 80px;
}

.marginmove1 {
margin-top: -48px;
}

.marginmove4 {
margin-top: -40px;
}

/*---------------------------------------------------------------------------
The boxes for photo titles and biographies - various widths and heights
-----------------------------------------------------------------------------*/

.description, .longdescription, .longdescription1, .talldescription,
.longdescription2, .longdescription2a, .longdescription3, .longdescription3a, .longdescription4, .tallerdescription, .supertalldescription1, 
.longtalldescription, .verytalldescription, .semitalldescription, .longdescription13, .tallerdescription1,
.semitalldescription1, .semitalldescription1a, .middescription, .middescription1, .middescription2, .middescription2a,
.middescription2b, .middescription3, .middescription4, .middescription2c, .middescription2e, .middescription6, .midtalldescription, .shortdescription,
.shortdescription1, .shortdescription2, .shortdescription3, .shortdescription1d, .shortdescription5a, .longdescription5, .longdescription6, .verytalldescription1,
.longdescription7, .longdescription8, .longdescription9, .extrawidedescription1, .supertalldescription3,
.extrawidedescription2, .longdescription10, .longdescription11, .longdescription12, .longdescription13 .longdescription14,
.supertalldescription1, .supertalldescription2, .supertalldescription4, .supertalldescription5, .shortdescription4,
.shortdescription5, .middescription5, .shortdescription6, .shortdescription7, .midtalldescription1, .midtalldescription2,
.middescription2d, .shortdescription3a, .shortdescription3b, .shortdescription1b, .shortdescription1a,
.shortdescription1c, .moviedescription {
margin: 25px auto 0 auto;
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
}


.description p, .longdescription p, .longdescription1 p, .talldescription p,
.longdescription3 p, .longdescription3a p, .tallerdescription p, .supertalldescription1 p, 
.longtalldescription p, .verytalldescription p, .semitalldescription p, .longdescription13 p,
.semitalldescription1 p, .semitalldescription1a p, .middescription p, .middescription1 p, .middescription2 p,
.middescription3 p, .middescription4 p, .middescription2c p, .midtalldescription p, .shortdescription p,
.shortdescription1 p, .shortdescription2 p, .shortdescription3 p, .longdescription6 p,
.longdescription7 p, .longdescription8 p, .longdescription9 p, .extrawidedescription1 p,
.extrawidedescription2 p, .longdescription10 p, .longdescription11 p, .longdescription14 p,
.supertalldescription1 p, .supertalldescription2 p, .shortdescription4 p, .midtalldescription1 p, .midtalldescription2 p,
.shortdescription5 p, .middescription5 p, .shortdescription6 p, .shortdescription7 p,
.middescription2d p, .shortdescription3a p, .shortdescription1b p, .shortdescription1a p,
.shortdescription1c p, .shortdescription1d p, .moviedescription p {
text-align: center;
padding: 11px 15px 0 15px;
letter-spacing: 1.5px;
font-size: 0.9em;
color: #FFF;
}

.description em, .talldescription em, .semitalldescription em, .semitalldescription1 em,
.longtalldescription em, .tallerdescription em, .verytalldescription em, .supertalldescription em, 
.midtalldescription em, .midtalldescription1 em, .middescription em, .longdescription7 em, 
.middescription1 em, .middescription2 em, .middescription2a em, .middescription2b em, .middescription3 em, .middescription4 em,
.longdescription em, .longdescription1 em, .longdescription2 em, .longdescription3 em, .longdescription10 em, .midtalldescription2 em,
.longdescription11 em, .longdescription3a em, .longdescription4 em, .longdescription5 em, .extrawidedescription1 em, .extrawidedescription2 em,
.verytalldescription1 em, .supertalldescription1 em, .supertalldescription2 em, .supertalldescription3 em,
.supertalldescription4 em, .shortdescription3 em,  .middescription5 em, .middescription2d em, .tallerdescription1 em,
.supertalldescription5 em,  .middescription2c em, .longdescription12 em, .longdescription13 em ,shortdescription3a em,
.middescription2e em, .shortdescription3b em, .middescription6 em, .shortdescription1a em, .shortdescription3a em,
.longdescription2a em, .shortdescription1c em, .shortdescription1d em, .shortdescription5a em {
float: left;
margin: 10px 20px 0 20px;
letter-spacing: 1.5px;
font-style: normal;
font-size: 0.9em;
color: #FFF;
}

.description span, .longdescription span {
font-size: 90%;
font-style: italic;
color: #c4c4c4;
margin: 0 0 0 0;
}

.description {
width: 516px;
height: 40px;
}

.shortdescription {
width: 416px;
height: 40px;
}

.shortdescription1 {
width: 466px;
height: 40px;
}

.shortdescription1a {
width: 416px;
height: 90px;
}

.shortdescription1b {
width: 390px;
height: 40px;
}

.shortdescription1c {
width: 416px;
height: 80px;
}

.shortdescription1d {
width: 450px;
height: 40px;
}

.shortdescription2 {
width: 516px;
height: 40px;
}

.shortdescription3 {
width: 466px;
height: 80px;
}

.shortdescription3a {
width: 466px;
height: 95px;
}

.shortdescription3b {
width: 466px;
height: 110px;
}

.shortdescription4 {
width: 500px;
height: 40px;
}

.shortdescription5 {
width: 366px;
height: 40px;
}

.shortdescription5a {
width: 366px;
height: 140px;
}

.shortdescription6 {
width: 316px;
height: 40px;
}

.shortdescription7 {
width: 316px;
height: 80px;
}

.talldescription {
width: 516px;
height: 125px;
}

.tallerdescription {
width: 516px;
height: 165px;
}

.tallerdescription1 {
width: 516px;
height: 195px;
}

.longtalldescription {
width: 716px;
height: 245px;
}

.semitalldescription {
width: 516px;
height: 90px;
}

.semitalldescription strong {
font-style: italic;
color: #ff8c66;
letter-spacing: 1.5px;
font-size: 0.9em;
margin: 0 6px 0 3px;
color: #e4e4e4;
}

.semitalldescription1 {
width: 516px;
height: 75px;
}

.semitalldescription1a {
width: 516px;
height: 60px;
}


.verytalldescription {
width: 516px;
height: 235px;
}

.verytalldescription1 {
width: 516px;
height: 275px;
}

.supertalldescription {
width: 516px;
height: 360px;
}

.supertalldescription1 {
width: 516px;
height: 430px;
}

.supertalldescription1 strong {
font-style: italic;
font-weight: normal;
font-size: 1em;
margin: 0 6px 0 4px;
color: #f7e0aa;
}

.supertalldescription2 {
width: 600px;
height: 360px;
}

.supertalldescription2 strong {
font-style: italic;
font-weight: normal;
font-size: 1em;
margin: 0 6px 0 4px;
color: #f4be3f;
}

.supertalldescription3 {
width: 666px;
height: 330px;
}

.supertalldescription4 {
width: 716px;
height: 125px;
}

.supertalldescription5 {
width: 616px;
height: 300px;
}

.longdescription {
width: 716px;
height: 40px;
}

.longdescription1 {
width: 716px;
height: 60px;
}

.longdescription2 {
width: 716px;
height: 150px;
}

.longdescription2a {
width: 716px;
height: 180px;
}

.longdescription3 {
width: 716px;
height: 80px;
}

.longdescription3 span {
float: left;
font-style: italic;
font-size: 1em;
margin: 5px 2px 0 10px;
color: #ff8c66;
}

.longdescription3 strong {
float: left;
font-style: normal;
font-weight: normal;
margin: 5px 0 0 10px;
letter-spacing: 1.5px;
font-size: 0.9em;
color: #fff;
}

.longdescription3a {
width: 716px;
height: 95px;
}

.longdescription3a span {
margin: 0 4px 0 0;
float: left;
font-style: italic;
font-size: 1em;
color: #ff8c66;
}

.longdescription4 {
width: 716px;
height: 260px;
}

.longdescription5 {
width: 716px;
height: 110px;
}

.longdescription6 {
width: 680px;
height: 40px;
}

.longdescription7 {
width: 666px;
height: 40px;
}

.longdescription8 {
width: 566px;
height: 40px;
}

.longdescription9 {
width: 592px;
height: 65px;
}

.longdescription10 {
width: 666px;
height: 60px;
}

.longdescription11 {
width: 666px;
height: 85px;
}

.longdescription11 strong {
font-style: italic;
font-size: 0.8em;
font-weight: normal;
letter-spacing: 1px;
float: right;
margin: 2px 30px 0 0;
color: #c4c4c4;
}

.longdescription12 {
width: 716px;
height: 190px;
}

.longdescription13 {
width: 816px;
height: 40px;
}

.longdescription14 {
width: 700px;
height: 40px;
}

.middescription {
width: 616px;
height: 40px;
}

.middescription strong {
font-style: italic;
color: #ff8c66;
}

.middescription1 {
width: 616px;
height: 80px;
}

.middescription3 {
width: 616px;
height: 95px;
}

.middescription4 {
width: 616px;
height: 180px;
}

.middescription5 {
width: 616px;
height: 120px;
}

.middescription6 {
width: 616px;
height: 110px;
}

.middescription2 {
width: 566px;
height: 70px;
}

.middescription2a {
width: 566px;
height: 80px;
}

.middescription2b {
width: 566px;
height: 95px;
}

.middescription2c {
width: 566px;
height: 40px;
}

.middescription2d {
width: 566px;
height: 115px;
}

.middescription2e {
width: 566px;
height: 145px;
}

.midtalldescription {
width: 616px;
height: 170px;
}

.midtalldescription1 {
width: 516px;
height: 180px;
}

.midtalldescription2 {
width: 516px;
height: 120px;
}

.extrawidedescription1 {
width: 775px;
height: 90px;
}

.extrawidedescription2 {
width: 775px;
height: 40px;
}

.moviedescription {
width: 855px;
height: 40px;
}

.bridgejoke {
float: left;
margin-top: 60px;
height: 450px;
width: 520px;
}

.bridgejoke p {
text-align: justify;
padding: 11px 15px 0 15px;
letter-spacing: 1.5px;
font-size: 0.9em;
color: #FFF;
}

.bridgephoto {
float: right;
margin: 120px 10px 0 0;
opacity: 0.4;
}

.motorbike {
float: left;
margin-top: 20px;
margin-left: 10px;
}

/*----------------------------------------------------------------
Donald Brown's page only
-----------------------------------------------------------------*/

.insignia {
text-align: center;
margin: 10px 0 0 340px;
border: 2px solid #626262;
}

.wartitle1 {
float: left;
margin: 0 0 20px 0;
height: 32px;
width: 100%
}

.wartitle2, .wartitle3, .wartitle4, .wartitle5 {
float: left;
margin: 23px 0 20px 0;
height: 32px;
width: 100%
}

.wartitle1 p, .wartitle2 p, .wartitle3 p, .wartitle4 p, .wartitle5 p {
text-align: center;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 1.5em;
color: #fff;
color: #ff8c66;
}

.article1 em, .article2 em, .article3 em, .article4 em {
float: left;
text-align: justify;
margin: 0 20px 0 20px;
letter-spacing: 1px;
font-style: normal;
font-size: 1em;
color: #FFF;
}

.crewlist p {
margin: 0 0 10px 20px;
letter-spacing: 1.5px;
letter-spacing: 1px;
font-size: 1em;
color: #fff;
}

cite {
color: #ff8c66;
}

.intro {
float: left;
font-style: normal;
margin-right: 5px;
color: #9cf2ef;
}

.newspaper {
margin: 10px 0 0 20px;
font-style: italic;
color: #ff8c66;
}

.quote {
margin: 10px 0 0 20px;
font-style: italic;
color: #ff8c66;
}

.photocredit {
float: right;
font-style: italic;
font-weight: normal;
letter-spacing: 1.5px;
font-size: 0.8em;
margin: 24px 48px 0 0;
color: #ff8c66;
}

.photothanks {
float: right;
font-style: italic;
font-weight: normal;
letter-spacing: 1.5px;
font-size: 0.8em;
margin: 55px 0 0 0;
color: #c2c0c0;
}

/*----------------------------------------------------------------
Navigation to the Donald Brown documents
-----------------------------------------------------------------*/

.doctext {
float: left;
width: 400px;
height: 50px;
margin-top: 18px;
}

.doctext p {
letter-spacing: 1.5px;
margin-left: 20px;
font-size: 0.9em;
color: #FFF;
}

#docnav {
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
margin: 25px auto;
width: 600px;
height: 80px;
}

#docnav ul {
float: right;
width: 120px;
height: 45px;
margin: 16px 20px 0 0;
}

#docnav li {
float: right;
width: 120px;
}

#docnav li a:link, #docnav li a:visited {
padding: 12px 3px 12px 3px;
text-align: center;
display: block;
color: #fff;
}

/*-----------------------------------------------------------------*/

.doctext2 {
float: left;
width: 660px;
height: 25px;
margin-top: 28px;
}

.doctext2 p {
letter-spacing: 1.5px;
font-style: normal;
color: #fff;
letter-spacing: 1.5px;
margin-left: 20px;
}

#docnav2 {
margin: 215px auto;
width: 855px;
height: 80px;
}

#docnav2 ul {
float: right;
width: 120px;
height: 45px;
margin: 16px 20px 0 0;
}

#docnav2 li {
float: right;
width: 150px;
}

#docnav2 li a:link, #docnav2 li a:visited {
padding: 12px 3px 12px 3px;
text-align: center;
display: block;
color: #fff;
}

/*-----------------------------------------------------------------*/

.doctext3 {
float: left;
width: 600px;
height: 25px;
}

.doctext3 p {
letter-spacing: 1.5px;
font-style: normal;
font-size: 0.9em;
color: #fff;
letter-spacing: 1.5px;
margin-top: 20px;
margin-left: 52px;
}

.doctext3 span {
float: left;
letter-spacing: 1.5px;
font-style: normal;
font-size: 0.9em;
color: #fff;
letter-spacing: 1.5px;
margin-top: 95px;
margin-left: 20px;
}

#docnav3 {
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
margin: 30px auto;
width: 516px;
height: 180px;
}

#docnav3 ul {
float: right;
width: 120px;
height: 45px;
margin: 95px 15px 0 0;
}

#docnav3 li {
float: right;
width: 130px;
}

#docnav3 li a:link, #docnav3 li a:visited {
padding: 12px 3px 12px 3px;
text-align: center;
display: block;
color: #fff;
}

/*----------------------------------------------------------------
Navigation to Agnes marriage record
-----------------------------------------------------------------*/

.doctext4 {
float: left;
width: 290px;
height: 50px;
margin-top: 13px;
}

.doctext4 p {
letter-spacing: 1.5px;
text-align: justify;
margin-left: 20px;
font-size: 0.9em;
color: #FFF;
}

#docnav4 {
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
margin: 25px auto;
width: 516px;
height: 80px;
}

#docnav4 ul {
float: right;
width: 120px;
height: 45px;
margin: 16px 20px 0 0;
}

#docnav4 li {
float: right;
width: 120px;
}

#docnav4 li a:link, #docnav4 li a:visited {
padding: 12px 3px 12px 3px;
text-align: center;
display: block;
color: #fff;
}

.button10 li a, .button11 li a, .button12 li a {
background-image: url(../sitepics/buttonlayer.png);
background-position: 0 50%;
background-repeat: repeat-x;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border: 1px solid #fff;
}

.button10 li a {
background-color: #04270f;
}

.button10 li a:hover {
background-color: #255308;
}

.button11 li a {
background-color: #04270f;
}

.button11 li a:hover {
background-color: #255308;
}

.button12 li a {
background-color: #04270f;
}

.button12 li a:hover {
background-color: #255308;
}

/*---------------------------------------------------------------------------------------------------
Navigation to Donald's Diploma
-----------------------------------------------------------------------------------------------------*/

.diptext {
float: left;
margin-top: 15px;
width: 450px;
height: 130px;
}

.diptext span {
margin: 0 5px 0 5px;
font-style: italic;
font-size: 1em;
color: #f8d3c0;
}

.diptext p {
margin: 0 0 0 20px;
letter-spacing: 1.5px;
font-size: 0.9em;
color: #FFF;
}

.diptext em {
float: left;
margin: 35px 0 0 20px;
letter-spacing: 1.5px;
font-style: normal;
font-size: 0.9em;
color: #FFF;
}

#dipnav {
margin: 25px auto 0 auto;
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
width: 666px;
height: 160px;
}

#dipnav ul {
float: right;
width: 150px;
height: 45px;
margin: 107px 20px 0 0;
}

#dipnav li {
float: right;
width: 150px;
}

#dipnav li a:link, #dipnav li a:visited {
padding: 10px 3px 10px 3px;
text-align: center;
display: block;
color: #fff;
}

.button20 li a {
background-image: url(../sitepics/buttonlayer.png);
background-position: 0 50%;
background-repeat: repeat-x;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid #fff;
}

.button20 li a {
background-color: #3c1414;
}

.button20 li a:hover {
background-color: #58130d;
}

/*----------------------------------------------------------------
Navigation to Donald's Birthday Joke
-----------------------------------------------------------------*/

.doctext5 {
float: left;
width: 298px;
height: 80px;
margin-top: 18px;
}

.doctext5 em {
float: left;
text-align: justify;
margin: 5px 0 0 10px;
letter-spacing: 1.5px;
font-style: normal;
font-size: 0.9em;
color: #fff;
}

.doctext5 cite {
color: #ff8c66;
margin-left: 10px;
}

#docnav5 {
background-color: #414040;
border: 1px solid #9a9999;
border-radius: 8px;
margin: 25px auto;
width: 516px;
height: 145px;
}

#docnav5 ul {
float: right;
width: 110px;
height: 45px;
margin: 50px 25px 0 0;
}

#docnav5 li {
float: right;
width: 110px;
}

#docnav5 li a:link, #docnav5 li a:visited {
padding: 12px 3px 12px 3px;
text-align: center;
display: block;
color: #fff;
}
																																																															
/*----------------------------------------------------------------
Jess song page only
-----------------------------------------------------------------*/

#songwrap {
width: 855px;
height: 1200px;
background-color: rgba(2,154,227,.2);
margin: 20px auto 0 auto;
border: 1px solid #c4c4c4;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}

h6 {
color: #fff;
font-size: 0.8em;
margin: 25px 0 0 20px;
}

#playerbox {
margin: 40px auto 0 auto;
width: 422px;
height: 116px;
}

#lyricbox {
position: relative;
margin: 0 auto 0 auto;
background-color: #000;
background-image: url(../jessie/fullsize/jesscutout1.png);
background-position: bottom right;
background-repeat: no-repeat;
top: 30px;
width: 750px;
height: 640px;
padding-top: 30px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}

#lyricbox p {
font-size: 0.9em;
text-align: left;
letter-spacing: 1px;
margin: 0 0 0 20px;
color: #fff;
}

.jessie {
position: absolute; 
right: 0;
bottom: 0;
}

.songbox {
margin: 50px auto 0 auto;
background-color: rgba(0,51,0,.4);
background-color: #606060;
width: 750px;
height: 240px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}

.songbox em {
float: left;
margin: 10px 20px 0 20px;
letter-spacing: 1.5px;
font-style: normal;
font-size: 0.9em;
color: #fff;
}

.songbox span {
margin-left: 5px;
margin-right: 5px;
letter-spacing: 1px;
font-style: italic;
color: #fff;
}

.moondance {
position: absolute;
bottom: 40px;
left: 15px;
}

/*-------------------------------------------------------------------------
Weather
--------------------------------------------------------------------------*/