/* =====START OF BOILERPLATE============= */
*{
margin:0;
padding:0;
font-size:100%;
top:0;
left:0;
right:0;
bottom:0;
}
body{
background-color:#000;
}
a{
text-decoration:none;
}
a:hover{
color:#fff;
}
a:active{
color:#f0f;
}

/* =====MENU BAR============= */
img#menutab{
top:0;
left:0;
position:fixed;
height:100%;
z-index:100;
cursor:pointer;
}

img#menutab a{
cursor:pointer;
}
/* =====START OF LAYOUT============= */
* html #wrapper {height: 100%;} /* for IE 5 and 6 Win */

#wrapper{ /* needed for Opera to expand the layout table */
position:absolute;
top:0;

/* padding-left:9px; */
width:98%;
height:100%;
min-height: 100%;
}

table{ 
table-layout:fixed;
width:100%;
height:100%;
border-collapse: collapse;
}
td{ 
vertical-align:top;
border: none; 
}
td.menu{
width:250px;
padding:0% 0% 0% 16px;
border-top: solid #000;
border-right: solid #000; 
background-color:#999;
}
td.content{
width:100%;
padding:1% 0% 0% 0%;
border-top: solid #000;
background-color:#fff;
}
/* ======START OF MENU============ */
div#menubar{
top:0;
left:0;
width:15px;
position:fixed;
background-color:#000;
padding:5px 5px 5px 5px;
text-align:center;
font-size: .8em;
font-weight: bold;
color:#f00;
height:100%;
margin: 0px -24px 0px 0px;
border-top: 3px solid #000;
border-right: 3px solid #000;
z-index:10;
}

dl#mymenu { 
position:relative;
width:auto;
height:auto;
font-family:arial, sans-serif;

}
dl#mymenu,dd { margin: 0; }
#mymenu dt { 
background: #F36; 
font-size:1.3em; 
font-weight: bold;
color:#fff;
padding:5px 5px 5px 20px;
margin: 2px; 
}
#mymenu dd{padding:0px 15px 0px 30px;}
#mymenu dt.mt{background-color:transparent;margin:-8px;z-index:1;}
#mymenu dt{z-index:1;}
#mymenu dt a { color: #fff;}
#mymenu dt a:hover { color: #000;}
#mymenu dd a { color: #fff;}
#mymenu dd a:hover { color: #000; }
#mymenu ul { list-style:none; padding: 5px; }
#mymenu li span.info{color:#fff; }
#menutitle{
background-color:#999;
background-image: url("../icons/AP2008.png");
background-repeat:no-repeat;background-position:center center;
margin: 0px 3px -15px 3px;
}


/* =====END MENU============= */
/* ===== START OF PAGE 1 ==== */
/* ===== START OF HEADER ==== */
#header{
width:100%;
height:auto;
padding:0;
margin:0 0 6pt 0; /* for space above H1 headline [.header2]  */
border: 3pt solid #000;
background-color:red;
}
/* ===== START OF TITLE IMAGE ==== */
#titleimage{
float:left;
height:auto;
width:100%;
padding:2px 0px 8px 0px;
}
/* ===== END OF TITLE IMAGE ==== */

/* =====START HEADER IMAGE== */
#headerimage{
float:left;
height:auto;
width:100%;
border-top:3pt solid black;
margin-top:-3pt;
}
/* ======END HEADER IMAGE== */
/* ===== END OF HEADER ==== */
/* ======START BODY======== */
.content a{text-decoration:none;}
.content a:link{color:#03F;}
.content a:visited{color:#C30;}
.content a:focus{color:#fff;}
.content a:hover{color:#fff;background-color:#F33;}
.content a:active{color:#fff;background-color:#F33;}
.header2{color:#f33;font-weight:bold;line-height:1.5em;}
.header2 i{font-weight:normal;}
.image img{border: 5px solid #000;height:auto;width:100%;}
.verimage img{border: 5px solid #000;height:100%;width:auto;}
#col1 img{width:100%;height:auto;}
#col2 img{width:100%;height:auto;}
#landscan1 img{width:100%;height:auto;}


#familySnapshot img.imagetitle{
font-size: small;
font-style: italic;
line-height:1em;
margin-bottom:.2em;
white-space:pre; 
}
#familySnapshot img{
width:100%;
height:auto;
border: 3px solid black; 
}

.title{white-space:nowrap;font-weight: bold; }

hr{background-color:#fff;}

#firstd{/* border: thin solid red; */ }
#firstp:first-child{line-height:3em;vertical-align:top;font-weight: bold;}
p.dropcap:first-letter{vertical-align:top;background-color:#ffcc34;font-size:3em;margin:-1em .2em 0em 0em;padding:0em .3em 0em .3em;border: 3px solid #000; 	}
.normal{font-weight: normal;}
blockquote{background-color:#eee;}
.box{background: #eee;padding-bottom:.75em;
border-right: 3px solid #ccc; 
border-bottom: 3px solid #ccc; 
}
.colborder{border-right: 1px solid #ccc;}
hr.titlebar{border-top: 1px solid #ccc;}
.pullquote{font-weight:bolder;color:#999;}
hr.line{position:relative;border-top: 2px solid #ccc;top:20px;}

/* ======END BODY========== */
/* ======START FOOTER====== */
#footer{
clear:both;
background-color:#000;
color:#fff;
font-weight: bold;
padding:.2em .5em .1em 1em;
}

.crumbline{
font-size:.8em; 
font-weight: bold;
font-style: oblique;
font-family:Verdana, Arial,Helvetica, sans-serif;
margin: 10px auto 15px 25px;
white-space:nowrap; 
}

.arrow{color:#eee}

#crumb{font-weight: bolder;}

#crumb a{color:#fff;}

#crumb img{border:none; margin: 0em 0em -.5em .2em; }

#index_nav{float:right;margin-right:2em;padding:.5%; }
#index_nav a{color:#fff;font-weight: bolder;}
#index_nav a:hover{color:#ccc;padding:.5%;background-color:red;}

#copyright{
font-family: 'Courier New',monospace,serif;
font-size: smaller;
margin: 10px 0px 0px 25px;
color:#999;
}

.validator{margin:0em 0em 0em 3em;}
/* =========END FOOTER========= */
/* ===== END OF PAGE 1 ==== */