Please save all images to your own image host - no direct linking!


Copy and paste the code below into the very top of your "About Me" section.

Background: ohsobluebg.jpg
Banner: ohsobluebanner.jpg
Contact Table: ohsobluecontact.jpg

<div class="masthead"><span></span></div>

<style type="text/css">

td.text td.text a img {
width: 80px !important;}

body {font-size: 1px; line-height: auto;background-color: ffffff; font-family: Verdana, Arial, sans-serif; color: 966636; background-repeat: repeat-x; background-position: top center; background-image: url(http://yourhosthere.com/ohsobluebg.jpg);}

td {color: 966636}

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important; color: 966636}

a, a:link, a:visited {color:377BD7; text-decoration: none;}

a:hover {color:377BD7; text-decoration: none}

br {line-height: 10px;}

a.img {border: none}

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}

body>div {margin-left: 10px;}

table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}

table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}

table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}

table table table table td {padding:0px;margin:0px;}

table table table {margin:0px; background-color:E1E7F1; width: 100% !important; border-width: 3px; border-style: solid; border-color: E1E7F1;}

.masthead {width: 478px; height: 264; position: absolute; margin-left: -262px; left: 50%; top: 168px; background-image: url(http://yourhosthere.com/ohsobluebanner.jpg);}

body table {margin-top:280px; background-color: ; background-repeat: repeat-x; padding-right: 10px;}

body td table, body div table {margin-top: 0;}

font {color: 342815; font-size:10px}

a font:hover {color:377BD7}

a.navbar:link, a.navbar:visited {color:377BD7}

a.navbar:hover {color:888DA8}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:B2924E;font-size:11px}

a.text:link, a.text:visited {color:377BD7}

a.text:hover {color:377BD7}

.contactTable {width: 328px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;}

.contactTable span.whitetext12 {position: relative; left: 10px;}

.contactTable td table {background-color: transparent; background-image: url(http://yourhosthere.com/ohsobluecontact.jpg); background-position: center; background-repeat: no-repeat;}

.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}

.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}

table tr td table tr td table tr td div strong {display: block; width: 245px;}

.whitetext12 {color:B2924E; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Georgia, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: solid; border-color: E1E7F1; width: 270px}

.blacktext12 {color:B2924E;font-size:12px; font-family: Georgia, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}

.blacktext10 {color:966636}

.btext {color:B2924E; font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Georgia, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: solid; border-color: E1E7F1}

.orangetext15 {color:B2924E; font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Georgia, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: solid; border-color: E1E7F1; width: 372px}

.lightbluetext8 {color:B2924E}

.redtext,.redbtext {color:B2924E; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}

a.redlink:link {color:377BD7; display: block; text-align: left; border-width: 0px 0px 0px 0px; border-style: solid; border-color: 878787; padding-top: 3px;}

a.redlink:visited {color:377BD7}

a.redlink:hover {color:377BD7}

u {text-decoration: none; font-size: 10px;}

.img {
		border-left-color:B4B4B4;
		border-bottom-color:B4B4B4;
		border-top-color:B4B4B4;
		border-right-color:B4B4B4;
                border-width: 4px;
padding: 0px;
background-color: F9FAFB;}

td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}

</style>

<comment><style type="text/css">

.whitetext12 {width: auto}

.contactTable {width: auto !important;}

.contactTable span.whitetext12 {left: 0;}

.orangetext15 {width: auto;}

table table table td {padding: 0;}

table table table {padding: 0 14px 14px 14px; border-color: E1E7F1;}

table table table {max-width: 480px;}

.nametext {height: 35px; width: auto;}

</style>
</comment>