html, body {overflow: auto;}
html, body, div, p, img, h1, h2, h3, em, td, form {margin:0; padding:0; border:0;}
body {font-family: Arial, Tahoma ;
font-size:14px;
color: black;
background:white;
min-width:900px; /* for old mazilla */
text-align:center;} /* centers id */
div#wrapper {width:900px; margin:0 auto;} /* these margins center compliant browsers */
div#header {height:150px; color: silver;}
div#flashcontent {width: 900px; height: 150px; overflow:hidden;}
div#content {float:right; width:775px; margin-left:-125px;
min-height:490px; padding-top:15px;}
div#left-column {float:left; width:125px; text-align:center; margin-top:10px;} /* navigation */
div#left-column div#top_bg {height:50px; position:relative; background: white url(../graphics/nav_bg_middle.png) repeat-y center center;}
div#left-column div#top_bg img.slide_up {position:absolute; top:10px; left:12px;}
div#footer {background-color:#114364; font-size:11px; }
div#footer a,
div#footer p {color:white; font-size:11px; text-align:right;}
/* -- within content sections -- */
div#dbl-column-left {float: left; width:374px;}
div#dbl-column-right {float:right; width:400px;} /* -- big graphic is 400px wide */
div#dbl-column-right p,
div#dbl-column-right h1,
div#dbl-column-right h2,
div#dbl-column-right h3 {text-align:center; margin-bottom:.3em; }
/* --------------------------------------------------------------
---------------- misc -------------------
-------------------------------------------------------------- */
h1, h2, h3 {color:#000099;}
body#home div.calendar-snippet tr {vertical-align: top; }
body#home div.calendar-snippet td {padding-left:5px; }
body#home div.calendar-snippet td:first-child {font-weight:800; color:#000099; }
body#home div.calendar-snippet col.a {width:100px;background:white;}
body#home div.calendar-snippet col.b {width:290px; }
body#home div.calendar-snippet {text-align:left; }
body#home div.calendar-snippet table {width:100%; text-align:left; border-collapse:collapse;}
body#home div.calendar-snippet-heading {background:white; color:#000099; padding:10px 0 8px 0}
body#home div.calendar-snippet-heading h2 {font-weight:800; margin-bottom:5px;text-align:left;}
body#home div#picture_box {position:relative; text-align:center; margin: 0 auto; height:245px; width:245px;
background: #fff url(../graphics/index_bg_box.png) no-repeat; }
body#home div#picture_box #mainScreenSlideShow { position: absolute;
height:200px; width:200px;
background: white url(hub_bullet.png) no-repeat scroll center center;
top:22px;
left:22px;
border:0; padding:0;}
#myscroller {
position:relative; /* needs to be relative */
width:185px; height:215px;
padding-right:15px;
color:rgb(42,3,83);
background-color:transparent;
border-left:transparent 10px solid;
overflow:hidden; /* required */
font-family:arial;}
* html #myscroller {border-left-color:white;}
.small12 {font-size:12px; }
.small_blue1 {color:blue;font-size:10px;}
.small_gray1 {color:gray;font-size:10px;}
.small_blue2 {color:blue;font-size:9px;}
.small_blue3 {color:#000099; font-size:12px;}
.small_red3 {color:red; font-size:12px; }
.name {color:#000099; text-align:left;font-weight:600; }
.s10 {text-align:left;font-size:10px; }
table.listing {width:90%; border-color:transparent;border-bottom-width:medium;border-top-width:medium;}
body.report_attendance table.listing {width:60%; }
table.listing td.r {text-align:right; }
table.listing td.c {text-align:center; }
body.report_attendance table.listing td.c {text-align:center; width:25px;}
table.listing td {text-align:left; }
body.update_attendance input {padding-left:3px; }
div#content.maintain_cal col#cal_1 {width:25px;}
div#content.maintain_cal col#cal_2 {width:25px;}
div#content.maintain_cal col#cal_3 {width:80px;}
/*div#content.maintain_cal col#cal_4 {width:15px;} */
div#content.maintain_cal col#cal_5 {width:35px;}
a {font-family: Arial, Tahoma ; font-size:14px;}
p {text-align: justify; margin:0 10% 10px 10%;}
ul {text-align: left; margin-left:12%;}
dt {text-align: left; margin-left:10%; font-weight:bold; margin-bottom:3px}
dd {text-align: left; margin-left:20%; margin-bottom:15px;}
p.bullet {padding-left:25px; background-image: url(../graphics/hub_bullet.png);background-repeat: no-repeat;background-attachment: scroll;background-position: left top;}
/* board of directors - officer's page
pop up images note: ie6 does not like
's borders, padding, margins set to 0! */
/* officer's page */
body#officers table {width:80%; }
body#officers table td {text-align:left;}
body#officers table td a {text-decoration:none; color:#000099;display:block; }
body#officers table td a:hover {background:#E8E8F6; }
body#officers table td a img {position:absolute; left:-999px; }
body#officers table td a:hover img {position:absolute; left:450px; z-index:2}
body#officers dd {position: relative; color:#000099;}
body#officer dl dt dd i {font-style: normal; }
body#officers dd:hover i,
body#officers dd.sfhover i {background:#E8E8F6;font-weight:600; color:#000099;font-style: normal;}
body#officers dd span{position: absolute; display:none; top:-40px; left:170px;}
body#officers dd:hover span,
body#officers dd.sfhover span {display:block;z-index:2;}
body#officers dd a {z-index:1;}
body#officers dl {text-align:left;}
/* pops - members page */
body#members div.scrollbox {overflow:auto; height:400px; width:210px; margin-top:0px;}
body#members div#content {text-align:left;} /* slides div.pops left */
body#members h2,
body#members h3 {text-align:center; }
body#members ul {padding-left: 10px; margin:0;}
body#members li {list-style: none; color:#000099; font-size:95%; font-weight:500; padding-left:5px;}
body#members li a {text-decoration:none; color:#000099; font-size:95%;}
body#members li table {position: absolute; top: 210px; right:5px; display:none;}
body#members li:hover,
body#members li.sfhover {background:#FFFAE8;}
body#members li:hover a,
body#members li.sfhover a {color:blue; text-decoration:underline;}
body#members li:hover table,
body#members li.sfhover table {display:block;}
body#members li a.sb {font-size:8px; color:blue; text-decoration:none; }
body#members div.pix{height:102px; width:77px; background:#FAFAFA; border: 2px solid #000099; text-align:center; vertical-align: middle;}
body#members b.g {color:green; }
body#members b.b {color:#000099;}
/* Safari needed each line to have a class to work correctly */
body#members div.show_all li a.show_members {text-decoration:none; }
div.show_all li a span.form {position: absolute; display:none; top:210px; right:5px; background:#E8E8F6; text-decoration:none;}
div.show_all li a:hover span.form {display:inline; width:550px;}
div.show_all li a:hover span.form span {position:absolute; background:#E8E8F6; padding:7px 0 0 5px; font-weight:600; font-size:12px; color:#000099; margin:0;text-decoration:none; }
div.show_all li a:hover span.form span b {position:absolute; width: 200px; left:100px; padding-left: 5px; background:#FFECA2; font-weight:500; border:1px #000099 solid; font-size:12px; z-index:1; text-decoration:none;}
div.show_all li a:hover span.form span b.a {left:100px; width:112px; overflow:hidden;}
div.show_all li a:hover span.form span b.b {left:225px; width:22px}
div.show_all li a:hover span.form span b.c {left:260px; width:40px;}
div.show_all li a:hover span.form span.l1 b {font-weight:600; }
div.show_all li a:hover span.form span.l2 b,
div.show_all li a:hover span.form span.l3 b {font-weight:500; }
div.show_all li a:hover span.form span.l9,
div.show_all li a:hover span.form span.l4 {padding-bottom:0;}
div.show_all li a:hover span.form span.x {padding-top:2px;}
div.show_all li a:hover span.form span.l5 b,
div.show_all li a:hover span.form span.l6 b,
div.show_all li a:hover span.form span.l7 b,
div.show_all li a:hover span.form span.l10 b,
div.show_all li a:hover span.form span.l11 b {width:100px; }
div.show_all li a:hover span.form span.l8 b,
div.show_all li a:hover span.form span.l12 b,
div.show_all li a:hover span.form span.l13 b,
div.show_all li a:hover span.form span.l14 b,
div.show_all li a:hover span.form span.l15 b {width:350px }
div.show_all li a:hover span.form span img {position:absolute; display:block; z-index:9; left:415px; top:-150px; height:102px; width:77px; background:#FAFAFA; border: 2px solid #000099;}
div.show_all li a:hover span.form br {line-height:175%;}
div#displaymbr {position:relative; float:right; text-align:left; width:525px; background:#E8E8F6; padding:10px 10px 5px 10px; border:5px ridge #000099; color:#000099;}
div#displaymbr img {position:absolute; display:block; right:20px; top:20px; height:102px; width:77px; background:#FAFAFA; border: 2px solid #000099;}
div#displaymbr br {clear:left; }
div#displaymbr label { float: left; width:80px; text-align:right; margin-right:5px; background:#E8E8F6; border:0}
div#displaymbr input {background:#FFECA2; border: 1px solid #000099; padding:0 0 0 5px; margin:0 5px 4px 0;}
div#displaymbr input.a {margin-top: -4px; border-top-width:0; }
div#displaymbr input#name {font-weight:600; }
body#hub {font-family: "Times New Roman", Serif; font-size:16px; text-align:center; min-width:700px;}
body#hub h1,
body#hub h2,
body#hub h3,
body#hub p {margin: 0 10px 1em 10px;}
body#hub h1,
body#hub h4 {text-align:center; }
body#hub pre {margin-top:0; padding-top:0;}
body#hub h1 {font-size:26px;color:#000099; }
body#hub div#wrapper {position:relative; }
body#hub div#hub-wrapper {width: 765px; margin: 0 auto;}
body#hub iframe.frame {position:absolute; z-index:1; left:23px; top:10px; width:525px; height:95px; overflow:hidden; margin:0; padding:0; border:0;}
body#hub img#theme {position:absolute; z-index:2; }
body#hub img#cover {position:absolute; z-index:2; top:25px; left:175px;}
div#hub-right p {text-align:justify; }
div#hub-right img.centered {display: block; margin: 0 auto; border: 10px white solid;}
div#hub-right img.right {float:right; border: 10px white solid; display: block; border-right-width:0;}
div#hub-right img.left {float:left; border: 10px white solid; display: block; border-left-width:0;}
div#hub-right {float:right; width:550px; text-align:justify; margin-left:-215px; border-left:215px solid #FFE26F;}
div#hub-right div#articles {width: 540px; padding-left:10px; font-size:17px; }
div#hub-right div#articles div.special_article {background: white; color:white;}
div#hub-right div#articles div.special_article b {color:#005A9C; font-size:20px; font-weight:bold;}
div#hub-right div#articles span.a {color:#000099; font-size:14px; font-weight:600; }
div#hub-right div.heading {text-align:left;background:#ffcc00; color:#005A9C; padding:0; padding:10px 0 8px 0}
div#hub-right div.heading h2 {font-weight:800; margin-bottom:5px;}
div#hub-right div.align-left tr {vertical-align: top; }
div#hub-right div.align-left td {padding-left:5px; }
div#hub-right div.align-left td:first-child {font-weight:800; }
div#hub-right div.align-left col.a {width:120px;background:#FFFAE8;}
div#hub-right div.align-left col.b {width:375px; }
div#hub-right div.align-left {text-align:left; }
div#hub-right div.align-left table {width:100%; text-align:left; border-collapse:collapse;}
div#hub-right div#date-line p.a {color:#000099; font-weight:bold; font-size:22px; font-family: tahoma; }
div#hub-right div#date-line p.b { color: #005A9C; font-size:20px; margin-top:10px; margin-bottom: 10px;}
div#hub-right div#date-line p.hub_bullet {position:relative; width:340px;padding-left:35px; font-size:85%; text-align:left; }
div#hub-right div#date-line p.hub_bullet img {position:absolute; top:3px; left:15px;}
div#hub-right div#date-line {background: #ffcc00; padding:5px 0 5px 8px;}
div#hub-right div#date-line h3 {margin:0 0 10px 0; color:black; font-size:14px;}
div#hub-right div#date-line span {font-family: Times New Roman; font-weight:500; font-size:12px;}
div#hub-left {position:relative; width:210px; text-align:center; font-family: Arial;}
div#hub-left h3 {color:#005A9C}
div#hub-left b.a{color:#000099; font-size:14px; font-weight:600;}
div#hub-left p {font-size:75%; text-align:center; color:navy;}
div#hub-left a.red {color:red; font-weight:600; font-size:80%; font-family: Tahoma, "Tahoma Small Cap", Sans-serif;}
div#hub-left table.a col.a {width:50px;}
div#hub-left table.a td {text-align:left;vertical-align:top; font-size:12px;}
div#hub-left table.a td:first-child {color:#000099;font-weight:600; }
div#hub-left div#archive {height:250px; overflow:auto; position:absolute; top:1px; left:15px; text-align:left; padding-left:5px; background: #FFFAE8; width:165px; border: 4px ridge navy; padding:5px;}
div#hub-left div#archive a {display:block; font-family:tahoma; color:#000099; text-decoration:none;font-size:12px; margin-top:2px; margin-bottom:2px; }
div#hub-left div#archive a:hover {color:blue; background:#FFF68F; }
div#hub-left a.pop {position:relative; text-decoration:none; }
div#hub-left a.pop span {position:absolute; width:197px; color: blue; border: 4px #000099 ridge; padding:5px; text-align:left; background: #FFFAE8; left:-999px; font-size:85%; }
div#hub-left a:hover.pop span {top:-100px; left:-38px;}
div#hub-left input {padding-left:3px; }
div.maintain_hub tr {height:35px; }
div.quote1 {position:absolute; left:15px; background: #FFFAE8; width:150px; border: 4px ridge navy; padding:5px; }
div.photo{ background: transparent url(../graphics/drop-shadow.gif) no-repeat center bottom ;
text-align:center; margin: 15px 0;}
div.photo img{position:relative; top:-3px; left:-3px; }
.error {color:#FF0033; font-size:14px; }
table.form {background:#E8E8F6; margin: 0 auto; border:1px #000099 solid; border-collapse:collapse; padding:5px;}
table.form tr {height:22px; }
table.form tr.inputfield td:first-child {font-weight: 600; font-size:85%; padding-left:2px;}
table.form tr.inputfield td input {padding-left:3px; }
table.form tr.inputfield td textarea,
table.form tr.inputfield td input,
table.form tr.inputfield td select {background:#FFECA2; color:#000099; font-weight:600;}
table.form tr.inputfield td input:focus,
table.form tr.inputfield td select:focus {background:#FFF6D1; color:#000099; font-weight:800; }
table.form td {text-align: left; border:0px black solid; }
table.form tr.subtitles {vertical-align: top;}
table.form tr.subtitles td {padding-top:0;padding-left:10px; }
table.form span {font-size:75%; }
.left-padding15 {padding-left:15px; }
.tbl-cal {vertical-align: top;}
.pad-top-5 {padding-top:5px; padding-bottom:5px; font-size:110%;}
p.welcome {position:absolute; top:24px; right:10px; font-family: "Lucida Handwriting", Andy, Serif;font-size: 11px;color: #000099;}
body#home p.welcome {top:17px;}
body#hub p.welcome {top:30px; right:3%;}
body#hub div#sunrise {position:absolute; top:170px; right:6%; font-size:12px; text-align:left;}
p.welcome_date {position:absolute; top:24px; left:5px; font-size: 11px;color: #000099;}
body#home p.welcome_date {top:17px;}
body#hub p.welcome_date {top:13px; left:10px;}
body#faq h1 {font-size: 25px; color:#000099;}
body#faq h2,
body#faq h3 {color:#000099; text-align:left; margin-left:10%; margin-bottom:7px;}
body#faq div#content p {font-family: 'Times New Roman'; font-size: 18px; margin-bottom:10px; }
body#faq div#content li {font-family: Arial, Tahoma; font-size: 15px; margin-left:15px; }
body#faq div#content ul.faq li {margin-bottom:10px; font-size:16px; color:#000099;}
body#faq ol {text-align:left; margin-left:12%; margin-right:10%;}
body#upload_pix div.upload_pix form {width:400px; margin: 0 auto; }
body#upload_pix div.upload_pix fieldset {width:400px; }
body#info div.info a {display:block; color:blue; margin-bottom:12px;}
body#info div.info td {text-align:left;vertical-align:top; }
body#info div.info td p {margin-left:0; }
body#info div.past_officers p {position:relative; color:#000099;font-weight:600; }
body#info div.past_officers p span {position:absolute; left:250px;font-weight:500; }
body#info div.past_officers p b {position:absolute; left:425px; font-weight:500; }
body#info div.past_officers h2 a {font-size:22px; text-decoration:none; }
body#info div.past_officers div#a {text-align:left; margin-left:10%; }
body#info div.past_officers div#a a {display:block; margin-bottom:10px; font-size: 18px;}
body#info div.paul_harris p {position:relative; color:#000099;font-weight:600; }
body#info div.paul_harris p span {position:absolute; left:250px;font-weight:500; }
body#columbus h1 {color:red}
body#columbus h2 {text-align:left; margin-left:10%; }
body#columbus a.a1 {text-decoration:none; }
body#columbus div#content-wrapper {width:700px; margin: 0 auto;}
body#columbus img.r {float:right; display:block; border: 10px white solid; border-right: 0;}
body#columbus img.l {float:left; display:block; border: 10px white solid; border-left:0; }
body#columbus div#list p {padding-left:25px;
background-image: url(../graphics/hub_bullet.png);background-repeat: no-repeat;background-attachment: scroll;background-position: left top;}
body#columbus div#list p b {color:red; }
body#weekly_report h3 {text-align:left; color:#000099; margin-left:50px; }
body#weekly_report table {text-align:left; margin-left:50px;}
body#weekly_report td {text-align:left; vertical-align: top; }
body#weekly_report td:first-child {padding-right:10px; }
body#weekly_report td.a {text-align:left; font-family: 'Courier New', Monospace;}
body#weekly_report p {margin:0 0 2px 50px; }
body#weekly_report p.a {font-size:small; margin-left:60px;}
body#weekly_report span.a {color:#000099;}
body#weekly_report span.b {color:black;}
body#weekly_report h3 span {font-size:11px; color:black; font-weight:400;}
body#committees div.committees h1 {color:#000099;}
body#committees div.committees h2 {color:#000099; font-size:28px; margin-bottom:10px; margin-top:80px;}
body#committees div.committees h3 a {color:blue; font-size:22px; margin-bottom:10px;}
body#committees div.committees p {position:relative; font-size:18px; color:#000099;}
body#committees div.committees span {position:absolute; left:300px;}
body#committees div.committees a {position:relative; }
body#committees div.committees a img {display:none; position:absolute;left:200px;top:-50px }
body#committees div.committees a:hover img {display:block; }
body#makeups td {text-align:center;}
body#makeups td i {color:white; font-weight:600; }
body#makeups td b.a {font-family: Arial;font-size: 20px; }
body#makeups col.a {width:244px;}
body#makeups col.b {width:129px;}
body#makeups col.c {width:257px;}
div#content.admin-links ul {margin-bottom:20px; }
div#content.admin-links li {margin-top:0; margin-bottom:5px; }
div#content.admin-links td {text-align:left; }
div#content.admin-links td.a {font-family: 'Courier New', Monospace; }
div.paypal fieldset {width:250px;text-align:center }
div.paypal legend {color:#000099; font-weight:600; }
div.paypal legend span {font-size:85%; font-weight:500; }
/* --------------------------------------------------------------
---------------- navigation -------------------
-------------------------------------------------------------- */
div#nav {background: white url(../graphics/nav_bg_middle.png) repeat-y center center; }
div#nav a {text-decoration: none;
text-align: left;
line-height:25px;
width:101px;
height: 25px;
display:block;
margin-bottom:0px;
margin-left:10px;
padding-left:4px;
color: navy;
font-weight:bold;
font-size:14px;}
div#nav a:visited {color: navy}
div#nav a:hover {background:#FFFAE8; color:blue; }
body#home #nav a.home, /* each body tag has an id and each */
body#officers #nav a.officers, /* menu link has a corresponding class. */
body#presidents #nav a.presidents, /* This makes the menu indicate which */
body#calendar #nav a.calendar, /* page user is on by displying link in */
body#members.show_users #nav a.members, /* a light gray shade without the */
body#makeups #nav a.makeups, /* background. */
body#faq #nav a.faq,
body#committees #nav a.committees,
body#members.xmbrs #nav a.xmbrs,
body#hub #nav a.hub,
body#youth #nav a.youth,
body#gse #nav a.gse,
body#columbus #nav a.columbus,
body#payonline #nav a.payonline,
body#info #nav a.info,
body#location #nav a.location,
body#links #nav a.links {color:#D3D3D3;}
* html #nav a {height: 1px;}