body { background: #336699; color: #000; padding: 0; margin: 0; font-family: arial, sans-serif; font-size: 85%; }

div.outerBox { background: #fff; background-image: url("./images/MandalaBackground.jpg"); background-position: top right; background-repeat: no-repeat; border: 4px solid #000; padding: 0; margin: 20px; min-height: 460px; min-width: 680px; position: relative; width: 90%;}

div#linksPage { background-image: url("./images/MandalaOmBackground.jpg"); }

div.titleBar { background-image: url("./images/TitleBar.gif"); height: 51px; background-repeat: no-repeat; }

div.titleUnderbar { background-image: url("./images/TitleUnderbar.jpg"); background-position: top left; height: 8px; margin: 0; padding: 0; background-repeat: no-repeat; background-color: #999999; }

div.menuBar { position: relative; background-image: url("./images/MenuBar.jpg"); background-repeat: no-repeat; background-color: #336699; height: 31px; border: 0px solid #000; }

div.menuBar ul { margin: 0 170px 0 50px; padding: 5px 0 2px 0; }

div.menuBar ul li { display: inline; font-size: 115%; font-family: times, serif; font-weight: bold; margin: 0 5px; }

div.menuBar ul li a { display: block; float: left; padding: 0 2px; margin: 2px 7px; }

div.menuBar ul li a, div.menuBar ul li a:visited { color: #000; text-decoration: none; } 

div.menuBar ul li a:hover, div.menuBar ul li a:active, div.menuBar ul li a.page { background-color: #fff; margin: 0 5px; border: 2px solid #999; } 

table { font-size: 100%; }
table tr td { padding: 0 12px 0 0; vertical-align: top; } 

div.contentLeft { margin: 20px 200px 30px 20px; }

div.contentLeft2 { margin: 20px 200px 30px 20px; font-size: 90%; }

div.contentFull { margin: 20px 20px 20px 20px; }

div.contentRight { margin: 20px 20px 20px 250px; }

div.columnLeft { margin: 0px 20px 0 20px; float: left; }

div.columnLeftAbsolute { position: absolute; bottom: 15px; left: 10px; right: 10px; }

div.columnRight { margin: 20px 20px 30px 300px; }

div.columnRight2 { margin: 20px 20px 30px 320px; }

div.homePhoto { position: absolute; top: 0; right: 0; width: 159px; height: 428px; padding: 0; margin: 0; }

div.leftImage { position: absolute; top: 110px; left: 20px; }

div.leftImage  { margin: 20px; position: static; float: left; }

div.bioPhoto { position: absolute; top: 110px; right: 20px; }

h1 { font-weight: bold; margin: 10px 0 0 0; font-size: 100%; }

img { border: none; }

img.top { vertical-align: top; float: left; padding: 2px 10px 0 0; }

img.right { vertical-align: top; float: right; padding: 2px 0 0 10px; }