/* --- BODY --- */
html, body { margin: 0 auto; padding: 0; min-width: 1000px; background: #FDFDFD url(cherryblossom.gif) top left no-repeat; border-top: 2px solid #000; }
html, body { font: 68.5% "Palatino Linotype", "Book Antiqua", Palatino, serif; }
body { font: 1.1em Verdana, Geneva, sans-serif; text-align: left; margin: 0px; padding: 0px; line-height: 1.7em; color: #707070; }





/* --- CONTAINERS AND CLASSES --- */
#top { margin: 0; padding: 0; width: 100%; height: 122px; background-color: transparent; }
#content { margin: 0 auto; padding: 0; width: 88%; background-color: transparent; }
#space { margin: 0 auto; padding: 0; width: 88%; height: 40px; background: transparent url(butterfly.gif) bottom right no-repeat; clear: both;}


.holder { margin: 0 auto; padding: 0; background: transparent; }
.half { float: left; margin: 0 auto; padding: 0 8px 0 0; width: 48%; background: transparent; }





/* --- TITLE --- */
#title { margin: 0; padding: 0; width: 39%; background-color: transparent; float: left; }
h1 { font: 2.4em "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: 0.2em; margin: 0; padding: 60px 0 0 120px; text-align: left; color: #716F70; }
#title A:link, #title A:active, #title A:visited { text-decoration: none; color: #716F70; }
#title A:hover { text-decoration: underline; color: #716F70; }



/* --- MENU --- */
#menu { margin: 0; padding: 0; width: 60%; background-color: transparent; float: right;}
#menu ul { margin: 0; padding: 0; width: 100%; }
#menu li { font: 1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform: lowercase; margin: 0; padding: 72px 0 0 0; float: right; width: 140px; list-style: none; color: #FF9DAA; }
#menu A:link, #menu A:active, #menu A:visited { text-decoration: none; color: #E1617B; }
#menu A:hover { color: #757575; }
#menu A.current:link, #menu A.current:active, #menu A.current:visited, #menu A.current:hover { text-decoration: none; color: #757575; }





/* --- CRUMB --- */
#crumb { margin: 0 auto; padding: 0; width: 90%; height: 55px; background: transparent url(doubledot.gif) top left repeat-x; }
#crumb p { font: 1em "Trebuchet MS", Helvetica, sans-serif; padding: 18px 0 0 60px; color: #707070; }
#crumb A:link, #crumb A:active, #crumb A:visited { text-decoration: none; color: #B4616D; }
#crumb A:hover { color: #707070; }





/* --- PAGE --- */
.page { margin: 0; padding: 0 25px 0 0; width: 73%; min-height: 40px; background: transparent url(dotbreak.gif) top right repeat-y; float: left; }


h2 { font: 1.8em "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0; padding: 25px 0 25px 0; color: #E1617B; }
h3 { font: 1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; line-height: 1.7em; margin: 0; padding: 25px 0 0 0; color: #555; }
h4 { font: 1.2em Verdana, Geneva, sans-serif; font-weight: bold; line-height: 1.7em; margin: 0; padding: 25px 0 0 0; color: #555; }
h4.center { text-align: center; }
h5 { font: 1em Verdana, Geneva, sans-serif; font-weight: bold; line-height: 1.7em; margin: 0; padding: 25px 0 0 0; color: #555; }


p { font: 1em Verdana, Geneva, sans-serif; line-height: 1.7em; margin: 0; padding: 0 0 25px 0; color: #707070; }
p.quote { padding: 0; font-style: italic; }
p.right { padding: 0 0 25px 0; text-align: right; }
p.top { font: 0.9em Verdana, Geneva, sans-serif; }
p.center { text-align: center; }
p.updated { font: 0.9em Verdana, Geneva, sans-serif; }
p.background { color: #FDFDFD; }

blockquote { font: 1em Verdana, Geneva, sans-serif; line-height: 1.7em; margin: 0 50px 25px 50px; padding: 10px 15px 0 15px; color: #707070; background-color: #F6F6F6; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }


/* --- SUBNAV --- */
.subnav { margin: 0; padding: 0; width: 24%; min-height: 40px; background-color: transparent; float: right; }
.subnav ul { margin: 0 auto; padding: 0; width: 95%; }
.subnav li { font: 1.2em "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0; padding: 20px 0 0 0; list-style: none; }
.subnav li A:link, .subnav li A:active, .subnav li A:visited { margin: 0; padding: 0 0 0 25px; text-decoration: none; color: #707070; display: block; }
.subnav li A:hover { margin: 0; padding: 0 0 0 25px; color: #D76F7C; background: transparent url(navlink.gif) center left no-repeat; }
.subnav A.active:link, .subnav A.active:active, .subnav A.active:visited, .subnav A.active:hover { margin: 0; padding: 0 0 0 25px; text-decoration: none; color: #707070; background: transparent url(navactive.gif) center left no-repeat; display: block; }





/*--- LISTS --- */
ul { margin: 0; padding: 0 0 25px 15px; width: 100%; }
li { font: 1em Verdana, Geneva, sans-serif; margin: 0; padding: 0; line-height: 1.7em; list-style: none; }
li.strong { font-weight: bold; }
li.list { padding: 0 0 0 40px; }
li.dotlist { padding: 0 0 25px 0; list-style: circle outside; }
li.indent { padding: 10px 0 0 40px; list-style: disc inside; }
li.jump { padding: 0 0 0 40px; list-style: disc inside; }
li.nodot { padding: 0 0 25px 30px; }
li.number { margin: 0 0 15px 30px; padding: 0; list-style: decimal outside; }




/* --- IMAGES --- */
img.dogs { border: 2px solid #707070; position: relative; width: 100px; height: 80px; float: left; margin: 8px 15px 8px 0; }
img.cats { border: 2px solid #707070; position: relative; width: 100px; height: 80px; float: right; margin: 8px 0 8px 15px; }





/*--- LINKS --- */
A:link, A:active, A:visited { text-decoration: none; color: #D76A7D; }
A:hover { color: #757575; }

A.strong:link, A.strong:active, A.strong:visited, A.strong:hover { font-weight: bold; }
A.out:link, A.out:active, A.out:visited, A.out:hover { padding: 0 16px 0 0; background: transparent url(http://www.dei-gratia.net/files/outlink.gif) center right no-repeat; }
A.strongout:link, A.strongout:active, A.strongout:visited, A.strongout:hover { font-weight: bold; padding: 0 16px 0 0; background: transparent url(http://www.dei-gratia.net/files/outlink.gif) center right no-repeat; }





/* --- FOOTER --- */
#footer { margin: 0 auto; padding: 0; width: 90%; height: 60px; background: transparent url(dotborder.gif) top left repeat-x; clear: both; }
#footer p.left { font: 0.9em Verdana, Geneva, sans-serif; text-align: left; margin: 0; padding: 8px 0 0 0px; }
#footer p.right { font: 0.9em Verdana, Geneva, sans-serif; text-align: right; margin: 0; padding: 8px 0 0 0; }
#footer A:link, #footer A:active, #footer A:visited { font-weight: bold; text-decoration: none; color: #757575; }
#footer A:hover { color: #D76A7D; }
#footer A.out:link, #footer A.out:active, #footer A.out:visited, #footer A.out:hover { padding: 0 16px 0 0; background: transparent url(http://www.dei-gratia.net/files/outlink.gif) right center no-repeat; }