@charset "utf-8";
/* CSS Document */
/*======== framework ========*/
/* width must be in em or percentages to be scalable */
* {margin: 0; padding: 0;} /* eliminates spacing differences between browsers */
body {
color: #000;
font: 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
min-width: 760px;
behavior: url(/pages/images/pages/csshover.htc)} /* keeps layout from colapsing if the browser is sixed too small */
#wrapper {
position: relative;
width: 760px;
margin: 0 auto;
text-align: left;
padding:0;
border:4px solid #fff;
background:#fff;
}
.featureText {
font-size:0.7em;
}
#innerWrap {width: 760px; padding:0; margin-top: 10px;} /* apply "clearfix" class to ensure footer clearing both column(s) & footer */
* html #innerWrap {
margin-top:0px;
}
* + html #innerWrap {
margin-top:0px;
}
/* ===== layout style formatting ===== */
/* these width can change depending on layout & desired result */
/* widths must be in em or percentages to be scalable - size to layout*/
#content {width: 440px; margin-top: 10px;}
* html #content {width:440px;}
#column2 {width: 220px; margin-top: 50px; padding-right:10px; float:right;}
* html #column2 {margin-top:50px;}
* + html #column2 {margin-top:50px;}
/* in 3 column layout only */
/* ===== layout style formatting ===== */
/*======== end framework ========*/
/*======== background images & color ========*/
/* add layout background colors & images here */
body {background:#cc0033;}
#wrapper {background:#FFF;}
#innerWrap {background:url(/pages/images/pages/about_us_bg.gif) repeat-y; margin-top:8px;}
/*======== end background images & color ========*/
/*======== common formatting ========*/ /* browsers differences are avoided w/ universal font sizes outside content divs */
/*======== images ========*/
img {margin: 0; border-style: none;}
img a {border-style: none;}
p.caption {
font-size: 0.8em;
text-align: center;
margin-top: 0.5em;}
div.left {float: left; margin-right: 2em;}
div.right {float: right; margin-left: 2em;}
#gallery_wrap {
width:700px;
padding-left:5px;
}
#gallery_cat_wrap {
padding-top:10px;
width:160px;
height:370px;
float:left;
}
* html #gallery_cat_wrap {
width:170px;
}
.gallery_cat {
width:80px;
float:left;
text-align:center;
font-size:1.1em;
}
.gallery_cat img {
border:2px solid #000;
}
#large_pic {
float:right;
width:475px;
padding-right:30px;
margin-bottom:20px;
}
* html #large_pic {
margin-bottom:10px;
}
#large_pic p {
height:0px;
}
#large_pic img {
border:4px solid #000;
}
/*======== end images ========*/
/*======== headings ========*/
h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif; font-weight: bold;}
h1 {font: 1.8em/2em Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif;}
h2 {font-size: 1.6em; line-height: 2em;}
h3 {font-size: 1.4em; line-height: 1.4em; margin-top: 20px;}
h4 {font-size: 1.2em; line-height: 2em; margin-top: 3em;}
h5 {font-size: 1.0em; line-height: 1.5em;}
h6 {
font-weight: normal;
font-size: 0.8em;
line-height: 1.3em font-family: Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif;;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#cc0033;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#cc0033;}
h3 {
color:#cc0033;
margin-bottom:0px;
padding-bottom:0px;
font-size:14px;
font-weight:bold;
}
/*======== end headings ========*/
/*======== text elements ========*/
p {margin: 1em 0;}
blockquote {margin-left: 2em;}
dl {margin: 0 1em;}
dd {margin-left: 1em;}
p a, blockquote a, dl a, abbr a, acronym a {color:#cc0033; font-weight:bold; text-decoration:none;}
p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {text-decoration:underline;}
/*======== end text elements ========*/
/*======== lists ========*/
ul, ol {margin: 1em 3em;}
ul li ul, ol li ol, ol li ul, ul li ol {margin: 1em 2em;}
ol {margin-left: 3.5em;}
ul li, ol li {margin-bottom: 0.5em;}
ul li a, ol li a {color:#cc0033; font-weight:bold; text-decoration:none;}
ul li a:hover, ol li a:hover {text-decoration:underline;}
/*======== end lists ========*/
/*======== tables =======*/
table td {margin: 0 0.5em; vertical-align: top;}
table td a {color:#cc0033; font-weight:bold; text-decoration:none;}
table td a:hover {text-decoration:underline;}
/*======== end tables ========*/
/*======== forms ========*/
form {margin: 0.5em 0;}
form a {color:#cc0033; font-weight:bold; text-decoration:none;}
form a:hover {text-decoration:underline;}
/*======== end forms ========*/
/*======== images ========*/
img {margin: 0; border-style: none;}
img a {border-style: none;}
p.caption {
font-size: 0.8em;
text-align: center;
margin-top: 0.5em;}
div.left {float: left; margin-right: 1em;}
div.right {float: right; margin-left: 1em;}
/*======== end images ========*/
/*======== end common formatting ========*/
/*======== header ========*/
body #header {
position:relative;
padding: 0;
height:131px;
background:url(/pages/images/pages/about_us_header.jpg);
width:760px;}
#header img {
position:relative;
top:30px;
left:0px;
}
/*======== headerMenu ========*/
#headerMenu{
padding: 0.15em 0;
margin: 0;
height:30px;
margin-top:10px;
}
* html #headerMenu {
margin-top:5px;
}
* + html #headerMenu {
margin-top:5px;
}
#headerMenu ul {
width:760px;
margin: 0;
padding: 0;
position:relative;
font-size: 1.3em;
left:0px;
top:4px;
color:#FFFFFF;
list-style-type:none;
}
* html #headerMenu ul {
left:0px;
}
* + html #headerMenu ul {
left:0px;
}
body:first-of-type #headerMenu ul{
margin-left:0px;}
#headerMenu ul li {
font-size:1em;
float:left;
/* display: inline; :KLUDGE: Removes large gaps in IE/Win */
padding: 0em;
margin-top:-6px;
padding-top:0px;}
* html #headerMenu ul li {
margin-top:0px;
}
* + html #headerMenu ul li {
margin-top:0px;
}
#headerMenu li a {
color: #fff;
font: bold 0.9em/1.5em Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif; text-decoration: none;}
#headerMenu ul li#about_us {
background: url(/menu_images/rollovers/about_us_on.gif) no-repeat;
height:29px;
width:93px;
}
#headerMenu ul li#about_us a {
height:29px;
width:93px;
display:block;
}
#headerMenu ul li#about_us a span {
display:none;
}
#headerMenu ul li#activities {
background: url(/menu_images/about_us/menu_03.gif) no-repeat;
height:29px;
width:103px;
}
#headerMenu ul li#activities:hover {
background: url(/menu_images/activities/menu_03.gif) no-repeat;
height:29px;
width:103px;
}
#headerMenu ul li#activities a {
height:29px;
width:103px;
display:block;
}
#headerMenu ul li#activities a span {
display:none;
}
#headerMenu ul li#calendar {
background: url(/menu_images/about_us/menu_04.gif) no-repeat;
height:29px;
width:105px;
}
#headerMenu ul li#calendar:hover {
background: url(/menu_images/rollovers/calendar_on.gif) no-repeat;
height:29px;
width:105px;
}
#headerMenu ul li#calendar a {
height:29px;
width:105px;
display:block;
}
#headerMenu ul li#calendar a span {
display:none;
}
#headerMenu ul li#newsletter {
background: url(/menu_images/about_us/menu_05.gif) no-repeat;
height:29px;
width:113px;
}
#headerMenu ul li#newsletter:hover {
background: url(/menu_images/rollovers/newsletter_on.gif) no-repeat;
height:29px;
width:113px;
}
#headerMenu ul li#newsletter a {
height:29px;
width:113px;
display:block;
}
#headerMenu ul li#newsletter a span {
display:none;
}
#headerMenu ul li#membership {
background: url(/menu_images/about_us/menu_06.gif) no-repeat;
height:29px;
width:126px;
}
#headerMenu ul li#membership:hover {
background: url(/menu_images/rollovers/membership_on.gif) no-repeat;
height:29px;
width:126px;
}
#headerMenu ul li#membership a {
height:29px;
width:126px;
display:block;
}
#headerMenu ul li#membership a span {
display:none;
}
#headerMenu ul li#resources {
background: url(/menu_images/about_us/menu_07.gif) no-repeat;
height:29px;
width:102px;
}
#headerMenu ul li#resources:hover {
background: url(/menu_images/rollovers/resources_on.gif) no-repeat;
height:29px;
width:102px;
}
#headerMenu ul li#resources a {
height:29px;
width:102px;
display:block;
}
#headerMenu ul li#resources a span {
display:none;
}
#headerMenu ul li#photo_gallery {
background: url(/menu_images/about_us/menu_08.gif) no-repeat;
height:29px;
width:118px;
}
#headerMenu ul li#photo_gallery:hover {
background: url(/menu_images/rollovers/photogallery_on.gif) no-repeat;
height:29px;
width:118px;
}
#headerMenu ul li#photo_gallery a {
height:29px;
width:118px;
display:block;
}
#headerMenu ul li#photo_gallery a span {
display:none;
}
/*======== headerMenu sub-menu styles ========*/
body#index #subMenu {
width:760px;
background:#d93e60;
float:left;
margin-top:-5px;
margin-left:-1px;}
#subMenu ul li#leadership {
background:url(/menu_images/about_us/menu_09.gif) no-repeat;
height:32px;
width:125px;
}
#subMenu ul li#leadership:hover {
background: url(/menu_images/about_us/rollover_09.gif) no-repeat;
height:32px;
width:125px;
}
#subMenu ul li#leadership a {
height:32px;
width:125px;
display:block;
}
#subMenu ul li#leadership a span {
display:none;
}
#subMenu ul li#worldwide_contacts {
background: url(/menu_images/about_us/menu_10.gif) no-repeat;
height:32px;
width:190px;
}
#subMenu ul li#worldwide_contacts:hover {
background: url(/menu_images/about_us/rollover_10.gif) no-repeat;
height:32px;
width:190px;
}
#subMenu ul li#worldwide_contacts a {
height:32px;
width:190px;
display:block;
}
#subMenu ul li#worldwide_contacts a span {
display:none;
}
#subMenu ul li#charter_documents {
background: url(/menu_images/about_us/menu_11.gif) no-repeat;
height:32px;
width:145px;
}
#subMenu ul li#charter_documents a:hover {
background: url(/menu_images/about_us/rollover_11.gif) no-repeat;
height:32px;
width:145px;
}
#subMenu ul li#charter_documents a {
height:32px;
width:145px;
display:block;
}
#subMenu ul li#charter_documents a span {
display:none;
}
#subMenu ul li#treasurers_report {
background: url(/menu_images/about_us/menu_12.gif) no-repeat;
height:32px;
width:140px;
}
#subMenu ul li#treasurers_report a:hover {
background: url(/menu_images/about_us/rollover_12.gif) no-repeat;
height:32px;
width:140px;
}
#subMenu ul li#treasurers_report a {
height:32px;
width:140px;
display:block;
}
#subMenu ul li#treasurers_report a span {
display:none;
}
#subMenu {
width:760px;
background:#d83a61;
float:left;
margin-top:-7px;
margin-left:-1px;}
#subMenu ul {
background:#8db03a;
color:#FFFFFF;
padding-left:0px;
margin-top:-1px;
margin-left:0px;
list-style:none;
}
#subMenu ul li {
float:left;
padding-right: 0px;
}
#subMenu ul li a {
color:#FFFFFF;
font: bold 1.1em/1.5em Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif; text-decoration: none;}
/*======== end headerMenu sub-menu styles ========*/
/*======== headerMenu ========*/
/*======== end header ========*/
/*======== innerWrap ========*/
#innerWrap {}
#innerWrap div.block{padding: 0; float:left;}
/*======== end innerWrap ========*/
/*======== content (container) ========*/
#content {} /* alone for a 1 column layout, main column in a left or right 2 column layout,
contains mainContent & column2 in a 3 column display*/
#content div.block{padding:0em 1em; float:left;} /* all content must be included within div tags assigned this class */
#content div.block img {margin: 2em;}
/*======== column2 ========*/
#column2 {padding-left: 1em;} /* right column in a 3 column layout */
#column2 div.block{padding:0; clear: both;}
#column2 a {color:#cc0033;}
/* all content must be included within div tags assigned this class */
/*======== end column2 ========*/
/*======== end content (container) ========*/
/*======== footer ========*/
#footer {
clear: both;
padding: 0;
text-align: right;
background:#cc0033;
color:#fff;
font: bold 1.2em/1.5em Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif; text-decoration: none;
height:30px;
border-top:7px #fff solid;
width:760px;}
* html #footer {
height:37px;
}
* + html #footer {
height:37px;
}
#footer p {
padding-right:100px;
padding-top:5px;
margin:0px;
}
#footer a {color:#fff; padding: 0 0.5em; text-decoration:none;}
/*======== end footer ========*/
/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: "."; /* the period is placed on the page as the last thing before the div closes */
display: block; /* inline elements don't respond to the clear property */
height: 0; /* ensure the period is not visible */
clear: both; /* make the container clear the period */
visibility: hidden;} /* further ensures the period is not visible */
.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */