All right, I don't have class tomorrow, so I figured I'd go ahead and make the layout.
Here's what the layout'll look like. I use Mozilla, but I looked at it on IE, and it looks completely different in each browser, which is beyond me, ha ha. Hope you like, and if there's any coding you want me to change (like font or whatever), just let me know.
And here's the html:
<style>
.nametext {
color: 000000;
font-family: Century Gothic;
font-size: 29px;
8line-height:20px;
}
.orangetext15 {
color: 000000;
font-family: arial;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
line-height: 10px;
}
.whitetext12 {
color: cc3333;
font-family: arial;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
line-height: 10px;
}
.lightbluetext8 {
color: cc3333;
font-family: arial;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
line-height: 10px;
}
.btext {
color: 000000;
font-family: arial;
font-size: 10px;
}
.blacktext12 {
color: 000000;
font-family: arial;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}
.blacktext10 {
color: 000000;
font-family: arial;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
}
.redbtext {
color: cc3333;
font-family: Arial;
font-size: 10px;
}
.redtext {
color: cc3333;
font-family: Arial;
font-weight: italic;
}
table, tr, td, li, p, div {
color: 000000;
font-family: Arial;
font-size: 9px;
}
.text {
color: 000000;
font-family: Arial;
font-size: 9px;
}
a:active, a:visited:, a:link {
color: cc3333;
font-family: century gothic;
text-transform: lowercase;
font-size: 10px;
}
a:hover {
color: cc3333;
font-family: Century Gothic;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
}
a.navbar:active, a.navbar:visited:, a.navbar:link {
color: cc3333;
font-family: century gothic;
text-transform: lowercase;
font-size: 10px;
}
a.navbar:hover {
color: cc3333;
font-family: Century Gothic;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
}
a.redlink:active, a.redlink:visited:, a.redlink:link {
color: cc3333;
font-family: century gothic;
text-transform: lowercase;
font-size: 10px;
}
a.redlink:hover {
color: cc3333;
font-family: Century Gothic;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
}
body{
background-image: url('http://img155.imageshack.us/img155/5548/untitled3copyku5.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
border-style:solid;
border-width:3px;
border-color:99ccdd;
}
scrollbar-face-color: FFFFFF
scrollbar-highlight-color: FFFFFF
scrollbar-3dlight-color: FFFFFF
scrollbar-shadow-color: 000000
scrollbar-darkshadow-color: 000000
scrollbar-arrow-color: 000000
scrollbar-track-color: 99ccdd
}
table table table{
border-width: 4px;
border-style: solid;
border-color: 99ccdd;
background-color: FFFFFF;
}
table, table table, table table table table, tr, td { background-color:transparent; border:none; border-width:0;}
body{ cursor: default}
a:hover{ cursor: move}
img{filter: none}
a:link img{filter: none}
a:hover img{filter: FlipV}
<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://img167.imageshack.us/img167/2412/jqlbankl8.png");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.krc_info .contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style><br>
<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://img167.imageshack.us/img167/2412/jqlbankl8.png");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.krc_info .contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>