I need the top banner to match the beige part on the bottom. I checked for padding, and didn't see anything...here's my code below.
The HTML
<HTML>
<HEAD>
<LINK ID="skin" REL="stylesheet" TYPE="text/css" HREF="skin.css" />
<script language="javascript" type="text/javascript">
<!--
function IMG1_onclick() {
}
function TABLE1_onclick() {
}
function TABLE2_onclick() {
}
// -->
</script>
</HEAD>
<BODY style="font-size: 12pt; font-family: Times New Roman">
<TABLE class="pagemaster" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD valign="top">
<TABLE class="skinmaster" width="770" border="0" align="center" cellspacing="0" cellpadding="0" id="TABLE1" language="javascript" onclick="return TABLE1_onclick()" style="background-color: #fae9b8">
<TR>
<TD valign="top" style="height: 238px; background-color: #fae9b8;">
<TABLE class="skinheader" cellSpacing="0" cellPadding="3" width="100%" border="0" id="TABLE2" language="javascript" onclick="return TABLE2_onclick()" style="background-color: #2e3b70">
<TR>
<TD vAlign="middle" align="center" style="height: 25px; width: 788px;">
<img src="header%201.jpg" /><a href="Horizontal%20Menu%20-%20Fixed%20Width.htm"></a></TD>
</TR>
</TABLE>
<TABLE class="skingradient" cellSpacing="0" cellPadding="3" width="100%" border="0">
<TR>
<TD width="100%" vAlign="middle" align="left" nowrap style="height: 25px; text-align: right"><TABLE cellspacing="3" cellpadding="3" width="100%" border="0">
<tr>
<TD class="toppane" colspan="3" id="MarqueePane" runat="server" valign="top" align="center">
</td>
</tr>
</table>
[NAV]</TD>
</TR>
</TABLE>
<TABLE cellSpacing="0" cellPadding="3" width="100%" border="0">
<TR>
<td align="right" colspan="3" nowrap="nowrap" valign="top" style="height: 25px; background-color: #fae9b8;">
[USER] [LOGIN]</td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD valign="top" height="100%" style="background-color: #fae9b8">
<TABLE cellspacing="3" cellpadding="3" width="100%" border="0">
<TR valign="top">
<TD class="contentpane" id="ContentPane" runat="server" valign="top" align="center"></TD>
<TD class="rightpane" id="RightPane" runat="server" valign="top" align="center"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR style="font-size: 12pt; font-family: Times New Roman">
<TD valign="top" align="center" style="background-color: #2e3b70; text-align: center; height: 42px;">
<strong><span style="font-size: 8pt; color: #fae9b8; font-family: Arial">
<img src="grace_logo_3.gif" style="width: 807px" /><br />
Copyright (c) 2007 Grace Preparatory Academy
<br />
3300 West I-20, Arlington, TX 76017
<br />
Tel: (817) 557-3399 Fax: (817) 557-4300<br />
Site
by CenGen
Technologies</span></strong></TD>
</TR>
</TABLE>
<span style="font-size: 8pt; color: #fae9b8; font-family: Arial"><span style="font-size: 12pt;
color: #000000; font-family: Times New Roman">Copyright (c) 2007 Grace Preparatory
Academy 3300 West I-20, Arlington, TX 76017 Tel: (817) 557-3399 Fax: (817) 557-4300</span><strong>Site
by CenGen Technologies</strong></span></TD>
</TR>
</TABLE>
</BODY>
</HTML>
The CSS
/*
================================
Skin styles for DotNetNuke
================================
*/
.pagemaster {
width: 100%;
height: 100%;
background-color: #2e3b70;
}
.skinmaster {
height: 100%;
background-color: transparent;
border-right: #transparent;
border-top: #transparent;
border-left: #transparent;
border-bottom: #transparent;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
.skinheader {
}
.skingradient {
background-color: #FAE9B8;
height:30px;
}
.controlpanel {
width: 100%;
background-color: #F4E198;
}
.toppane {
width: 100%;
background-color: #2e3b70;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.leftpane {
width: 175px;
background-color: #FAE9B8;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.contentpane {
width: 100%;
background-color: #FAE9B8;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.rightpane {
width: 175px;
background-color: #FFFFFF;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.bottompane {
width: 100%;
background-color: #FAE9B8;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.main_dnnmenu_container {
background-color: #2e3b70;
}
.main_dnnmenu_bar {
cursor: pointer;
cursor: hand;
height: 20px;
width: 30px;
background-color: #FFE58F;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
cursor: pointer;
cursor: hand;
color: #2e3b70;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Tahoma, Arial, Helvetica;
white-space: nowrap; /*Word wrapping menu item now optional*/
padding: 1px 3px 3px 1px;
}
.main_dnnmenu_rootitem { /*TD if menu option for using tables is on*/
cursor: pointer;
cursor: hand;
color: #2e3b70;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Tahoma, Arial, Helvetica;
white-space: nowrap; /*Word wrapping menu item now optional*/
padding: 0px 12px 0px 5px; /*explicitly set padding for root menu items*/
}
.main_dnnmenu_itemhover {
background-color: #98AFD9;
}
.main_dnnmenu_itemhover td {
background-color: #FFE58F;
}
.main_dnnmenu_icon {
cursor: pointer;
cursor: hand;
text-align: center;
width: 15px;
height: 100%;
}
.main_dnnmenu_submenu {
background-color: #98AFD9;
z-index: 1000;
cursor: pointer;
cursor: hand;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
padding: 1px 1px 1px 1px; /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
height: 1px;
font-size: 1px;
}
.main_dnnmenu_arrow {
border-right: #cad5ea 1px solid;
border-bottom: #cad5ea 1px solid;
border-top: #cad5ea 0px solid;
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}
.main_dnnmenu_rootmenuarrow {
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}
.StandardButton {
background: #7994cb none;
color: #ffffff;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}
.TreeViewMenu {
width: 175px;
background-color: #2e3b70;
border-right: #7994cb 1px solid;
border-top: #7994cb 1px solid;
border-left: #7994cb 1px solid;
border-bottom: #7994cb 1px solid;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
background-color: #FFFFFF;
}
.Head {
font-family: Tahoma, Arial, Helvetica;
font-size: 18px;
font-weight: normal;
color: #2e3b70;
}
.SkinObject {
font-weight: normal;
font-size: 10px;
color: #2e3b70;
font-family: Verdana, Arial, Helvetica;
text-decoration: none;
}
A.SkinObject:link {
text-decoration: none;
font-weight: bold;
color: #2e3b70
}