/* CSS Sheet for my Family Web Site */

#header {font-family: castellar; color: white; font-size: 30pt; text-align: center; background: url(images/tartan_top_border.jpg) fixed; height: 100px}


/* link rules */
a:link{color: green; text-decoration:none}
a:visited{color: green; text-decoration:none}
a:hover{color: blue; text-decoration:none}

/* class definitions for images*/
img.middle {vertical-align: middle; border: none; height: 40px; width: 40px}
img.arthur {vertical-align: top; border-style: none; float: left}
img.mcgee {vertical-align: top; border-style: none; float: right}

/* id definitions for main page navigation */
#mainnav {font-family:arial; border: none; background: url(images/tartan_transp.png) fixed; height: 100px; margin:5px}
#mainnav_top {font-family:arial; color: black; font-size: 15pt; text-indent: 5px; text-align: center; padding: 5px}
#mainnav_bottom {font-family:arial; color: black; font-size: 15pt; text-indent: 5px; text-align: center; padding: 5px}
#buttonA {position:relative; border:none; text-align:center; margin-left: 50px; margin-right: 50px}

/* id definition for body of page */
#mainpage {font-family:arial; border:none; margin:10px; max-width:70em; float:left}

/* id definitions for Bible verse area */
#verse {font-family: arial; color: black; font-size:12pt; border-style:outset; padding:5px; margin: 5px; width:17%; float:left; line-height:30px}

/* id definitions for center clan crest area and individual crests */
#clan {width: 58%; height: 550px; border:none; margin: 5px; float:left}
#arthur {font-family: arial; color: black; font-size: 12pt; width: 45%; min-height: 430px; border: none; padding:5px; margin: 5px; float:left}
#mcgee {font-family: arial; color: black; font-size: 12pt; width: 45%; min-height: 430px; border: none; padding:5px; margin: 5px; float:left}

/*id definitions for right side of page */
#rightside {font-family: arial; color: blue; font-size: 10pt; border: none; margin: 5px; height: 550px; width:20%; float:right}
#right_top {border: none; width:90%; margin:5px; height: 190px; text-align:center}
#right_mid {border: none; width:90%; margin:5px; height: 190px; text-align:center}
#right_bot {font:family: arial; font-color:green; font-size: 12pt; text-align: center; border: none; width:90%; margin:5px; height: 140px}


/* id definition for footer */
#pg_bottom {font-family: arial; color:white; font-size: 9pt; text-align: right; border: none; margin:5px; padding:5px; width:1200px; float:left; 
    background: url(images/tartan_top_border.jpg)}



/* id definitions for secondary navigation - subordinate pages */
#secnav {font-family:arial; color:black; font-size: 15pt; text-align: center; margin:5px; border: none; background: url(images/tartan_transp.png) fixed}
#buttonB {position:relative; border:none; text-align:center; margin-left: 15px; margin-right: 15px}

/* id definition for About Us page top */
#about_top {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; max-width:70em}

/* id definitions for About Us page */
#about {border-style:outset; margin:5px; padding:5px; max-width:70em; float:left}
#about_dan {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; width:45%; float:left;
            background: url(images/swo.png) no-repeat center; height: 250px}
#about_mel {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; width:45%; float:right; height:250px;
            background: url(images/flower.jpg) no-repeat center}
#about_kids {font-family: arial; color:black; font-size:12pt; border: none; padding:5px; margin:5px; width:95%; float:left}
#about_k {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; width:30%; min-height: 350px;
          background: url(images/k_dancing.png) no-repeat center; float:left}
#about_t {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; width:30%; min-height: 350px;
          background: url(images/t_dancing.png) no-repeat center; float:left}
#about_a {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; width:30%; min-height: 350px;
          background: url(images/a_dancing.png) no-repeat center; float:left}
#about_l {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; width:30%; float:left; min-height: 350px;
          background: url(images/lydia.png) no-repeat center; float:left}
#about_new {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; padding:5px; width:30%; float:left}

#interests {border: none; margin:5px; padding:5px; max-width:70em; float:left}

/* Heading Definitions */
h3 {font-family:arial; color:green; font-size: 14pt; text-decoration:underline; text-align:center; padding:2px; margin: 2px}
h4 {font-family:arial; color:green; font-size: 12pt; text-decoration:underline; text-align:center; padding:2px; margin: 2px}
h5 {font-family:arial; color:green; font-size: 12pt; padding:2px; margin: 2px; font-weight:normal}

/* class selector for About Us page */
.name {font-family: arial; color:green; font-size:13pt; text-decoration:underline; text-align:center}
p.indent1 {font-family: arial; text-indent: 10px}
p.indent2 {font-family: arial; text-indent: 10px; line-height: 30px}


/* id definitions for Genealogy page */
#gen_main {border: none; margin:5px; float:left; max-width:70em}
#gen_narr {font-family: arial; color:black; font-size:12pt; border: none; margin:5px; width:75%; padding:5px; float:left; border-right-style:double; border-color:green}
#gen_docs {font-family: arial; color:black; font-size:12pt; margin:5px; padding:5px; width:20%; float:right; border-style:outset}


/* id definitions for Favorites page */
#favs {border: none; margin:5px; float:left; max-width:70em}
#favs_l {font-family: arial; color:black; font-size:12pt; border-right-style:double; border-color:green; margin:5px; padding:5px; width:30%; float:left; 
         line-height:30px}
#favs_c {font-family: arial; color:black; font-size:12pt; border:none; margin:5px; padding:5px; width:30%; float:left; line-height:30px}
#favs_r {font-family: arial; color:black; font-size:12pt; border-left-style:double; border-color:green; margin:5px; padding:5px; width:30%; float:right; 
         line-height:30px}
p.fav_l {font-family: arial; color:black; font-size:11pt; line-height:normal; text-indent:10px}

/*id definitions for Contact page */
#contact_main {border:none; margin:5px; float:left}
#contact_top {border:none; margin:5px; padding:5px}
#contact_email {border: none; margin:5px; padding:5px; text-align:center}