*{margin:0; padding:0}
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one:http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
#home_banner{width:928px; overflow:hidden; height:367px; margin-top:15px}
.wrapper{width:928px; height:331px; position:relative; overflow:hidden;  font-family:Georgia,"Times New Roman",Times,serif}

 /* ----------------------------------EDIT BELOW ------------------------------------ */
.wrapper h2{width:276px; height:102px; position:absolute; top:26px; left:30px; font-size:40px; letter-spacing:3px; line-height:32px; color:#fff; text-transform:uppercase; text-align:center}
.wrapper h2 span{font-size:26px; letter-spacing:7px}
.wrapper ul{width:276px; position:absolute; top:100px; left:90px; font-size:11px; letter-spacing:1px; text-align:left}
.wrapper ul li{padding-top:12px}
.wrapper ul a{color:#fff; padding-right:16px; text-transform:uppercase; background:url(../images/global/arrow_white.png) right 3px no-repeat}
.wrapper ul a:hover{color:#fff;}

.wrapper .list2{position:absolute; width:276px; top:0px; left:0px}
.wrapper .list2 ul{width:276px; position:absolute; top:110px; left:62px; font-size:11px; letter-spacing:1px}

.wrapper .list3{position:absolute; width:176px; top:120px; left:0px; text-align:left !important}
.wrapper .list3 h2{text-align:left}

.wrapper .list3 ul{width:176px; position:absolute; top:70px; left:30px; font-size:11px; letter-spacing:1px}
.wrapper .list4 h2{text-align:right}
.wrapper .list4{position:absolute; width:230px; top:0; right:371px}
.wrapper .list4 ul{width:230px; position:absolute; top:70px; font-size:11px; letter-spacing:1px; text-align:right}
.wrapper .list3 ul li, .wrapper .list4 ul li{padding-top:8px; margin-right:20px}

 /* ----------------------------------EDIT ABOVE ------------------------------------ */
.featured_banner{width:928px; height:331px; position:relative; overflow:hidden}
#home_banner .ui-tabs-nav{list-style:none; margin:0; width:930px; height:36px; color:#000; overflow:hidden}
#home_banner .ui-tabs-nav li{width:308px; margin-right:2px; height:36px; text-align:left; line-height:36px; float:left}
#home_banner .ui-tabs-nav a{ margin:0; /* position:relative makes opacity fail for disabled tab in IE */width:288px; padding-left:20px; display:block; background:url(../images/global/bg_ui_nav.png) bottom no-repeat; height:36px;  white-space:nowrap; /* required in IE 6 */  outline:0; /* prevent dotted border in Firefox */text-decoration:none; font-size:10px; text-transform:uppercase; color:#4e2c10}
#home_banner .ui-tabs-nav a:hover{color:#0C2C5B; text-decoration:none}
p#cross-links, p#valid{text-align:center}
p#cross-links{border-bottom:1px solid #ccc; margin-bottom:30px; padding-bottom:30px}
.stripViewer .panelContainer .panel ul{}
.slider-wrap{/* This div isn't entirely necessary but good for getting the side arrows vertically centered */position:relative; width:100%; margin-top:14px; height:367px;  font-family:Georgia,"Times New Roman",Times,serif}
/* These 2 lines specify style applied while slider is loading */
.csw{width:100%; height:331px; overflow:hidden}
.csw .loading{margin:100px 0 300px 0; text-align:center; color:#765130; font-size:14px; font-family:Verdana,Arial,Helvetica,sans-serif}
.stripViewer{/* This is the viewing window */position:relative; overflow:hidden !important;  /* this is the border. should have the same value for the links */margin:auto; width:928px; /* Also specified in  .stripViewer .panelContainer .panel  below */height:331px; clear:both}
.stripViewer .panelContainer{/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */position:relative; left:0; top:0; width:100%; list-style-type:none; /* -moz-user-select:none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful,crazy fools. */overflow:hidden; height:331px}
.stripViewer .panelContainer .panel{/* Each panel is arranged end-to-end */float:left; height:100%; position:relative; width:928px; /* Also specified in  .stripViewer  above */overflow:hidden}
.stripViewer .panelContainer .panel .wrapper{/* Wrapper to give some padding in the panels,without messing with existing panel width */}
.stripNav{/* This is the div to hold your nav (the UL generated at run time) */margin:auto; position:absolute; top:331px; left:0px; width:100%; overflow:hidden}
.stripNav ul{/* The auto-generated set of links */list-style:none}
.stripNav ul li{float:left; padding-left:1px; padding-right:1px; /* If you change this,be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav ul li a{ margin:0; /* position:relative makes opacity fail for disabled tab in IE */width:288px; padding-left:20px; display:block; background:url(../images/global/bg_ui_nav.png) left top no-repeat; height:36px;  white-space:nowrap; /* required in IE 6 */  outline:0; /* prevent dotted border in Firefox */text-decoration:none; font-size:10px; text-transform:uppercase; color:#4e2c10; text-align:left; line-height:36px; vertical-align:middle}
.stripNav ul li a:hover{color:#fff; text-decoration:none; background:url(../images/global/bg_ui_nav.png) left bottom no-repeat}
.stripNav li a.current{color:#fff; background:url(../images/global/bg_ui_nav.png) left bottom no-repeat}
.stripNavL, .stripNavR{/* The left and right arrows */position:absolute; top:230px; text-indent:-9000em; display:none}
.stripNavL a, .stripNavR a{display:block; height:40px; width:40px}
.stripNavL{left:0}
.stripNavR{right:0}