/*/*Sculpture css*/
/*Turns on the boxes, helps track positioning*/
/*body,div.folio,div.nav,h1,h2,h3,h4,h5,div.lpic,div.rpic,div.cap,p,strong,table {border: double;}*/

/*Margin control*/
body,div.folio,div.nav,h1,h2,h3,h4,h5,div.lpic,div.rpic,div.cap,p,strong,table {margin: 0px; padding: 0px;}
/*Body*/
body {height: 2000px; background-color: #AAAAAA; color: black; font-family: sans-serif; font-size: medium; margin-top: 8px;}

/*Container - puts it all in the middle */
div.folio {background-color: #EEEEEE; color: black; margin-left: auto; margin-right: auto; width: 725px;
width: expression(document.body.clientWidth <> 725? "725px": "100%" );
}
div.unembedded {background-color: #AAAAAA; color: black; margin-left: auto; margin-right: auto; width: 725px; text-align: center;
width: expression(document.body.clientWidth > 725? "725px": "100%" );
}

/*Controls padding south of nav bar*/
div.pad {margin: 8px;} 

/*Pictures l is left, r is right*/
div.lpic,div.rpic {background-color: #EEEEEE; color: #666666; border: solid 8px #EEEEEE; border-left: solid 16px #EEEEEE;}
div.lpic {float: right; width: 404px; border-color: #EEEEEE; background-color: #EEEEEE;}
div.rpic {float: right; width: 413px; border-color: #EEEEEE; background-color: #BBBBBB; border: solid 8px #EEEEEE; border-left: solid 16px #EEEEEE;}
img {float: right; border: solid 2px #BBBBBB; margin: 0px; padding: 0px;}
img.unembedded {float: none;}

/*Caption*/
div.cap {text-align: right; background-color: #EEEEEE; color: #555555; padding: 4px; padding-top: 4px; font-size: xx-small; margin: 0px; clear: both;}

/*Headings - could put a background img behind mast*/
div.mast {background-color: #EEEEEE; color: black; border-bottom: solid 4px #666666; margin-bottom: 8px; margin-left: 8px}
h1,h2,h3,h4,h5 {font-family: sans-serif; text-align: left; font-size: medium; font-weight: bold; text-transform: none; background-color: #EEEEEE; color: black;}
h1 {font-size: xx-large; padding: 2px; background-color: #EEEEEE; color: black; text-align: left;}
h2 {margin-left: 8px;}
h3 {text-align: center;}

/*Nav Bar*/
table.cv {padding: 6px; font-size: small;}
table.nav {clear:both; width: 100%; background-color: #BBBBBB; color: black; border-top: solid 8px #AAAAAA; border-bottom: solid 8px #AAAAAA;}
table.info {margin: 6px; font-size: small; border: none;}
td.info {vertical-align: top; font-weight: bold; color: #666666;}
td.buttons {background-color: #BBBBBB; color: black; vertical-align: middle; text-align: center; padding: 2px; margin: 0px; font-size: small;}
td.buttons a{background-color: inherit; text-decoration: none; font-weight: bold; border: solid 1px #BBBBBB; padding-left: 8px; padding-right: 8px; color: #555555}
/*td.buttons:hover {background-color: #FFDDFF; border: solid 1px #FFDDFF; color: #000000;}*/
td.buttons a:hover {background-color: inherit; color: #FFFFFF;}
td.buttons a:active {}

/*Paragraph (bulk of text under subheadings*/
p {text-align: left; font-size: medium; padding: 8px;}
p.unembed {text-align: center;}
div.lots p{text-align: justify;}
div.cent p{text-align: center;}
div.rig p{text-align: right; margin-bottom: 8px; padding: 8px;}
div.ind p{position: relative; left: 40px; padding: 8px;}
div.smt {margin-right: 370px;}

/*Strong (this is the subheadings)*/
strong {text-align: justify; font-weight: bold; color: #666666;}
em {text-align: justify; font-weight: bold; color: black; font-style: normal;}
p.note {text-align: center; font-size: small; font-weight: bold; color: #666666;}
div.sta p{text-align: right;}
div.sta a{margin-bottom: 8px; padding: 8px; text-decoration: underline; font-size: medium; font-weight: bold; color: #0000FF;}
div.sta a:hover{color: #000000;}

/*Clears margins*/
div.textbulk {clear: both;}

/*Lists*/
ul{list-style:outside square;}
li{color: black;}