html {
background-color:#D9D0B7;
border:0;
height:100%; 
max-height:100%; 
margin:0; 
padding:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
height:auto;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
}

/* LEFT PAGE & CONTENTS*/
#pageA {
float:left;
height:570px;
width:365px;
margin-top:15px;/*30px; */
margin-right:0px;
margin-bottom:0px;
margin-left:132px; 
position:absolute;
overflow:auto;
}

.photoside {
padding-top:0px;
padding-right:auto;
padding-bottom:0px;
padding-left:auto;
position:center;
}

p.phototitle {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-size:18px;
font-weight:bold;
font-style:italic;
text-decoration:none;
text-align:center;
padding:0px;
}

.author {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-size:15px;
font-weight:bold;
font-style:none;
text-decoration:none;
padding:0 5 0 0;
}

p.photocaption {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-size:11px;
font-weight:normal;
font-style:italic;
text-decoration:none;
text-align:center;
padding:0px;

}
/* end of left page */


/* RIGHT PAGE & CONTENTS */
#pageB {
float:right;
height:570px;
width:320px;
margin-top:15px; 
margin-right:95px;
margin-bottom:114px;
margin-left:532px;
padding-top:0px;
padding-right:15px;
padding-bottom:0px;
padding-left:0px;
position:absolute;
overflow:auto;
}
/* END OF RIGHT PAGE & CONTENT */

/* SPECIALIZED USUAL STUFF FOR WRITTEN ARTICLES */
a.inline {
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
text-decoration:underline;
font-weight:bold;
color:#0C5938;
text-decoration:none;
outline:none;	
}

a.inline:hover {
color:#B22011;

}

a.inline:focus {
outline:none;
}
/* END OF SPECIALIZED USUAL STUFF FOR WRITTEN ATICLES */


/* THE USUAL STUFF */
a {
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
text-decoration:underline;
text-align:center;
}

p {
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-size:12px;
color:#773820;
text-align:left;
}

li {
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-size:11px;
color:#773820;
text-align:left;
}

li.with_icon {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-size:14px;
line-height:33px;
list-style-type:none;
text-align:left;
}

li.no_designator {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-size:14px;
line-height:14px;
list-style-type:none;
text-align:left;
}

h1 {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-weight:normal;
font-size: 28px;
font-weight:bold;
text-align:center;
}

h2 {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-weight:normal;
font-size:20px;
font-weight:bold;
font-style:italic;
text-align:center;
}

h3 {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-weight:normal;
font-size: 16px;
font-weight:bold;
font-style:italic;
text-align:center;
}

.trait_name {
padding:0 55px;
}

h4 {
color:#773820;
font-family:Georgia, Palatino Linotype, Times New Roman, Serif;
font-weight:normal;
font-size:14px;
font-weight:bold;
font-style:italic;
text-align:right;
}

hr {
background-image:url(../images/bits/hr.png);
background-position:center;
background-repeat:no-repeat;
border:0px;
height:9px;
width:250px;
}

.update {
color:#773820;
font-family:Verdana,Arial,Helvetica;
font-size:9px;
font-weight:normal;
text-align:center;
padding:8px;
}

.closure {
font-size:10px;
text-align:center;
}

.closure_left {
font-size:10px;
text-align:left;
}

/* END OF USUAL STUFF*/