/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo some of the default styling of common (X)HTML browsers */
html {font: 0.625em  Arial, Verdana sans-serif;}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {  }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font:Arial, Verdana sans-serif;; border:none; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none; }

/* de-italicize address */
address { font-style:normal }

body {text-align: center; margin: 0px; padding:0px; font:Arial, Verdana sans-serif; background-color:#5E6A9E;}

#container {text-align:left; width: 955px; margin:0px auto 0px auto;  margin-bottom:30px; background-image:url(images/wba-menu.gif); background-repeat:repeat-y;}

#container.tempContainer {background-image:none; background-color:#041237;}

/****************************/
/* ---- Header Styling ---- */
/****************************/

#header {position:relative; width:955px; height:86px; background-color:#ffffff; background-image:url(images/wba-logo.jpg); background-position:10px 10px; background-repeat:no-repeat;}
#header h1 {font-size:1.4em; color:#1A2F85; line-height:1.3em; font-weight:normal; position:absolute; top:34px; left:388px;}
#header h2 {font-size:1.8em; color:#1A2F85; text-align:right; position:absolute; top:28px; left:743px;}
#header h2 span {color:#E77413;}

/*******************************/
/* ---- NavBar001 Styling ---- */
/*******************************/

#navBar001 {width:190px; float:left; background-color:#0D1956; background-image:url(images/wba-navbar001.jpg); background-repeat:no-repeat; padding-bottom:10px;}
#navBar001 ul {margin:15px 0px 20px 0px;}
#navBar001 li {display:inline-block; font-size:1.6em; border-bottom:1px solid #1c2c66; width:160px; margin-left:15px; padding:4px 0 4px 0; }
#navBar001 li a {color:#ffffff;}
#navBar001 li a:hover {color:#F29400;}

#navBar001.tempNav {background-color:#041237;}

/**************************************/
/* ---- NavBar001 Button Styling ---- */
/**************************************/
#buttonPanel {}

#buttonPanel .button {margin: 0px 0px 10px 10px;}

#button-donation {width:171px; height:51px; background-image:url(images/wba-button001.gif); background-repeat:no-repeat; margin-left:8px; margin-bottom:5px;}
#button-donation p {font-size:1.4em; font-weight:bold; color:#0D1956; line-height:1.2em; padding:5px 0 0 10px;}
#button-donation a {font-size:1.2em; font-weight:bold; color:#0D1956; padding:10px 0 0 10px;}
#button-donation a span {color:#ffffff;}

#button-volunteer {width:171px; height:51px; background-image:url(images/wba-button001.gif); background-repeat:no-repeat; margin-left:8px; margin-bottom:5px;}
#button-volunteer p {font-size:1.4em; font-weight:bold; line-height:1.2em; padding:5px 0 0 10px;}
#button-volunteer a {color:#0D1956;}
#button-volunteer a span {color:#ffffff;}

#button-acheivements {width:171px; height:67px; background-image:url(images/wba-button002.gif); background-repeat:no-repeat; margin-left:8px; margin-bottom:5px; padding-bottom:30px; border-bottom:1px solid #1c2c66;}
#button-acheivements p {font-size:1.4em; font-weight:bold; line-height:1.2em; padding:5px 0px 0px 10px;}
#button-acheivements a {color:#0D1956;}
#button-acheivements a span {color:#ffffff;}

/***********************************/
/* ---- Style Changer Styling ---- */
/***********************************/

#style-changer {float:left; padding-top:15px;}
#style-standard {float:left; width:80px; font-size:1.2em; color:#ffffff; height:15px; line-height:20px; margin:0px 0px 8px 15px;}
#style-large {float:left; width:80px; font-size:1.8em; color:#ffffff; height:15px;line-height:20px;margin:0px 0px 8px 0px;} 
#style-black {float:left; width:45px; background-color:#ffffff; height:15px; color:#000000; font-size:1.1em; text-align:center; margin:0px 8px 0px 15px; font-weight:bold; }
#style-white {float:left; width:45px; background-color:#000000; height:15px; color:#ffffff; font-size:1.1em; text-align:center; margin:0px 8px 0px 0px; font-weight:bold; }
#style-yellow {float:left; width:45px; background-color:#000000; height:15px; color:#FFED00; font-size:1.1em; text-align:center; font-weight:bold; }

.browsealoud {display:block; background-color:#ffffff; width:170px; height:30px; float:left; margin:25px 0px 0px 10px;  font-size:1.6em; color:#000000; font-weight:bold; text-align:center; line-height:30px;}
.browsealoud:hover {text-decoration:underline;}

/*******************************/
/* ---- Home Page Styling ---- */
/*******************************/

#homeBanner {float:left; width:765px; height:88px; background-image:url(images/wba-banner003.jpg); background-repeat:no-repeat;}
#homeBanner h1 {font-size:3.6em; color:#ffffff; font-weight:normal; line-height:1.4em; padding:30px 0px 0px 42px;}
#homeBanner h1 span {font-size:1.3em; font-weight:bold;}
#homeBanner h2 {font-size:1.8em; color:#F29400; font-weight:normal; line-height:1.3em; padding:20px 0px 0px 42px;}

#homeBanner.tempBanner {background-image:none; background-color:#041237;}

#homeContent {float:left; width:765px; min-height:288px; padding-bottom:20px;}
#homeContent.tempContent {width:955px;}

#homeCopy {width:380px; float:left; padding-right:10px;}
#homeCopy h1 {float:left; width:330px; padding:25px 0px 0px 42px;}
#homeCopy p {float:left; line-height:1.5em; width:330px; padding:5px 0px 20px 42px;}
#homeCopy p.news {padding-left:5px; margin-left:42px; background-color:#F7CF39; border: 2px solid #EC961A;}

#homeCopy.tempCopy {margin-left:190px;}

#homeCopy.homeWide {width:685px; padding:25px 40px 25px 40px;}
#homeCopy.homeWide h1 {width:auto; float:none; padding:0px 0px 25px 0px;}
#homeCopy.homeWide h2 {width:auto; float:none;}
#homeCopy.homeWide h3 {width:auto; float:none;}
#homeCopy.homeWide h4 {width:auto; float:none;}
#homeCopy.homeWide h5 {width:auto; float:none;}
#homeCopy.homeWide h6 {width:auto; float:none;}
#homeCopy.homeWide p {width:auto; float:none;  padding:0px 0px 25px 0px;}

#homeCopy.homeWide table {border-collapse:collapse; padding:0px; margin-bottom:20px; width:675px;}
#homeCopy.homeWide th, #homeCopy.homeWide td {font-size:1.2em; text-align:left; padding:5px 10px 5px 10px;}
#homeCopy.homeWide td {}

#homeCopy002 {float:left; width:345px; margin:25px 0px 0px 0px; padding-left:10px; border-left:1px solid #bec1d1;}

#homeImage001 {float:left; width:355px; margin:25px 0px 0px 0px; border-left:1px solid #bec1d1;}
#homeImage001 h1 {padding:0px 0 5px 0px;}
#homeImage001 p {line-height:1.5em;}
#homeImage001 img {float:left; padding:0px 15px 0px 10px;}
#homeImage002 {float:left; width:355px; padding:25px 0px 0px 0px; border-left:1px solid #bec1d1;}
#homeImage002 h1 {padding:0px 0px 5px 0px;}
#homeImage002 p {line-height:1.5em;}
#homeImage002 img {float:left;  padding:0px 15px 0px 10px;}

/*******************************/
/* ---- NavBar002 Styling ---- */
/*******************************/

#navBar002 {float:left; width:765px; height:89px; background-image:url(images/wba-banner002.jpg); background-repeat:no-repeat;}
#navBar002 h1 {color:#F29400; font-size:1.8em; font-weight:bold; padding:20px 0px 0px 42px;}
#navBar002 ul {padding:5px 0px 0px 42px;}
#navBar002 li {float:left; font-size:1.4em; color:#ffffff; padding-right:8px;}
#navBar002 li a {color:#ffffff;}
#navBar002 li a.current {color:#F29400;}
#navBar002 li a:hover {color:#F29400;}

/**********************************/
/* ---- Content Page Styling ---- */
/**********************************/

#content {float:left; width:765px; min-height:288px; padding-bottom:30px;}

#contentCopy {width:340px; float:left; padding:0px 10px 0px 40px; }
#contentCopy h1 {padding:45px 0px 15px 0px;}
#contentCopy h2 {padding:10px 0px 15px 0px;}
#contentCopy p {line-height:1.5em; padding:5px 0px 20px 0px;}
#contentCopy a {color:#F29400;}
#contentCopy a:hover {text-decoration:underline;}

#contentImage {float:right; width:253px; border-left:1px solid #C8C8C8; margin-top:45px; padding:0px 30px 0px 30px;}
#contentImage img {}
#contentImage h1 {float:left; width:253px; padding:20px 0px 0px 0px;}
#contentImage p {float:left; width:253px; line-height:1.5em; padding:10px 0px 0px 0px; }

#content ul {line-height:1.5em; padding-left:42px;}
#content li {padding:0px 0px 5px 0px; list-style-type:square; margin-left:20px;}
#content hr {margin:15px 0px 15px 42px;}

#content table {width:350px; border-collapse:collapse;}
#content table td {padding:3px; }
#content table.borderless {width:350px;}
#content table.borderless td {border:none; padding:3px; vertical-align:top; }

#contentCopyWide {width:660px; float:left; padding-right:10px;}
#contentCopyWide img {padding-left:30px; margin-left:30px; border-left:1px solid #C8C8C8;}
#contentCopyWide h1 {float:left; width:360px; padding:45px 0px 15px 42px;}
#contentCopyWide p {float:left; line-height:1.5em; width:660px; padding:5px 0px 20px 42px;}
#contentCopyWide table.wide { width:660px;}