/** BASIC */
html, body {
height: 100%;
}
/** WRAPPER */
#wrapper {
}
/** HEADER */
#header {
width: 850px;
height: 102px;
margin: 0px auto;
background: url(images/ALCcrown.jpg) no-repeat left top;
}
#header h1, #header h2 {
display: none;
}
#logodiv {
padding: 48px 0 12px 0;
height: 36px;
}
#navcontainer {
margin: 0px auto;
background: url(images/Navbkg.jpg) no-repeat right top;
width: 850px;
height: 81px;
position: relative;
z-index: 3;
}
/*The top-level common properties
Height matches the height of the background images. No repeating. Text indent
hides the text offscreen left.
If you need to add more links, place a comma after #menu6 and add more selectors,
incrementally*/
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6{
height: 81px !important;
background-repeat: no-repeat;
text-indent: -3000px;
}
/*The individual top-level IDS. I set width to match the width of the
associated background image and then we set the background image.
If you need to add more links, add more selectors, incrementing from #menu6*/
#menu1 {
width: 43px;
background-image: url(images/bg03.jpg);
}
#menu2 {
width: 191px;
background-image: url(images/homepage02.jpg);
}
#menu3 {
width: 191px;
background-image: url(images/homepage03.jpg);
}
#menu4 {
width: 191px;
background-image: url(images/homepage04.jpg);
}
#menu5 {
width: 191px;
background-image: url(images/homepage05.jpg);
}
#menu6 {
width: 43px;
background-image: url(images/bg04.jpg);
}
/** CONTENT */
#content {
width: 850px;
margin: 0px auto 0px auto;
}
/** IMPORTANT Below- height: auto; makes the content area expand dynamically. Must coexist with entries within default.css */
#content .bg3 {
height: auto;
min-height: 337px;
padding: 0px 43px;
}
#content .bg6 {
height: auto;
min-height: 337px;
padding: 0px 43px;
}
#content .bg4 {
height: auto;
min-height: 337px;
padding: 0px 43px;
}
html>body #content .bg {
height: auto;
}
/** FOOTER */
#footer {
width: 850px;
height: 70px;
margin: 0px auto;
background: url(images/footersolid.gif) no-repeat left top;
}
#footer p {
display: none;
}
/** SPLASH */
#splash {
}
/** BOX1 */
#box1 {
float: left;
width: 217px;
min-height: 188px;
margin-bottom: 12px;
background: #ffffff url(images/homepage09.jpg) no-repeat left bottom;
}
html>body #box1 {
height: auto;
}
#box1 .content {
padding: 0px 17px 0px 17px;
}
/** BOX2 */
#box2 {
float: left;
width: 217px;
height: 188px;
min-height: 188px;
margin-left: 40px;
margin-bottom: 12px;
background: #FFFFFF url(images/homepage09.jpg) no-repeat left bottom;
}
html>body #box2 {
height: auto;
}
#box2 .content {
padding: 0px 17px 0px 15px;
}
/** BOX3 */
#box3 {
float: left;
width: 670px;
height: 250px;
min-height: 250px;
margin-left: 10px;
margin-bottom: 12px;
background: #FFFFFF url(images/subpage01.jpg) no-repeat left bottom;
}
#box3 .content {
padding: 0px 17px 10px 17px;
}
/** BOX4 */
#box4 {
float: left;
width: 217px;
height: 188px;
min-height: 188px;
margin-left: 40px;
margin-bottom: 12px;
background: #FFFFFF url(images/homepage09.jpg) no-repeat left bottom;
}
html>body #box4 {
height: auto;
}
#box4 .content {
padding: 0px 0px 0px 17px;
position: relative;
}
/** BOX5 */
#box5 {
float: left;
width: 733px;
min-height: 188px;
background: #ffffff url(images/1col-btm.jpg) no-repeat left bottom;
margin-bottom: 12px;
}
html>body #box5 {
height: auto;
}
#box5 .content {
padding: 2px 2px 0px 17px;
}
/** BOX6 */
#box6 {
float: left;
width: 475px;
min-height: 188px;
background: #ffffff url(images/dbl-col-btm.gif) no-repeat left bottom;
margin-bottom: 12px;
}
html>body #box6 {
height: auto;
}
#box6 .content {
padding: 2px 17px 0px 17px;
}
#box7 {
float: left;
width: 764px;
min-height: 188px;
background: #ffffff url(images/1col-btm.jpg) no-repeat left bottom;
margin-bottom: 12px;
}
html>body #box7 {
height: auto;
z-index: 0;
}
#box7 .content {
padding: 0px 0px 0px 0px;
z-index: 0;
}
/** BOXHR */
#boxHR {
float: left;
width: 733px;
min-height: 188px;
margin-bottom: 12px;
}
html>body #boxHR {
height: auto;
z-index: 0;
}
#boxHR .content {
padding: 0px 0px 0px 0px;
z-index: 0;
}
/** Careers Intro container */
#boxHRswf {
float: left;
width: 764px;
min-height: 188px;
margin-bottom: 12px;
}
html>body #boxHRswf {
height: auto;
z-index: 0;
}
#boxHRswf .content {
padding: 0px 0px 0px 0px;
z-index: 0;
}
/** BOXLDBRD */
#boxldbrd { float: left; width: 217px; height: 188px; min-height: 188px; margin-left: 136px; margin-bottom: 12px; background: #FFFFFF url(images/homepage09.jpg) no-repeat left bottom;
}
html>body #boxldbrd {
height: auto;
}
#boxldbrd .content {
padding: 0px 17px 0px 15px;
}
/** Carrier Conversation container */
#CCswf {
float: left;
width: 764px;
min-height: 188px;
}
html>body #CCswf {
height: auto;
z-index: 0;
}
#CCswf .content {
padding: 0px 0px 0px 0px;
z-index: 0;
}
/** WuFoo Form */
*{margin:0;padding:0;}
html{
overflow:auto;
}
#wufoo{
position:absolute;
width:100%;
height:100%;
}
body{margin-bottom:-17px;}
iframe{
height:400px;
width:100%;
border:none;
}
#boxApp { float: left; width: 765px; margin-bottom: 0px; margin-left: 0px;
}
html>body #boxApp {
height: auto;
z-index: 0;
}
#boxApp .content {
padding: 0px 0px 0px 0px;
z-index: 0;
}
/*
-----------------------------------
PopMenu Magic Style Sheet
by Project Seven Development
www.projectseven.com
-----------------------------------
Adapted for root-level Background Images
*/
/*Font-size is set for all menu items here*/
#p7PMnav {
margin: 0;
padding:0;
font-size: 9pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#p7PMnav li {
list-style-type: none;
margin: 0;
padding: 0;
}
/*border top is set to zero to allow the top of the first dropdown to abut the bottom of our buttons*/
#p7PMnav ul {
margin: 0;
padding: 0;
position: absolute;
left: -9000px;
z-index: 10000;
border-top: 0;
border-right: 0px #cbccd0 solid;
border-bottom: 1px #8AA3BB solid;
border-left: 1px #8AA3BB solid;
}
/*top border is put back on for flyouts*/
#p7PMnav ul li ul {
border-top: 1px solid #8AA3BB;
border-right: 1px #8AA3BB solid;
border-bottom: 1px #8AA3BB solid;
border-left: 1px #8AA3BB solid;
}
/*this is all we need for top-level links*/
#p7PMnav a {
display: block;
text-decoration: none;
}
/*This rule styles the sub-menu links*/
#p7PMnav ul a, #p7PMnav ul a:visited {
padding: 4px 10px 4px 16px;
background-color: #A3BCD1;
color: #02366A;
}
/*This is top-level only and is the rule that shifts the background image so that we now
see the bottom one. It is deployed via multiple selectors for hovering, tab key access,
and so it stays persistent when its associated sub-menu is open*/
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus,
#p7PMnav .p7PMon, #p7PMnav .p7PMmark {
background-position: left bottom;
}
/*the sub-menu hovers*/
#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus {
background-color: #02366A;
color: #FFFFFF;
}
/* ------ the current page marker style ------ */
#p7PMnav ul .p7PMmark {
color: #000000;
font-weight: normal;
}
/* ------ the trigger link styles ------- */
/*the normal trigger links */
#p7PMnav ul .p7PMtrg {
background-image: url(images/p7PM_light_east.gif);
background-repeat: no-repeat;
background-position: right center !important;
}
/* the active trigger link style
We turn the background image off to ensure that our top-level images do not
inherit down.*/
#p7PMnav ul .p7PMon {
background-color: #02366A;
color: #CCCCCC;
background-image: none;
}
/*above is properties for the submenu color or img, ie the submenu classes */
/*The top property here and in the show class serves to fix a minor bug introduced
by the good folks at Apple in their Safari browser for Panther OS*/
#p7PMnav .p7PMhide {
left: -9000px;
border: 0;
top: 0;
}
#p7PMnav .p7PMshow {
top: auto;
left: auto;
z-index: 20000 !important;
}
/* Top level menu width
We set width to auto because we are using top-level bg images and the width is
assigned directly via the IDs assigned to the links.*/
#p7PMnav li {
float: left;
width: auto;
}
#p7PMnav ul li {
float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
width: 190px;
}
#pmmcrumb {
font-weight: bold;
margin-bottom: 16px;
color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
font-weight: normal;
color: #535FAC;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
font-weight: normal;
color: #333333;
}