/*************************************
 * IPMAAC Screen Stylesheet          *
 * (based upon Sinorca)              *
 *************************************/


/* ##### Common Styles ##### */

body {
    color: black;
    background-color: #FFFFFF;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}


acronym, .titleTip {
    border-bottom: 1px dotted rgb(153,153,153);
    cursor: help;
    margin: 0;
    padding: 0 0 0.4px 0;
}

.doNotDisplay {
    display: none;
}

.smallCaps {
    font-size: 110%;
    font-variant: small-caps;
}


/* ##### Header ##### */

.superHeader {
    color: #FFFFFF;
    background-color: #006699;
    height: 2em;
}

.superHeader a {
    color: white;
    background-color: transparent;
    text-decoration: none;
    font-size: 91%;
    margin: 0;
    padding: 0 0.5ex 0 0.25ex;
}

.superHeader a:hover {
    text-decoration: underline;
    color: #FFFF99;
}

.superHeader .left {
    position: absolute;
    left: 1.5mm;
    top: 0.75ex;
}

.superHeader .right {
    position: absolute;
    right: 1.5mm;
    top: 0.75ex;
}

.midHeader {
    color: #006699;
    background-color: #FFFFFF;
    padding: 1em 0 0 0;
}

.midHeader a {
    color: #006699; /* This is really for those browsing with images off */
    background-color: transparent;
    text-decoration: none;
}

.midHeader img {
    display: block;
    border: 0;

}

.headerTitle {
    font-size: 300%;
    font-weight: normal;
    margin: 0 0 0 0mm;
    padding: 0.25ex 0;
}

.subHeader {
    color: white;
    background-color: #006699;
    font-size: 80%;
    margin: 0;
    padding: 1ex 1ex 1ex 2.5mm;
}

.subHeader a {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0 0.75ex 0 0.5ex;
}

.subHeader a:hover {
    text-decoration: underline;
    color: #FFFF99;
}

.superHeader .highlight, .subHeader .highlight {
    color: rgb(253,160,91);
    background-color: transparent;
}


/* ##### Side Bar ##### */

#side-bar {
    width: 220px;
    /* changed width from 15em to fix border issues in MSIE6 with smaller text sizes in view menu
    but remain large enough to handle logos on homepage */
    float: left;
    clear: left;
    border-right: 1px solid rgb(153,153,153);
    background-color: #FFFFFF
}

#side-bar div {
    border-bottom: 1px dotted rgb(153,153,153);
}

.sideBarTitle {
    font-weight: bold;
    font-size: 80%;
    margin: 0 0 0.5em 3.0mm;
    padding: 1em 0 0 0;
}

#side-bar ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

#side-bar img {
    display: block;
    border: 0;
    padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar li {
    margin: 0;
    padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
    font-size: 80%;
}

#side-bar a, .thisPage {
    color: #006699;
    background-color: transparent;
    text-decoration: none;
    margin: 0;
    padding: 0.75em 1ex 0.75em 5mm;
    display: block;
}

.thisPage {
    color: black;
    background-color: white;
    padding-left: 4mm;
    border-top: 1px solid rgb(153,153,153);
    border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a:hover {
    background : #FFFF99;
    text-decoration: underline;
}

.sideBarText {
    font-size: 80%;
    line-height: 1.5em;
    margin: 0 0 1em 0.5mm;
    padding: 0 1.5ex 0 2.5mm;
    display: block;
}

#side-bar .sideBarText a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
}

#side-bar .sideBarText a:visited {
    color:  #C0C0C0;
    background-color: transparent;
    text-decoration: none;
}

#side-bar .sideBarText a:hover {
    background : #FFFF99;
    text-decoration: underline;
}

.lighterBackground {
    color: inherit;
    background-color: white;
}


/* Google search box */
#side-bar #q {
    width: 165px;
}

#side-bar #sa {
    vertical-align: top;
}


/* ##### Main Copy ##### */

#main-copy {
    color: black;
    background-color: #FFFFFF;
    text-align: left;
    line-height: 1.5em;
    margin: 0 0 0 220px; /* left margin allows for sidebar width */
    padding: 0.5mm 7% 5mm 7%; /* changed left & right padding from original 5 mm */
    border-left: 1px solid rgb(153,153,153);
}

#main-copy p {
    margin: 1em 1mm 1.5em 6mm;
    padding: 0;
}

#main-copy p.indent {
    margin: 1em 7mm 1.5em 12mm;
    padding: 0;
}

#main-copy form {
    margin: 1em 1mm 1.5em 6mm;
    padding: 0;
}

#main-copy table {
    margin: 1em 1ex 1.5em 3ex;
}

#main-copy tr td {
    font-size: 100%;
    padding-top: 0.5em;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0.5em
}


#main-copy a:link {
    color: #006699;
    background-color: transparent;
    text-decoration: underline;
}

#main-copy a:visited {
    color:  #C0C0C0;
    background-color: transparent;
    text-decoration: underline;
}
#main-copy a:hover {
    text-decoration: none;
    background : #FFFF99;
}

#main-copy a:active {
    color: #DC143C;
    background-color: transparent;
    text-decoration: underline;
}

#main-copy h1 {
    color: #000000;
    background: transparent;
    font-size: 180%;
    font-weight: bold;
    margin: 1em 0 0 0;
    padding: 0;
    line-height: normal;
}

#main-copy h2.homepage  {
    color: black;
    background-color: transparent;
    font-size: 130%;
    font-weight: bold;
    margin: 1.9em 0 0 0;
    padding: 0.5ex 0 0.5ex 1ex;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #000000
}


#main-copy h2 {
    color: #000000;
    background: transparent;
    font-size: 145%;
    font-weight: bold;
    margin: 1.5em 0 0 0;
    padding: 0;
    line-height: normal;
}

#main-copy h3 {
    color: #000000;
    background-color: transparent;
    font-size: 125%;
    font-weight: bold;
    margin: 1.5em 0 0 0;
    padding: 0;
    line-height: normal;
}

#main-copy h4 {
    color: #000000;
    background-color: transparent;
    font-size: 110%;
    font-weight: bold;
    margin: 1em 0 0 0;
    padding: 0;
}

#main-copy h5 {
    color: #000000;
    background-color: transparent;
    font-size: 100%;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-style: italic;
}

#main-copy hr.addspace {
    margin-top: 1.5em ;
}

#main-copy img {
    border: 0;
    padding: 0;
}

#main-copy img.imgleft {
    margin: 0.2em 1em 0 0;
    float: left;
}

#main-copy img.imgbanner {
    margin-top: 2em ;
    margin-bottom: 0.5em ;
    margin-left: 0 ;
    margin-right: 0 ;
    float: none;
}

#main-copy img.imgright {
    margin: 0.2em 0 0 1em;
    float: right;
}

#main-copy ul {
    list-style-type: square;
    list-style-image: url("/graphics/bluepointer.png");
}

#main-copy li {
    margin: 1em 1ex 1em 3ex;
    padding: 0;
}

#main-copy li.nospace {
    margin: 0em 1ex 0em 3ex;
    padding: 0;
}

#main-copy li.redptr {
    margin: 1em 1ex 1em 3ex;
    padding: 0;
    list-style-image: url("/graphics/redpointer.png");
}

#main-copy .topOfPage {
    color: white;
    background-color: transparent;
    font-size: 91%;
    font-weight: bold;
    text-decoration: none;
    margin: 2.5ex 1ex 0 0;  /* For MSIE */
    padding: 0;
    float: right;
}

#main-copy > .topOfPage {
    margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

dl {
    margin: 1em 1ex 1.5em 3ex;
    padding: 0;
}

dt {
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0;
}

dd {
    margin: 0 0 2em 2em;
    padding: 0;
}

.datenote {
    font-size: 80%;
    color: #008000;
}

.error {
    color: red;
}

.note {
    font-style: italic;
}

.reversed {
    color: #ffffff;
    background:  #006699;
}

.shaded {
    background-color : #F0F0DF;
}

.small {
    font-size: 80%;
}

.totop {
    font-size: 80%;
    text-align: right;
    text-decoration: none;
}

/* ##### Footer ##### */

#footer {
    color: white;
    background-color: #006699;
    font-size: 75%;
    margin: 0;
    padding: 1em 3.0mm 1em 3.0mm;
    clear: both;
}

#footer .left {
    float: left;
    clear: left; 
}

#footer .right {
    text-align: right;
}

#footer a {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
    color: #FFFF99;
}

/* FORMS */

.req {
    color:#DC143C;
    font-size:90%;
    font-weight:normal;
}


form {
    margin: 0;
    padding:0;
    border-style: none;
}

fieldset {
    margin: 25px 0 0 0;
    padding: 15px;
    border:1px solid #DDDDDD;
}

legend {
    background-color: transparent;
    color: black;
    margin: 0;
    padding:7px;
    border-style:solid;
    border-width:1px;
    border-color:#DDDDDD;
    font-weight: bold;
    font-size: 120%
}

label {
  font-weight:bold;
}

#address, #realname, #organization, #postitle, #comments, #message, #subject, #nompres, #nomsec, #nomfin, #nomboard {
    width:100%;
}

#degrees, #email, #city, #country  {
    width:50%;
}

#phone, #fax  {
    width:30%;
}

#membernum, #state, #zipcode  {
    width:20%;
}

#submitpp, #addpp, #viewpp, #otherorgs, #sa {
    border-style:none;
}

.ppbtn {
    border-style:none;
}

.checkopt  {
    border-style:none;
}
input, submit, textarea {
    border:1px solid #006699;
}