/*

American Massage Therapy Association - Arizona Chapter
Created by SpinWeb [Tony Williams]
Last updated on 7/9/09

(1)  Global
(2)  Layout
(3)  Specific Typography
(4)  Navigation
(5)  Lists
(6)  Tables
(7)  News / Events Module
(8)  Send Page Module
(9)  Forms
(10) Pagination
(11) Broadcast Email Module
(12) Board Directory
(13) Shopping Cart
(14) Footer
(15) FAQ
(16) Photo Album


/* (1) Global ========================================*/

body {
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
margin:0;
}

#public {
margin: 0;
background: #cfbca4 url("graphics/images/bg-tile-body.jpg") repeat-x;
/*color: #8a8589;*/
color: #444444;
font-size:10pt;
}

#public h1 {
font:16pt "Trebuchet MS", sans-serif;
color: #157273;
font-weight: normal;
}

#public h2 {
font:14pt "Trebuchet MS", sans-serif;
margin: 0 0 15px 0;
color: #8a8589;
font-weight: bolder;
}

#public h3 {
font: 12pt "Trebuchet MS";
margin: 0 0 15px 0;
}

#public2 #frameRight a {
color:#157273;
}

img {
border:0;
}

.center {
text-align:center;
}



/* Start Self Clearing ================================================================================*/

/* Do not delte these styles!!!!!!! */

#outerWrap:after, #outerWrap2:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* End Self Clearing ==================================================================================*/

hr {
border:0;
background-color:#d0bca4;
color:#d0bca4;
height:1px;
margin-bottom:20px;
}

a:link, a:visited {
color: #007379;
}

a:hover, a:active {
text-decoration: none;
}


address {
font-size:10pt;
font-style:normal;
}



#logo {
margin: 0;
padding:0;
display:inline;
float:left;
}



#public #logo {
border:0;
}

/* (2) Layout ========================================*/

#outerWrap {
background:white url("graphics/images/bg-outer.gif") repeat-y 0 0;
width:959px;
margin:34px auto 0 auto;
}


#innerWrap {
width:959px;
float:left;
}

#header {
width:948px;
margin:0 auto 0 auto;
height: 15px;
padding-top:20px;
}



#leftCol {
width:236px;
float:left;
padding:0 0 0 21px;
display:inline;
position:relative;
top:-25px;
}


#rightCol {
width:700px;
float:left;
margin-bottom:15px;
}

#contentWrap {
width:645px;
background: url("graphics/images/bg-contentwrap.gif") no-repeat;
padding:0 15px 0 15px;
margin-bottom:15px;
float:left;
}

#search p {
margin: 0;
padding: 0;
}

#search {
width: 274px;
height: 30px;
float: right;
margin:0;
padding:0;
}

#search Form {
margin:0;
padding:0;
position: relative;
top: -5px;
}

.searchBoxInput {
width:190px;
background-color:#e8e7e1;
padding:3px;
color: #157273;
margin:0;
}

.searchBtn {
position: relative;
top: 5px;
left:5px;
}

#featureWrap {
width:680px;
border-top:solid 5px white;
float:left;
}

#welcome {
width:445px;
float:left;
background:#ffe8cd url("graphics/images/bg-welcome-hd.jpg") repeat-x;
color:#a76139;
font-size:10pt;
}

#welcomeInner {
width:445px;
float:left;
background:url("graphics/images/massage-woman.jpg") no-repeat 288px 31px;
}


#welcome .webpageWrapper  {
width:270px;
padding:0 0 15px 15px;
float:left;
}
.webpageWrapper ul {
line-height: 25px;
}

#welcome h1 {
color:#a76139;
margin:0;
padding-top:4px;
}

#welcome #join {
position:relative;
top:-10px;
left:135px;
float:left;
margin:0 0 -15px 0;
padding:0;
}


#ads {
text-align:center;
width:214px;
float:left;
padding:20px 0 10px 8px;
display:inline;
margin:0 0 0 8px;
background:url("graphics/images/bg-ads.gif") repeat-x;
}

#ads img {
margin-bottom:15px;
}


#ads2 {
text-align:center;
width:100%;
clear:both;
padding:0 0 15px 0;
}

#ads2 img {
margin-right:15px;
}


.imageLeft {
float:left;
margin:0 15px 15px 0;
/*border:1px solid #113859;*/
}


.imageRight {
float:right;
margin:0 0 15px 15px;
/*border:1px solid #113859;*/
}

/* (3) Specific Typography ========================================*/

p {
line-height: 18px;
margin-bottom: 18px;
}

h1, h1.gendocsPageTitle {
letter-spacing: -1px;
margin-bottom: 15px;
}

h2 {
line-height: 18px;
margin-bottom: 18px;
}


.center {
text-align:center;
}


/* (4) Navigation ========================================*/

#mainNav {
background: url("graphics/images/bg-nav.gif") repeat-x;
width:702px;
float:left;
}


ul.mainNav {
margin: 0;
border: 0;
padding: 0 0 0 9px;
list-style: none;
}



ul.mainNav li {
margin: 0;
border: 0;
padding: 0;
float: left;/*Gecko*/
display: inline;
list-style: none;
}



/* 1st Level */
ul.mainNav a {
color: #c36d3d;
text-decoration: none;
text-align: left;
font: 10pt "Trebuchet MS",Arial; /*For Opera*/
float: left; /*For IE*/
display: inline;
padding:6px 15px 0 15px;
height:23px;
}


ul.mainNav a {
border-left:1px solid #e2d1bd;
}

ul.mainNav a:hover {
background:white;
color:#007379;
text-decoration: none;
}




/* (5) Lists ========================================*/

ol, ul {
margin-left: 3em;
}

form fieldset, fieldset ol, fieldset ul {
margin:0;
padding:0;
border:0;
}

fieldset ol, fieldset ul {
list-style:none;
}

fieldset ol li, fieldset ul li {
padding-bottom:10px;
}

.standardList {
margin-left:0;
padding-left:0;
list-style:none;
}

fieldset label {
clear: both;
}

/* (6) Tables ========================================*/

table {
width: 100%;
}

th {
background: #dfdfdf;
color: #222;
font-size: 14px;
font-weight: 500;
}


/* (7) News & Events Module ========================================*/

#newsHome {
width: 415px;
background: url("graphics/images/bg-news-home.gif") no-repeat;
float: left;
padding:0 15px 0 15px;
}

#newsHome h2, #eventsHome h2, #events h2 {
font-weight: 100;
font-size: 12pt;
margin:0;
}

#newsHome p, #eventsHome p, #events p {
margin:0;
line-height: 18px;
}


.newsList {
margin: 0 !important;
list-style: none;
padding:0;
}

.newsList .meta {
margin-top: -20px;
}

.newsList li, .eventsList li {
margin: 0 0 15px 0;
}

li.newsSpacer {
border-top: 1px solid #e0d9c0;
margin-top: 10px;
}

.newsList h2 a, .eventsList h2 a, .newsList a, .eventsList a {
text-decoration:none;
}
.newsList h2 {
margin-bottom: 0;
}

.newsList h2 a:hover, .eventsList h2 a:hover, .newsList a:hover, .eventsList a:hover {
text-decoration:underline;
}

/*=======================================================================*/


#eventsHome, #events {
width:200px;
float:right;
padding:0 15px 0 15px;
background: url("graphics/images/bg-events.gif") no-repeat;
position:relative;
left:-25px;
}

#events {
width:192px;
left:-6px;
}

.eventsList {
margin: 0 !important;
list-style: none;
padding:0;
}

.eventsDetailWrapper span {
padding-bottom:10px;
}

.newsList p, .eventsList p {
margin-bottom: 0;
}

.newsBlurb p, .eventBlub p {
margin-bottom: 10px;
}

.newsSubHeadline {
font-weight: 700;
}

.meta {
font-size: 7pt;
font-weight: bold;
color:#524f51;
}

.newsBlurb {
margin-top: 0px;
}


.moreLink {
text-decoration: none;
}

.moreLink a:hover {
text-decoration: underline;
}

.newsDetailWrapper h1 {
margin-bottom: 0;
}

/* (8) Send Page Module ========================================*/

.sendpageBody {
padding-top: 5px;
color:#0f3657;
font: 9pt arial;
}

.sendpageBody table td {
font: 9pt arial;
}

.sendpageBody .sendpageHeader {
color:#7a9552;
font-weight: bold;
}

.sendpageBody input {
margin-bottom: 4px;
}

.sendpageBody form {
margin: 0;
}

.sendpageBody p, .sendpageBody span {
padding: 15px;
}

.sendpageFormTextRequired, .sendpageFormText {
color: #575656;
font: 9pt arial;
}

.sendpageBody table {
margin-top: -13px;
}

/* (9) Forms ========================================*/

form div.formtext, form div.formtextRequired {
margin: 0 8px 8px 0;
width: 13em;
font: 11pt arial #575656;
}

form input, form select {
margin-bottom: 5px;
}

span input {
display: inline;
}

/* (10) Pagination ========================================*/

.pagination {
clear: both;
display: block;
}

.pagination a, .pagination a:link, .pagination a:visited {
text-decoration: none;
}

.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow {
border: solid 1px #d0bca4;
margin: 0;
padding: 4px 6px;
font-size: 11px;
margin-right: 2px;
display: inline;
display: inline-block;
}

.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover {
border: solid 1px #007379;
color: #007379;
}

.pagination .prevnextCurrent {
background: #d0bca4;
color: #007379;
font-weight: bold;
padding: 4px 6px;
}

.pagination a.prevnextLink {
border: 1px solid #d0bca4;
padding: 4px 6px 4px;
margin-right: 2px;
font-size: 11px;
display: block;
}




/* (11) Broadcast Email Module ========================================*/

.enews {
background-color:#d7d7d6;
width:214px;
float:left;
color:#a76139;
margin:0 0 0 8px;
padding:10px 0 10px 8px;
display:inline;
}


.enews form {
margin-top:-5px;
float:left;
}


#public .enews h1 {
color:#3f2719;
width:190px;
height:35px;
background: url("graphics/images/bg-enews-h1.gif") no-repeat;
padding:6px 0 0 15px;
margin:0 0 10px 0;
}

.enews fieldset ol li {
padding:0 0 0 10px;
}

.submitModal {
margin: 12px 0 0 0;
}

.submitModal .triggerModal {
margin-left: 10px;
}

.enewsBoxEdit {
padding:2px;
background-color:#e5e4de;
margin-top:5px;
padding:3px;
width:175px;
}

#locate {
float:left;
margin-left:8px;
}


.enewsBoxEdit {
color: #157273;
}

/* (12) Board Directory ========================================*/

.boardLister ol {
list-style-type: none;
padding: 0;
margin: 0;
}

.boardLister li {
margin:0 0 15px 0;
padding:0 0 7px 0;
border-bottom: 1px solid #f4e6d6;
float:left;
}

.boardDetail li {
border:0;
}

.boardLister h2 {
font: 12pt arial;
clear:both;
margin-bottom:0;
}


.boardLister .left {
width:450px;
float:left;
}

.boardLister .right {
width: 150px;
float:right;
margin-bottom:15px;

}

.boardLister .right a {
width:120px;
height:150px;
float:right;
}


.boardDetail .right {
width:120px;
height:150px;
float:right;
border:1px solid #113859;
}

.boardLister .right a {
border:1px solid #f4e6d6;
float:right;
}

.boardLister .right a:hover {
border:1px solid #157273;
}



.pageNumBox {
background-color:#e9e8e8;
padding:5px 15px 5px 15px;
margin:15px 0 15px 0;
text-align:center;
clear:both;
float:left;
width:96%;
}

/* (13) Shopping Cart ========================================*/


.cartHeaders th {
background:#f4e6d6 url("graphics/images/bg-nav.gif") repeat-x;
color:#3f2719;
text-align:left;
padding:5px 10px 10px 10px;
}

.cart td {
padding:5px;
}

.shoppingCartEvenRow {
background-color:#ffe8cd;
}

.shoppingOutOfStock, .shoppingLowStock, .shoppingInStock {
font-size:8pt;
}

.shoppingCartTableHeader {
font: 11pt arial;
margin: 0 0 15px 0;
text-align:left;
color:#4e741f;
}

.shoppingFormRequired, .shoppingForm {
font: 9pt Arial;
line-height: 16px;
color: #8a8589;
}

.shoppingTable {
text-align:left;
}

.shoppingHeading {
background:none;
margin: 0;
}



/* (14) Footer ========================================*/


#footer {
width:919px;
background:#cfbca4 url("graphics/images/bg-footer.gif") no-repeat;
color:#796c5d;
font-size:9pt;
clear:both;
padding:40px 20px 20px 20px;
}


#credit {
float:right;
}

.footerNav {
font-size: 8pt;
margin: 10px 0 10px 0;
padding:0;
}

.footerNav ul {
display:none;
}

.footerNav li {
display: inline;
border-right:1px solid #796c5d;
padding: 0 6px 0 6px;
}


.footerNav li a:hover {
text-decoration: none;
}

#footer a {
color:#796c5d;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}


.footerNav .item9 {
border-right:0;
}


/* (15) FAQ ========================================*/

.faqLister {
list-style: none;
padding: 0;
margin: 0;
}

.faqLister li {
list-style: none;
padding: 0;
margin: 10px 0;
}

.faqListBox {
background: #fdf5e6;
border: 1px solid #ebd2bc;
list-style: none;
padding: 20px;
margin: 0;
}


.faqLister .question {
font-weight: bold;
margin: 20px 0 10px 0;
}

.faqLister .top {
display: block;
width: 100%;
border-top: 1px solid #d0bca4;
margin: 10px 0;
padding-top:15px;
}



/* (16) Photo Album ========================================*/

#photoAlbum {
list-style:none;
float:left;
margin:0 0 15px 0;
padding:0;
}


#photoAlbum li {
list-style-type:none;
margin:0 15px 15px 0;
padding:0;
float:left;
width:100px;
height:100px;
}

#photoAlbum img {
float:left;

}

#photoAlbum a {
border:1px solid #f4e6d6;
float:left;
}

#photoAlbum a:hover {
border:1px solid #157273;
}







/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow h1{
 color: #333;
 }

.jqmWindow {
 background-color: #fff;
 border: 3px solid ccc;
 color: #8a8589;
 display: none;
 left: 50%;
 margin-left: -200px;
 position: fixed;
 text-align: left;
 top: 17%;
 width: 400px;
}

.jqmConfirmTitle {
 background-color:#ffe8cd;
 padding: 5px;
 text-align: right;
}

.jqmWindow .webpageWrapper {
 padding: 12px;
}

.jqmOverlay {
 background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* 
iframe.jqm {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* 
html .jqmWindow {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}