Here's the css:
Here's the css:
* {
padding:0;
margin: 0;
}
body {
font: 11px/1.3em Arial, Helvetica, sans-serif;
text-align: left;
background-color: #FFFFFF;
}
/* --------------------- insidenet styles
------------------------ */
#toptile {
background-image: url(../_images/bg5.png);
background-repeat: repeat-x;
height: 35px;
}
#insidenet {
height: 35px;
}
/* --------------------- wrapper styles
------------------------ */
#wrapper {
width: 850px;
float: left;
position: relative;
background-image: url(../_images/leaf2.png);
background-repeat: no-repeat;
background-position: 16px bottom;
}
/* --------------------- main header styles
------------------------ */
#header {
height: 130px;
width: 850px;
}
#header_left {
float: left;
width: 569px;
}
#header_rt {
background-image: url(../_images/header7.png);
background-repeat: no-repeat;
background-position: right bottom;
float: right;
height: 130px;
width: 281px;
}
#search_box {
width: 281px;
float: left;
margin-top: 0px;
height: 35px;
}
#search_box p {
width: 223px;
border: 1px solid #278804;
height: 15px;
margin: 10px 0px 0px 7px;
padding: 3px 3px 0px 5px;
float: left;
}
#search_box img {
width: 27px;
float: right;
padding: 9px 0px 0px 0px
}
/* --------------------- tab menu styles
------------------------ */
#nav_tabs {
float: left;
width: 850px;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
line-height: 10px;
text-align: center;
position: relative;
margin-top: 20px;
}
/*******************************************************************************
LEVEL 1 LAYOUT AND DESIGN
*******************************************************************************/
/* The outermost container of the Tab Bar, a box with no
margin or padding */
ul.MenuBarHorizontal {
margin: 0;
padding: 0;
list-style-type: none;
}
/* Set the active Tab Bar with this class, currently setting
z-index to accomodate IE rendering bug:
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
*/
ul.MenuBarActive {
z-index: 1000;
}
/* Tab Bar menu item parent containers--position children
relative to these containers */
ul.MenuBarHorizontal li {
margin: 0px;
padding: 0px 0px 0px 6px;
position: relative;
cursor: pointer;
float: right;
background-image: url(../_images/left_gr3.png);
background-repeat: no-repeat;
background-position: left top;
}
/* Tab Bar menu items have padding and no text decoration */
ul.MenuBarHorizontal a {
cursor: pointer;
display: inline-block;
display: block;
background: url(../_images/right_gr3.png) no-repeat right
top;
text-decoration: none;
color: #FFFFFF;
margin: 0px;
font-weight: bold;
padding: 8px 10px 6px 3px;
}
/* Tab Bar menu items that have mouse over or focus have
bright green text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
color: #88FD3D;
}
/* Tab Bar menu items that are open with submenus are set to
MenuBarItemHover with bright green text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal
a.MenuBarSubmenuVisible {
color: #88FD3D;
}
ul.MenuBarHorizontal #current {
background-image: url(../_images/left_wh.png);
padding-bottom: 0px;
}
ul.MenuBarHorizontal #current a {
background-image: url(../_images/right_wh.png);
color: #666666;
}
/*******************************************************************************
LEVEL 2 LAYOUT AND DESIGN
*******************************************************************************/
/* Submenus should appear below their parent (top: 0) with a
higher z-index, but they are initially off the left side of the
screen (-1000em) */
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {
margin: 0px 0px 0px -6px;
padding: 0;
list-style-type: none;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
background-color: #FFFFFF;
width: 160px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
/* Dropdown menu item containers are same fixed width as
parent */
ul.MenuBarHorizontal ul li {
display: block;
float: none;
background-image: none;
border-bottom: 1px solid #d7cfcf;
}
ul.MenuBarHorizontal ul a {
color: #666666;
background-image: none;
text-align: left;
padding: 0.75em 0.25em 0.75em 0em;
font-weight: normal;
line-height: 12px;
}
ul.MenuBarHorizontal ul a:hover {
color: #333333;
background-color: #d7cfcf;
margin-left: -6px;
padding-left: 6px;
}
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to auto so it comes onto the
screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left: auto;
z-index: 1050;
}
/*******************************************************************************
LEVEL 3 LAYOUT AND DESIGN
*******************************************************************************/
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
position: absolute;
margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
*/
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
ul.MenuBarSubmenuVisible {
left: auto;
top: 0;
}
/*******************************************************************************
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
*******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* --------------------- sidebar styles
------------------------ */
#sidebar {
width: 210px;
float: left;
margin: 25px 0px 0px 6px;
padding-bottom: 100px;
z-index: 950;
position: relative;
}
#sidebar_menu {
float: left;
position: relative;
}
#sidebar_menu ul {
padding: 0;
width: 210px;
list-style-type: none;
z-index: 10;
}
#sidebar_menu ul li {
margin: 0;
padding: 0px 0px 0px 0px;
width: 210px;
list-style-type: none;
text-align: left;
}
#sidebar_menu ul a {
display: block;
cursor: pointer;
padding: 0.5em 0em 0.25em 1.5em;
text-decoration: none;
color: #278804;
letter-spacing: 0.03em;
font-weight: bold;
}
#sidebar_menu #current a {
color: #1c529b;
background-image: url(../_images/leaf_bullet.png);
background-repeat: no-repeat;
background-position: left;
padding: 0.5em 0em 0.25em 2em;
}
/* --------------------- content styles
------------------------ */
#content {
width: 610px;
float: right;
margin: 25px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#content p {
color: #333333;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.03em;
padding: 0px 0px 10px 0px;
}
#content a {
color: #1c529b;
}
#content a:hover {
}
/*Photo Wrapper*/
#divPhotoWrap {
width: 139px;
float: right;
}
/*Container for Photo*/
#divPhoto {
width: 139px;
}
#divPhoto img {
padding: 0px;
float: right;
}
/*Container for Photo Caption*/
#divPhotoText {
font-size: 9px;
float: right;
text-align: right;
width: 139px;
padding-top: 8px;
line-height: 11px;
}
.boldtext {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.captiontext {
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}
/* -------------------- footer styles
-------------------------------- */
#footer {
clear: both;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
padding-top: 5px;
width: 610px;
float: right;
}
#footer a {
color: #1c529b;
}
10
Replies
AdChoices