body { width: 800px; padding:0; margin: 0 auto 0 auto; text-align: center; background:#E4E9FD; } #container { position: relative; width: 775px; margin: 0 auto 0 auto; left: 0px; background:url(images/backgroundHamptonStripe.jpg); border: 1px solid; } #hamptonAlumniLogo{ position:relative; width:775px; background:url(images/HamptonAlumnilogoHead.gif); } #header { position: relative; margin: 0 auto 0 auto; height :68px; width: 775px; background-color:#fff; text-align: left; } #info { position:absolute; width:138px; height:61px; z-index:1; font-family: Arial-Black; font-size: 9px; font-style: normal; } /*----Main Navigation Layer---*/ #mainNav{ display: block; position: relative; height: 28px; left:0; width: 775px; background-color:#1D3794;/*hampton blue*/ text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; } /*----Main Navigation Layer menu settings---*/ ul#nav, ul#nav li { margin: 0; padding: 0; } ul#nav { position: relative; height: 27px; } ul#nav li { display: inline; list-style-type: none; } ul#nav li a:link, ul#nav li a:visited { float: right; margin: 0; padding: 7px 9px 0px 9px; background-color: transparent; color: #fff; font: 10px/21px verdana, lucida, arial, sans-serif; text-decoration: none; } ul#nav li a:hover { color: #fff; background-color: #707070; } ul#nav li a:active { background-color: #425953; color: #fff; } /* "You Are Here" selectors These selectors set the current tab in the navigation, based on the ID of the tag */ body#home ul#nav li#home a, body#about ul#nav li#about a, body#members2 ul#nav li#members2 a, body#events2 ul#nav li#events2 a, body#news ul#nav li#news a, body#contact2 ul#nav li#contact a { margin-left: 1px; margin-right: 1px; background-color:#C7C7C7; /*gray*/ color: #1D3794; /*blue*/ } #headerPhoto{ display: block; position: relative; height: 173px;/*subtracted 5 px from here may need to add back*/ left:0; width:775px; background-color: #333399; } #dateBar{ display: block; text-align: right; position: relative; height: 25px; width: 775px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #FFFFFF; left:0px; background-image: url(images/dateBarBack.gif); background-color:#707070 /*gray*/; padding:0, 0,0 ,20px; } #homecontentHolder { position:relative; width:773px; /*height:800px;*/ background-image:url(images/BackgroundHamptonMainPage.jpg); background-repeat:no-repeat; text-align:left; /*padding: 10px 5px 0 5px;*/ /* background-color:#FFFFFF;*/ /* background-image: url(images/contentBack.gif);*/ } #contentHolder{ position:relative; width:773px; height:800px; background-image:url(images/BackgroundHamptonMainPage.jpg); background-repeat:no-repeat; text-align:left; /*padding: 10px 5px 0 5px;*/ /* background-color:#FFFFFF;*/ /* background-image: url(images/contentBack.gif);*/ } #membercontentHolder { position:relative; width:773px; height:800px; background-image:url(images/BackgroundHamptonMainPage.jpg); background-repeat:no-repeat; text-align:left; /*padding: 10px 5px 0 5px;*/ /* background-color:#FFFFFF;*/ /* background-image: url(images/contentBack.gif);*/ } #eventcontentHolder { position:relative; margin: 0px 0px 0px 0px; width:773px; height:1100px; background-image:url(images/BackgroundHamptonMainPage.jpg); background-repeat:no-repeat; text-align:left; } #mainContent, #mainContact /*holds main text area */ { position:relative; margin-top:0px; margin-left:170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; } #mainContent { width:550px; } #mainContact { width:575px } #mainText { float:left; margin-left:150px; width: 345px; text-align:left; background-color:#1D3794 /*hampton blue*/; border: } #right { display: block; float: right; /*top: 0px; /* height of the header with photos and menus */ width: 140px; text-align:center; background-color:#FFF; } #eventHolderContent /*holds main text area */ { position:relative; width:300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; margin-right:100px; margin-top:0px; } #events{ position:absolute; top:5px; left:340px; border: 1px solid; border-color:#1D3794; background-color:#EEEFEA; width:200px; } /*Use to bold headings of event*/ .boldEvent { font-size:12px; font-weight:bold; line-height:14px; margin-bottom:3px; } #eventsHolderContentAjax /*holds membership page main content*/ { position:relative; width:280px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; margin-top:0px; margin-right:0px; } #eventText{ postion:relative; padding-right:5px; padding-left:5px; width:190px; } #memberHolderContent /*holds membership page main content*/ { position:relative; width:240px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; margin-top:0px; margin-right:0px; } #members /*holds committee information in side bar creates box */ { position:absolute; top:5px; left:260px; border: 1px solid; border-color:#1D3794; background-color:#EEEFEA; width:300px; } #memberText /*holds text of member box */ { postion:relative; padding-right:5px; padding-left:5px; width:290px; } #memberHolderContentAjax /*holds membership page main content*/ { position:relative; width:250px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; margin-top:0px; margin-right:0px; } #memberLevels /*holds member level information in side bar creates box */ { position:absolute; top:25px; left:270px; background-color:#FFFFFF; /*#EEEFEA*/ width:275px; } .committeeDesc /*holds committe descriptions on membership page used instead of accordion from spry becuase of preset height in framework*/ { border-left: solid 1px #404040; border-right: solid 1px #404040; border-bottom: solid 1px #404040; overflow: hidden; height:180px; } /*---holds content on news page to the left Allows for absolute postioned box to right--- */ #newsHolderContent { position:relative; width:300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; margin-right:50px; margin-top:0px; } /*--- use to place article blurps to the right of content---*/ #newsSide{ position:absolute; top:15px; left:340px; border: 1px solid; border-color:#1D3794; background-color:#EEEFEA; width:250px; font-size: 11px } /*use to hold officer bios*/ #contactBio { float:left; border: 1px solid; border-color:#1D3794; background-color:; width:325px; font-size: 10px } /*--used to format table inside of div holds XML officer data--*/ #officers { border-collapse:collapse; empty-cells:show; width:100%; margin: 0; } #bottomMenu { clear: both; display: block; width: 775px; height: 20px; text-align: center; background-color:#707070; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } th { font-family: Verdana, Arial, Helvetica, sans-serif; } .pageHead1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #1D3794; font-weight:bold; padding:0px; margin:0px; } .header2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #1D3794; } .header3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1D3794; }