html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #324143 url('/public/images/front_bg1.jpg') repeat-x top center;
font-family: Trebuchet MS;
font-size: 12px;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
/*##############################################################################
##############################################################################
## Page ##
############################################################################*/
#background { position: absolute; width: 100%; min-height: 925px; margin: 0; background: url('/public/images/front_bg2.jpg') no-repeat top center; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#header { width: 1004px; height: 387px; margin: 0; padding: 0; }
#header .left { width: 347px; height: 387px; margin: 0; padding: 0; background: url('/public/images/front_header_left.jpg') no-repeat top right; }
#header .middle { width: 310px; height: 387px; margin: 0; padding: 0; }
#header .right { width: 347px; height: 387px; margin: 0; padding: 0; background: url('/public/images/front_header_right.jpg') no-repeat top left; }
/*###########################################
## Navigation ##
###########################################*/
#header .left #navigation { width: 167px; height: 321px; margin: 0 0 0 0; padding: 66px 0 0 25px; }
#header .left #navigation .navigation { list-style: none; margin: 0; padding: 0; line-height: 34px; }
#header .left #navigation .navigation li { display: block; margin: 0; padding: 0; }
#header .left #navigation .navigation h2 { color: #d4a071; font-size: 1.3em; }
#header .left #navigation .navigation h2 a { color: #ffffff; text-decoration: none; }
#header .left #navigation .navigation h2 a:hover { color: #8ec937; text-decoration: none; }
#header .left #navigation .navigation h2 .first { font-size: 1.1em; }
/*###########################################
## Banquet Info ##
###########################################*/
#header .left #nextBanquet { width: 132px; height: 150px; margin: 0; padding: 100px 0 0 23px; line-height: 14px; }
#header .left #nextBanquet h2 { margin: 18px 0 6px 0; padding: 0; color: #dbc398; font-size: 1.1em; }
#header .left #nextBanquet h2 span { color: #ffffff; }
#header .left #nextBanquet h3 { margin: 0 0 5px 0; padding: 0; color: #80bb26; font-size: 1.2em; }
#header .left #nextBanquet h4 { margin: 0 0 8px 0; padding: 0; color: #f0c64a; font-size: 1.1em; }
#header .left #nextBanquet a { color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#header .left #nextBanquet a b { font-size: 14px; }
#header .left #nextBanquet a:hover { text-decoration: underline; }
#header .left #nextBanquet #newNominees { display: block; width: 132px; height: 157px; margin: 0; padding: 0; line-height: 14px; }
#header .left #nextBanquet #newNominees h1 { margin: 0; padding: 0; }
#header .left #nextBanquet #newNominees h1 a { color: #fee792; font-size: 20px; font-weight: bold; font-family: Trebuchet MS; line-height: 24px; text-decoration: none; }
#header .left #nextBanquet #newNominees h1 a:hover { text-decoration: underline; }
/*###########################################
## Logo ##
###########################################*/
#header .middle #logo { width: 310px; height: 237px; margin: 0; padding: 0; }
#header .middle #logo a { display: block; width: 310px; height: 237px; margin: 0; padding: 0; background: url('/public/images/front_logo_top.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#header .middle #title { width: 310px; height: 150px; margin: 0; padding: 0; }
#header .middle #title a { display: block; width: 310px; height: 150px; margin: 0; padding: 0; background: url('/public/images/front_logo_bottom.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
/*###########################################
## Previous Winners ##
###########################################*/
#header .right #previousWinners { width: 317px; height: 367px; margin: 0; padding: 20px 0 0 30px; }
#header .right #previousWinners .header { width: 275px; height: 29px; margin: 0; padding: 11px 0 0 0; background: url('/public/images/previouswinners_header.jpg') no-repeat top left; color: #e0c89d; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-align: center; }
#header .right #previousWinners .header h2 { margin: 0; padding: 0; color: #ffffff; font-size: 2.1em; font-weight: normal; }
#header .right #previousWinners .header p { margin: 6px 0 0 0; padding: 0; }
#header .right #previousWinners .display { width: 275px; margin: 0; padding: 15px 0 0 0; }
#header .right #previousWinners .display .controlLeft { width: 45px; margin: 0; padding: 137px 0 0 0; }
#header .right #previousWinners .display .controlLeft h4 { width: 45px; height: 50px; margin: 0; padding: 0; }
#header .right #previousWinners .display .controlLeft h4 a { display: block; width: 45px; height: 50px; margin: 0; padding: 0; background: url('/public/images/previouswinners_left.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#header .right #previousWinners .display .list { width: 185px; margin: 0; padding: 0; text-align: center; }
#header .right #previousWinners .display .list #winners { display: block; width: 185px; margin: 0; padding: 0; text-align: center; }
#header .right #previousWinners .display .list #winners div { margin: 0; padding: 0; }
#header .right #previousWinners .display .list #winners .information { width: 185px; margin: 0; padding: 0; text-align: center; }
#header .right #previousWinners .display .list #winners .information .headshot { width: 105px; height: 145px; margin: 0 0 0 30px; padding: 6px 10px 10px 10px; background: url('/public/images/previouswinners_headshot_bg.png') no-repeat top left; }
#header .right #previousWinners .display .list #winners .information .details { width: 185px; height: 123px; margin: 0 0 0 0; padding: 0; text-align: center; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#header .right #previousWinners .display .list #winners .information .details h2 { margin: 8px 0 2px 0; padding: 0; color: #80bb26; font-size: 1.5em; font-weight: bold; }
#header .right #previousWinners .display .list #winners .information .details h3 { margin: 0 0 2px 0; padding: 0; color: #ffffff; font-size: 1.5em; font-weight: bold; }
#header .right #previousWinners .display .list #winners .information .details h4 { margin: 0 0 2px 0; padding: 0; color: #ffffff; font-size: 1.1em; }
#header .right #previousWinners .display .list #winners .information .details a { display: block; height: 26px; color: #8ec937; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#header .right #previousWinners .display .list #winners .information .details a:hover { text-decoration: underline; }
#header .right #previousWinners .display .list #winners .information .details p { margin: 8px 0 0 0; padding: 0; }
#header .right #previousWinners .display .controlRight { width: 45px; margin: 0; padding: 137px 0 0 0; }
#header .right #previousWinners .display .controlRight h4 { width: 45px; height: 50px; margin: 0; padding: 0; }
#header .right #previousWinners .display .controlRight h4 a { display: block; width: 45px; height: 50px; margin: 0; padding: 0; background: url('/public/images/previouswinners_right.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#header .right #previousWinners .display #jumpToWinner { width: 185px; height: 20px; margin: 0; padding: 0; }
#header .right #previousWinners .display #jumpToWinner form { margin: 0; padding: 0; }
#header .right #previousWinners .display #jumpToWinnerSelect { width: 182px; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body ##
############################################################################*/
#bodyContent { width: 1004px; min-height: 400px; margin: 0; padding: 0; }
#bodyContent .left { width: 362px; min-height: 400px; margin: 0; padding: 0; background: url('/public/images/front_body_left.jpg') no-repeat top right; }
#bodyContent .middle { width: 280px; min-height: 400px; margin: 0; padding: 0; background: url('/public/images/front_body_middle.jpg') no-repeat top left; text-align: center; }
#bodyContent .middle h2 { margin: 0; padding: 0; color: #d4a071; font-size: 1.8em; }
#bodyContent .right { width: 362px; min-height: 400px; margin: 0; padding: 0; }
/*###########################################
## Introduction ##
###########################################*/
#bodyContent .left #introduction { width: 145px; min-height: 321px; margin: 0; padding: 40px 22px 0 25px; color: #ffffff; font-size: 12px; }
#bodyContent .left #introduction p { margin: 0 0 5px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 25px; }
#bodyContent .left #introduction h2 a { margin: 0; padding: 0; color: #8ec937; font-size: 1.3em; font-weight: bold; text-decoration: none; }
#bodyContent .left #introduction h2 a:hover { color: #ffffff; }
/*###########################################
## Purchase Info ##
###########################################*/
#bodyContent .left #purchase { width: 147px; min-height: 150px; margin: 0; padding: 40px 0 0 23px; }
#bodyContent .left #purchase .info { width: 147px; height: 160px; margin: 0; padding: 0; }
#bodyContent .left #purchase .info h2 { margin: 2px 0 0 0; padding: 0; color: #ffc739; font-size: 1.8em; font-weight: normal; }
#bodyContent .left #purchase .info h3 { margin: 10px 0 0 -3px; padding: 0; width: 147px; height: 98px; }
#bodyContent .left #purchase .info h3 a { background: url('/public/images/onlinetickets.png') no-repeat top left; width: 147px; height: 98px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#bodyContent .left #purchase .info p { margin: 8px 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 22px; }
#bodyContent .left #purchase .info b { font-size: 13px; }
#bodyContent .left #purchase .info a { color: #ffffff; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; text-decoration: underline; }
#bodyContent .left #purchase .info a:hover { text-decoration: none; }
#bodyContent .left #purchase #rotaryClub { width: 147px; margin: 0; padding: 0; }
#bodyContent .left #purchase #rotaryClub h2 { width: 140px; height: 145px; margin: 10px 0 0 8px; padding: 0; }
#bodyContent .left #purchase #rotaryClub h2 a { display: block; width: 140px; height: 145px; margin: 0; padding: 0; background: url('/public/images/front_rotary.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
/*###########################################
## News Articles ##
###########################################*/
#bodyContent .right #news { width: 357px; min-height: 100px; margin: 0; padding: 40px 0 0 5px; font-size: 12px; }
#bodyContent .right #news h2 { margin: 2px 0 -3px 0; padding: 0; color: #ffc739; font-size: 1.8em; font-weight: normal; }
#bodyContent .right #news ul { list-style: none; margin: 0; padding: 0; line-height: 20px; }
#bodyContent .right #news ul li { width: 325px; margin: 0; padding: 12px 0 12px 0; background: url('/public/images/front_news_div.jpg') no-repeat bottom left; color: #fee692; }
#bodyContent .right #news ul .last { background: none; }
#bodyContent .right #news ul li a { color: #fee692; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#bodyContent .right #news ul li a:hover { text-decoration: underline; }
#bodyContent .right #news h4 a { margin: 0; padding: 0; color: #ffc739; font-size: 1.3em; font-weight: bold; text-decoration: none; }
#bodyContent .right #news h4 a:hover { color: #ffffff; }
#bodyContent .right #news a h1 { color: #ffffff; font-size: 24px; font-weight: bold; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Inside Body ##
############################################################################*/
#insideBodyHeader { width: 1004px; height: 40px; margin: 0; padding: 0; }
#insideBodyHeader .left { width: 362px; height: 40px; margin: 0; padding: 0; background: url('/public/images/inside_body_left.jpg') no-repeat bottom right; }
#insideBodyHeader .middle { width: 280px; height: 40px; margin: 0; padding: 0; background: url('/public/images/inside_body_middle.jpg') no-repeat top left; text-align: center; }
#insideBodyHeader .middle h2 { margin: 0; padding: 0; color: #d4a071; font-size: 1.8em; }
#insideBodyHeader .right { width: 362px; height: 40px; margin: 0; padding: 0; background: url('/public/images/inside_body_right.jpg') no-repeat bottom left; }
#insideBodyContent { width: 1004px; min-height: 400px; margin: 0; padding: 0; }
#insideBodyContent .left { width: 21px; margin: 0; padding: 0; }
#insideBodyContent .middle { width: 966px; margin: 0; padding: 0 0 12px 0; background: url('/public/images/inside_body_bottom.png') no-repeat bottom left; }
#insideBodyContent .right { width: 17px; margin: 0; padding: 0; }
/*###########################################
## Breadcrumbs ##
###########################################*/
#insideBodyHeader .left #breadcrumbs { width: 337px; height: 30px; margin: 0; padding: 10px 0 0 25px; color: #778889; font-size: 1.0em; font-weight: normal; }
#insideBodyHeader .left #breadcrumbs a { color: #778889; font-size: 1.1em; font-weight: normal; text-decoration: none; }
#insideBodyHeader .left #breadcrumbs a:hover { color: #ffffff; text-decoration: none; }
#insideBodyHeader .left #breadcrumbs .home { color: #ffffff; font-size: 1.0em; font-weight: bold; text-decoration: none; }
#insideBodyHeader .left #breadcrumbs .home:hover { text-decoration: underline; }
#insideBodyHeader .left #breadcrumbs .active { color: #a3b4b6; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#insideBodyHeader .left #breadcrumbs .active:hover { color: #ffffff; text-decoration: none; }
/*###########################################
## Header ##
###########################################*/
#insideBodyContent .middle .header { width: 946px; height: 31px; margin: 0; padding: 4px 0 0 20px; background: url('/public/images/inside_body_header.jpg') no-repeat top left; }
#insideBodyContent .middle .header h2 { margin: 0; padding: 0; color: #ffffff; font-size: 1.6em; font-weight: bold; }
/*###########################################
## Content ##
###########################################*/
#insideBodyContent .middle #insideBody { width: 670px; margin: 0; padding: 15px 25px 20px 20px; color: #86837c; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; text-align: justify; }
#insideBodyContent .middle #insideBody h1 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 2.4em; font-weight: bold; }
#insideBodyContent .middle #insideBody h2 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 2.0em; font-weight: bold; }
#insideBodyContent .middle #insideBody h3 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 1.8em; font-weight: bold; }
#insideBodyContent .middle #insideBody h4 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 1.6em; font-weight: bold; }
#insideBodyContent .middle #insideBody small { margin: 0 0 2px 10px; color: #554334; font-size: 0.7em; font-weight: normal; }
#insideBodyContent .middle #insideBody p { margin: 0 0 20px 0; padding: 0; }
#insideBodyContent .middle #insideBody ul { list-style: disc outside; margin: 0; padding: 10px 0 10px 20px; }
#insideBodyContent .middle #insideBody ol { margin: 0; padding: 10px 0 10px 25px; }
#insideBodyContent .middle #insideBody img[align="left"] { padding: 6px; margin: 0px 20px 15px 0px; }
#insideBodyContent .middle #insideBody img[align="right"] { padding: 6px; margin: 0px 0px 15px 20px; }
#insideBodyContent .middle #insideBody a { color: #b35f2c; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#insideBodyContent .middle #insideBody a:hover { text-decoration: underline; }
#insideBodyContent .middle #insideBody a h1 { margin: 0 0 6px 0; padding: 0; color: #b35f2c; font-size: 2.4em; font-weight: bold; }
#insideBodyContent .middle #insideSidebar { width: 220px; margin: 0; padding: 10px 15px 0 15px; color: #554334; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
#insideBodyContent .middle #insideSidebar h1 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 1.6em; font-weight: bold; }
#insideBodyContent .middle #insideSidebar h2 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 1.4em; font-weight: bold; }
#insideBodyContent .middle #insideSidebar h3 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 1.3em; font-weight: bold; }
#insideBodyContent .middle #insideSidebar h4 { margin: 0 0 6px 0; padding: 0; color: #554334; font-size: 1.2em; font-weight: bold; }
#insideBodyContent .middle #insideSidebar a { color: #8d100c; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
#insideBodyContent .middle #insideSidebar a:hover { text-decoration: none; }
#insideBodyContent .middle #insideSidebar a h1 { margin: 0 0 6px 0; padding: 0; color: #8d100c; font-size: 1.6em; font-weight: bold; text-decoration: underline; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Bottom ##
############################################################################*/
#bottom { width: 1004px; margin: 30px 0 10px 0; padding: 0; }
#bottom .legal { width: 420px; margin: 0; padding: 40px 0 0 25px; color: #6f888f; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#bottom .branding { width: 114px; height: 95px; margin: 0; padding: 0; background: url('/public/images/footer_logo.png') no-repeat top center; }
#bottom .credit { width: 420px; margin: 0; padding: 23px 25px 0 0; }
#bottom .credit h4 { width: 248px; height: 22px; margin: 12px 0 0 150px; padding: 0; }
#bottom .credit h4 a { background: url('/public/images/flex360.png') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#insideBottom { width: 1004px; margin: 5px 0 10px 0; padding: 0; }
#insideBottom .legal { width: 420px; margin: 0; padding: 17px 0 0 25px; color: #6f888f; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#insideBottom .branding { width: 114px; height: 95px; margin: 0; padding: 0; background: url('/public/images/footer_logo.png') no-repeat top center; }
#insideBottom .credit { width: 420px; margin: 0; padding: 0 25px 0 0; }
#insideBottom .credit h4 { width: 248px; height: 22px; margin: 12px 0 0 175px; padding: 0; }
#insideBottom .credit h4 a { background: url('/public/images/flex360.png') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
.navigation li:hover, .navigation li.over { position: static; /* make menus not sticky in ie7 */ }
.navigation li ul { position: absolute; left: -999em; list-style: none; }
.navigation li:hover ul { left: auto; }
.navigation li:hover ul, .navigation li.sfhover ul { left: auto; }
/* Dropdown */
.dropdownNav { z-index: 99; position: absolute; width: 195px; margin: -15px 0 0 -10px; padding: 0 0 20px 0; line-height: 14px; background: url('/public/images/dropdown_bottom.png') no-repeat bottom left; }
.dropdownNav li:first-child,
.dropdownNav li.firstChild { padding: 16px 0 0 0 !important; background: url('/public/images/dropdown_top.png') no-repeat top left; }
.dropdownNav li { width: 195px; min-height: 25px; margin: 0; padding: 0; background: url('/public/images/dropdown_bg.png') repeat-y top left; line-height: 12px; }
.dropdownNav .index { color: #00aaf0; }
.dropdownNav li a { display: block; width: 142px; margin: 0 15px 0 12px; padding: 6px 10px 8px 16px; color: #f0c64a; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; cursor: pointer; }
.dropdownNav li a:hover { margin: 0 15px 0 12px; padding: 6px 10px 8px 16px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; background: #261e17; cursor: pointer; }
.pushed { margin: -45px 0 0 60px !important; padding: 0 0 20px 0 !important; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Liquid 3-column layout structure ##
############################################################################*/
/* column container */
.colmask {
position: relative; /* This fixes the IE7 overflow hidden bug */
clear: both;
float: left;
width: 100%; /* width of whole page */
overflow: hidden; /* This chops off any overhanging divs */
z-index: 1;
}
/* common column settings */
.colright,
.colmid,
.colleft {
float: left;
width: 100%; /* width of page */
position: relative;
z-index: 1;
}
.columnDiv,
.columnMain,
.columnSidebar {
float: left;
position: relative;
padding: 0 0 0 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow: visible;
z-index: 1;
}
/* 3 Column settings */
.striped { background: url('/public/images/inside_body_bg.jpg') repeat-y top left; }
.threecol { /*background: #f1ede6;*/ /* right column background colour */ }
.threecol .colmid { right: 250px; /* width of the right column */ }
.threecol .colleft { right: 1px; /* width of the middle column */ }
.threecol .columnDiv {
width: 1px; /* width of center column content (column width minus padding on either side) */
left: 100%; /* 100% plus left padding of center column */
/*background: #e3ddd5;*/ /* center column background colour */
}
.threecol .columnMain {
width: 715px; /* Width of left column content (column width minus padding on either side) */
left: 250px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .columnSidebar {
width: 250px; /* Width of right column content (column width minus padding on either side) */
left: 251px; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*##############################################################################
##############################################################################*/
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; }
.imageLeft { float: left; padding: 6px; margin: 0px 20px 15px 0px; }
.imageRight { float: right; padding: 6px; margin: 0px 0px 15px 20px; }
.padded-table td, .padded-table th{ padding: 5px; }
.otherNomineePic { float: left; margin: 0 5px 20px 0; padding: 0; }
.otherNominee { clear: both; float: none; margin: 0 5px 20px 0; padding: 0; }