/* ************************************************ *
 * this style sheet is used for the primary layout  *
 * ************************************************ */

/* ********************** *
 * this is the id section *
 * ********************** */

#light-green
  { color: #99ff33;  }

#centered
  { margin: 0 auto;
    text-align: center;  }

#innerborder
  { margin: 2px 0 7px 0;
    text-align: center;
    background-color: #1f3d3c;
    border: 2px solid #e6d23c;  }

#legal
  { width: 30%;
    float: left;  }

#legal_center
  { width: 30%;
    float: left;
    margin-left: 4%;  }

#legal_left
  { width: 30%;
    float: left;
    margin-left: 4%;  }

#legal_right
  { width: 30%;  }

#outerborder
  { padding: 15px;
    margin: 0 auto;
    text-align: center;
    background-color: #2f5a5b;
    border: 2px solid #e6d23c;  }

#outer_shell
  { padding-top: 14px;
    padding-right: 25px;
    padding-bottom: 0;
    padding-left: 185px;  }

#top
  { margin-top: -9px;  }

/* ********************************* *
 * this is the general class section *
 * ********************************* */

.ahnav
  { font-size: small;
    font-weight: bold;
    margin: -5px 0 -3px 0;  }

.award_center
  { margin: 0 auto;
    text-align: center;
    font-size: small;  }

.award_left
  { width: 35%;
    font-size: small;
    text-align: right;  }

.award_right
  { width: 35%;
    font-size: small;
    text-align: left;  }

.bold
  { font-weight: bold;  }

.caption
  { font-size: x-small;
    font-weight: bold;  }

.celt_lfloat
  { float: left;
    width: 50%;  }

.celt_rfloat
  { float: right;
    width: 30%;  }

.center
  { margin: 0 auto;
    text-align: center;  }

.center_minus
  { margin: 0 auto;
    text-align: center;
    margin-left: -10%;  }

.center_minus_gold
  { margin: 0 auto;
    color: #e6d23c;
    text-align: center;
    margin-left: -10%;  }

.cll
  { width: 120px;
    height: 150px;   }

.content
  { margin: 0 auto;
    text-align: center;
    padding: 0 50px 0 50px;  }

.cyndi
  { float: left;
    width: 40%;  }

.enjoy
  { font-family: "book antiqua", serif;
    font-size: x-large;  }

.generations
  { font-weight: bold;
    text-align: center;  }

.gold
  { color: #e6d23c;  }

.history
  { text-align: center;
    font-style: normal;
    font-weight: normal;
    font-family: "book antiqua", serif;  }

.indent
  { margin-left: 5%;  }

.italic
  { font-style: italic;  }

.left
  { text-align: left;  }

.lfloat
  { float: left;  }

.mar_left
  { margin-left: 5%;  }

.mar_left_20
  { margin-left: 60px;  }

.mar_left_60
  { margin-left: 60px;  }

.mar_left_120
  { margin-left: 120px;  }

.mar_left_125
  { margin-left: 125px;  }

.mar_left_minus
  { margin-left: -5%;  }

.mar_lr
  { margin-left: 6.25%;
    margin-right: 6.25%;  }

.mar_lr_short
  { margin-left: 2.5%;
    margin-right: 2.5%;  }

.mar_lr_15
  { margin-left: 15%;
    margin-right: 15%;  }

.mar_right
  { margin-right: 25px;  }

.mh019
  { margin-left: 19px;  }

.mh024
  { margin-left: 24px;  }

.mh032
  { margin-left: 32px;  }

.mh037
  { margin-left: 37px;  }

.mh056
  { margin-left: 56px;  }

.mh059
  { margin-left: 59px;  }

.mh068
  { margin-left: 68px;  }

.mh069
  { margin-left: 69px;  }

.mh070
  { margin-left: 70px;  }

.mh072
  { margin-left: 72px;  }

.mh075
  { margin-left: 75px;  }

.mh080
  { margin-left: 80px;  }

.mh082
  { margin-left: 82px;  }

.mh083
  { margin-left: 83px;  }

.mh084
  { margin-left: 84px;  }

.mh085
  { margin-left: 85px;  }

.mh087
  { margin-left: 87px;  }

.mh092
  { margin-left: 92px;  }

.mh094
  { margin-left: 94px;  }

.mh100
  { margin-left: 100px;  }

.mh101
  { margin-left: 101px;  }

.mh102
  { margin-left: 102px;  }

.mh105
  { margin-left: 105px;  }

.mh108
  { margin-left: 108px;  }

.mh132
  { margin-left: 132px;  }

.mh139
  { margin-left: 139px;  }

.nav
  { position: fixed;
    top: 13px;  left: 1px;
    width: 130px;
    font-size: small;
    text-align: left;
    padding-left: 15px;
    margin: 10px 20px 0 20px;
    background-color: #1f3d3c;
    border: 2px solid #e6d23c;  }

.nav2
  { margin-bottom: -5%;  }

.normal
  { font-weight: normal;  }

.pad_left93
  { padding-left: 93px;  }

.page_title
  { color: #e6d23c;
    font-family: serif;  }

.popUp 
  { width: 220px;
    font-size: 15px;
    border: 2px solid #e6d23c;
    background-color: #1f3d3c;
    color: #ffffff;
    padding: 8px;  }

.post_date
  { text-align: center;
    font-size: x-small;  }

.quote
  { margin: 0 20px 0 20px;
    font-style: italic;
    font-weight: bold;
    font-family: "book atiqua", "times new roman", serif;  }

.red
  { color: red;  }

.restab_center
  { font-weight: bold;
    margin: 0 auto;
    text-align: center;  }

.restab_left
  { float: left;
    width: 55%;
    margin: -3% 5px 0 10px;  }

.restab_right
  { margin: -3% 20px 0 0;
    width: 38%;  }

.rfloat
  { float: right;  }

.right
  { text-align: right;  }

.roman_left
  { margin-left: 5%;
    list-style-type: lower-roman;  }

.search_left
  { float: left;
    width: 45%;
    text-align: right;  }

.search_right
  { width: 45%;
    text-align: left;  }

.sig
  { text-align: right;
    font-size: x-large;
    font-family: georgia, garamond, serif;  }

.signature
  { color: #e6d23c;
    font-size: x-large;
    font-family: serif;  }

.small
  { font-size: small;  }

.srbutton
  { cursor: pointer;
    font-weight: bold;
    background-color: #e6d23c;  }

.tab1
  { width: 30%;
    text-align: left;  }

.tab2
  { width: 3%;  }

.tab3
  { height: 45px;
    font-size: small;
    text-align: center;
    border-width: 2px;
    border-color: #e6d23c;
    border-style: solid;  }

.tab4
  { width: 30%;
    text-align: right;  }

.tab5
  { height: 38px;
    width: 149px;
    margin-top: 10px;
    padding-top: 5px;
    font-size: small;
    text-align: center;
    border-width: 2px;
    border-color: #e6d23c;
    border-style: solid;  }

.text
  { margin: 0  5% 2.5% 22.5%;  }

.text_continued
  { margin: 0  5% 2.5% 5%;  }

.topbot
  { margin: 0 auto;
    text-align: center;
    margin: -5px 0 -3px 0;  }

.underline
  { text-decoration: underline;  }

.uwsag
  { font-size: large;
    font-weight: bold;
    text-align: center;  }

.width100
  { width: 100%;
    padding-left: 20px;  }

.xlarge
  { font-size: x-large;  }

.xsmall
  { font-size: x-small;  }

/* ************************************** *
 * this is the tag specific class section *
 * ************************************** */

a:active
  { color: #f7ebd6;  }


a:active a:link a:visited 
  { text-decoration: underline;  }

a:hover
  { color: #e6d23c;
    text-decoration: none;  }



a:link
  { color: #e6d23c;  }

a:visited
  { color: #e6d23c;  }

body
  { color: #ffffff;
    background-color: #1f3d3c;
    background-attachment: fixed;
    background-image: url(images/dgren006.jpg);
    font-family:  verdana, arial, helvetica, tahoma, sans-serif;  }

dd
  { text-align: justify;  }

div.listl
  { float: left;
    width: 40%;  }

div.listr
  { width: 60%;
    margin-left: 25px  }

div.post
  { margin: 0 auto;
    text-align: center;
    padding: 0 45px 0 45px;  }

h1
  { color: #e6d23c;
    font-family: "book antiqua", serif;  }

h3
  { text-align: center;  }

h5
  { text-align: left;  }

hr
  { width: 95%;
    color: #f7ebd6;  }

img
  { border: 0;  }

ol, ul
  { text-align: left;  }

ol.alpha
  { list-style-type: upper-alpha;  }

ol.none
  { list-style-type: none;  }

ol.number
  { list-style-type: decimal;  }

p
  { text-align: justify;  }

table
  { width: 90%;  }

table.access
  { margin: 0 auto;
    text-align: center;  }

td.access
  { width: 4%;
    text-align: left;  }

td.access1
  { width: 26%;
    text-align: left; }

ul.address
  { margin-left: 35%;
    list-style-type: none;  }

ul.ahnen
  { list-style-type: none;  }

/* ************************************ *
 * the following classes are for forms  *  
 * ************************************ * */

.forms
  { margin: 0 40px 0 40px;  }


/* ******************************************** *
 * the following classes are image descriptions *  
 * ******************************************** */

.cannon
  { width: 525px;
    height: 394px;   }

.cannon_small
  { width: 520px;
    height: 390px;   }

.horizontal
  { width: 90%;
    height: 7px;  }

.john_en
  { width: 720px;
    height: 1163px;
    margin-left: -4.5%  }

.s73x31
  { width: 73px;
    height: 31px;  }

.s88x31
  { width: 88px;
    height: 31px;  }

.s95x30
  { width: 95px;
    height: 30px;  }

.s98x31
  { width: 98px;
    height: 31px;  }

.s108x34
  { width: 108px;
    height: 34px;  }


/* **************************************** *
 * the following ids are image descriptions *  
 * **************************************** */

#advanced
  { width: 190px;
    height: 180px;   }

#ancestry
  { width: 238px;
    height: 188px;   }

#apex
  { width: 100px;
    height: 69px;   }

#arms
  { width: 293px;
    height: 636px;
    margin-right: 20px;   }

#arrow
  { width: 100px;
    height: 34px;   }

#awardsites
  { width: 468px;
    height: 60px;   }

#beacon
  { width: 143px;
    height: 93px;  }

#bearz
  { width: 130px;
    height: 130px;   }

#becky
  { width: 156px;
    height: 188px;   }

#carpe
  { width: 100px;
    height: 140px;  }

#champ
  { width: 120px;
    height: 163px;  }

#cordwainer
  { width: 275px;
    height: 350px;
    background-color:#FFFFc8;   
    border-style: outset;
    border-color: #963;
    border-width: 15px; 
    padding: 20px;   }

#cordwainer_small
  { width: 182px;
    height: 225px;
    background-color:#FFFFc8;   
    border-style: outset;
    border-color: #963;
    border-width: 7.5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-right: 15px;   }

#columbia
  { width: 450px;
    height: 252px;  }

#cyndi
  { width: 135px;
    height: 135px;   }

#cynthia
  { width: 88px;
    height: 31px;
    margin-right: 10px;   }

#diskus
  { width: 90px;
    height: 130px;  }

#dove
  { width: 114px;
    height: 140px;  }

#funtyme
  { width: 100px;
    height: 130px;  }

#eber
  { width: 125px;
    height: 125px;   }

#game
  { width: 129px;
    height: 150px;   }

#garrigues
  { width: 202px;
    height: 112px;   }

#gen_family
  { width: 249px;
    height: 180px;   }

#generations
  { width: 525px;
    height: 407px;  }

#george
  { float: left;
    width: 220px;
    height: 296px;
    margin-top: .75%;
    margin-right: 5%;
    margin-bottom: 1%;  }

#georgefriend
  { width: 100px;
    height: 120px;   }

#gold_left_arrow
  { width: 50px;
    height: 15px;
    margin: 0 25px 15px 0;   }

#gold_right_arrow
  { width: 50px;
    height: 15px;
    margin: 0 0 15px 25px;   }

#gold_up_arrow
  { width: 15px;
    height: 50px;   }

#golden
  { width: 164px;
    height: 192px;   }

#harmony
  { width: 100px;
    height: 128px;  }

#heritage
  { width: 175px;
    height: 177px;  }

#hugs
  { width: 107px;
    height: 151px;  }

#jaded
  { width: 154px;
    height: 183px;  }

#james
  { width: 200px;
    height: 364px;
    margin-right: 20px;  }

#jamesmary
  { width: 450px;
    height: 305px;  }

#john
  { width: 240px;
    height: 336px;
    margin-right: 2%;  }

#john_bc
  { width: 720px;
    height: 416px;
    margin-left: -4.5%  }

#john_cc
  { width: 720px;
    height: 828px;
    margin-left: -4.5%  }

#john_dc
  { width: 720px;
    height: 1006px;
    margin-left: -4.5%  }

#john_mc
  { width: 720px;
    height: 230px;
    margin-left: -4.5%  }

#kiss
  { width: 140px;
    height: 140px;;  }

#kit
  { width: 100px;
    height: 140px;;  }

#lillian
  { width: 240px;
    height: 312px;
    margin-left: 2%;  }

#lindor
  { width: 91px;
    height: 176px;  }

#lupe
  { width: 100px;
    height: 140px;  }

#lusitania
  { width: 335px;
    height: 267px;  }

#machineshop
  { width: 525px;
    height: 398px;  }

#maggie
  { margin-right: 2%;
    margin-bottom: 1%;
    width: 250px;
    height: 270px;  }

#manitoulin
  { width: 287px;
    height: 254px;  }

#mike
  { width: 195px;
    height: 160px;  }

#megan
  { width: 250px;
    height: 250px;  }

#mona
  { width: 188px;
    height: 188px;  }

#mond
  { width: 115px;
    height: 150px;  }

#mond_eval
  { width: 100px;
    height: 120px;  }

#mondexcell
  { width: 120px;
    height: 180px;  }

#mondgold
  { width: 110px;
    height: 128px;  }

#nancy
  { width: 192px;
    height: 192px;  }

#nautical
  { width: 127px;
    height: 152px;  }

#nautical_friend
  { width: 163px;
    height: 196px;  }

#nodus
  { width: 90px;
    height: 120px;  }

#onzcda
  { width: 100px;
    height: 100px;  }

#onzcda_som
  { width: 100px;
    height: 100px;  }

#pelaquita
  { width: 107px;
    height: 137px;  }

#pemaweb
  { width: 100px;
    height: 137px;  }

#pemaweb_gold
  { width: 104px;
    height: 117px;  }

#penmeric
  { width: 174px;
    height: 123px;  }

#plant
  { width: 361px;
    height: 170px;  }

#poetic
  { width: 100px;
    height: 140px;  }

#preserve
  { width: 276px;
    height: 180px;  }

#purple
  { width: 160px;
    height: 200px;  }

#rau
  { width: 150px;
    height: 40px;  }

#raymond
  { float: right;
    width: 220px;
    height: 375px;
    text-align: left;
    margin-left: 5%;
    margin-bottom: 2%;
    margin-top: .75%;  }

#reasons
  { width: 125px;
    height: 134px;  }

#reflections
  { width: 150px;
    height: 150px;  }

#rolling
  { width: 150px;
    height: 150px;  }

#sixty
  { width: 162px;
    height: 191px;  }

#talking_hands_evaluator2
  { width: 150px;
    height: 100px;  }

#time_award
  { width: 150px;
    height: 50px;  }

#timekeeper
  { width: 110px;
    height: 147px;  }

#timeline
  { width: 113px;
    height: 156px;  }

#timeline_silver
  { width: 125px;
    height: 172px;  }

#title_img
  { width: 400px;
    height: 150px;  }

#top10
  { width: 150px;
    height: 65px;  }

#translate
  { width: 100px;
    height: 25px;  }

#uwsag_banner
  { width: 400px;
    height: 60px;  }

#uwsag_img
  { width: 150px;
    height: 50px;  }

#vies_inn
  { width: 140px;
    height: 150px;  }

#webmaster
  { width: 90px;
    height: 98px;   }

#writing
  { width: 184px;
    height: 129px;   }

#wow
  { width: 102px;
    height: 122px;  }