@charset "UTF-8";

body {
    background-color: #FFFFFF;
}
body.protected { 
    background-image: url("images/bannerbot.gif");
}
.meetingsindent{
    text-indent: 160px;
}
p {
    font-family: "Arial";
    font-size: 12px;
    text-indent: 20px;
}
p.center{
    text-align: center;
}
p.nomargins{
    margin: 0px;
}
p.justified{
    text-align: justify;
}
h1{
    font-size: 24pt;
    text-align: center;
}
h2{
    font-size: 14pt;
    text-align: center; 
}
h3{
    font-size: 10pt;
    text-align: center;
}
h3.underline{
    text-decoration: underline;
}
h4{
    font-size: 8pt;
    text-align: center; 
}
p.loginid{
    font-size: 12pt;
    text-align: center;
}

img{
    border: 0px;
}

.img_w_border{
    border: 1px;
}

#floatfootimage{
    position:absolute;
    left:600px;
    top:150px;
}
p.center{
    text-align: center;
}
.titles {
    font-family: "Arial";
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.links {
    font-size: 15px;
}
.links ul {
    margin: 0; 
    padding: 0; 
}
.links li{
    margin-left: -200px;
}


.navfinder{
    font-family: "Arial";
    font-size: 10px;
    text-align: left;
    text-decoration: none;
}
.navfinder:hover{
    text-decoration: underline;
}

#bordertable {
    border: 2px;
    width: 100%;
    border-width: 2px;
    border-style: solid;
}
/*
#bordertable td {
    padding-top:0px;
    padding-bottom:0px;
    padding-right:10px;
    padding-left:10px;
}
*/
#headertable {
    font-family: "Arial";
    font-size: 12px;
    border: 0px;
    width: 100%;
    align: center;
    border-collapse: collapse;
}
#headertabletoptd{
    height: 154px;
    padding: 0px;
}
#headertablemidtd{
    align: center;
    height: 12px;
    font-weight: bold;
    font-size: 18px;
    padding: 5px;
}
#headertablebottd{
    height: 12px;
    padding: 0px;
}
#headertablebottdclick{
    font-size: 10px;
}


#leftcolumn {
    font-family: "Arial";
    font-size: 12px;
    width: 20%;
    vertical-align: top;
}

#middlecolumn {
    font-family: "Arial";
    font-size: 12px;
    width: 70%;
    text-align: left;
    vertical-align: top;
    background-color: #FFFF80;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;

    border-width: 1px;
    border-style: inset;
    border-color: gray;

}

#rightcolumn {
    font-size: 12px;
    font-family: "Arial";
    width: 10%;
    vertical-align: top;
}

#rightcolumntable{
    font-family: "Arial";
    font-size: 12px;
    border: 0px;
    width: 100%;
    height: 440px;
    vertical-align: top;
}
#loginlink {
    text-align: left;
    font-size: 15px;
}

#granbylogo{
    border: 0px;
    width: 300px;
    height: 162px;
}
#viewbrochure{
    border: 1px;
}
#picbannertd {
    height: 162px;
    width: 68px;
}

#picbanner{
    border: 0px;
    width: 982px;
    height: 168px;
}
#picbannertop{
    border: 0px;
    width: 982px;
    height: 154px;
}
#picbannerbot{
    border: 0px;
    width: 982px;
    height: 12px;
}

#pagedividerimg{
    border: 0px;
    width: 100%;
    height: 3px;
}
#contribprovlist{
    font-family: "Arial";
    font-size: 12px;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}
#contribprovlist td{
    text-align: center;
}
.provgi{
    
    font-family: "Arial";
    font-size: 12px;
    margin-top: 20px;
    width: 100%;
    border-width: medium;
    border-spacing: ;
    border-style: inset;
    border-color: gray;
    background-color: ;
    border-collapse: collapse;
}
.provgi td.left{
    width: 40%;
    text-align: right;
    vertical-align: top;
}
.provgi td.right{
    width: 60%;
    text-align: left;
}
.provgi th.hoursofop{
    font-weight: bold;
    text-align: center;
}
.provgi p{
    margin-top: 0;
    margin-bottom: 0;
}

table.provoi {
    font-family: "Arial";
    font-size: 12px;
    width: 100%;
    border-width: medium;
    border-spacing: ;
    border-style: inset;
    border-color: gray;
    background-color: white;
    border-collapse: collapse;
}
table.provoi td {
    border-bottom: solid 1px #000000;
    border-right: solid 1px #000000;
    vertical-align: top;
    border-width: 1px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border-color: gray;
    
}
table.provoi p {
    margin-top: 4px;
    margin-bottom: 0px;
}
table.provoi tr.alt1 {
    background-color: #FFFFFF;
}
table.provoi tr.alt2 {
    background-color: #EAEAEA;
}
table.provoi th.alt1 {
    text-align: center;
    text-decoration: underline;
    background-color: #FFFFFF;
}
table.provoi th.alt2 {
    text-align: center;
    text-decoration: underline;
    background-color: #EAEAEA;
}

table.provoi table{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 95%;
    border-width: thin;
    border-spacing: ;
    border-style: inset;
    border-color: gray;
    background-color: white;
    border-collapse: collapse;
}
table.provoi table td {
    border-bottom: solid 1px #000000;
    border-right: solid 1px #000000;
    text-align: left;
    vertical-align: top;
    border-width: 1px;
    padding: 5px;
    border-style: thin;
    border-color: gray;
}
table.provoi table tr.alt1 {
    background-color: #FFFFFF;  
}
table.provoi table tr.alt2 {
    background-color: #F3F3F3;
}
table.provoi table th.alt1 {
    text-align: center;
    text-decoration: underline;
    background-color: #FFFFFF;
}
table.provoi table th.alt2 {
    text-align: center;
    text-decoration: underline;
    background-color: #F3F3F3;
}
table.provoi table td.right{
    width: 40%;
}
table.provoi table.siratio{
    width: 50%;
}
.provphil{
    text-indent: 20px;
    font-family: "Arial";
    font-size: 12px;
}
#logintable{
    border: 1px solid black;
    width: 33%;
    margin-left: auto;
    margin-right: auto;
}
#logintable td, tr {border: 0}

.errortext{
    color: red;
}
.prottable{
    width: 100%;
}
.prottable .leftcol{
    font-family: "Arial";
    font-size: 12px;
    width: 20%;
    vertical-align: top;
}
.prottable .rightcol{
    font-size: 12px;
    font-family: "Arial";
    width: 80%;
    vertical-align: top;
    background-color: #FFEFEA;  
}
.subscribetable{
    border-width: 2px;
    border-style: solid;
    width: 60%;
}
.subscribetable td{
    border-width: 1px;
    padding: 1px;
    border-style: solid;
}

.subscribetable .leftcol{
    vertical-align: middle;
    width: 35%;
    text-align: right;
    
}
.subscribetable .rightcol{
    width: 75%;
    text-align: left;
}
.subscribetable p{
    text-indent: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}
.tatable {
    border-collapse: collapse;
    background-color: #FFFFFF;
}
.tatable .header{
    padding: 15px;
    border-bottom: thick solid #000000;
}
.tatable .actionitems{
    border-bottom: thin solid #000000;
    padding: 20px;
}
.tatable .actionitems .link{
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
    color: red;
}
.tatable .actionitems .description{
    text-indent: 10px;
    font-size: 12px;
}
.tatable .moreinfo{
    text-align: center;
    border: 1px solid gold;
    padding:10px;
}
.imgc{
    display: block;
    margin-left: auto;
    margin-right: auto }
}
.tatable .topofletter{
    border-top: thin solid #000000;
    border-left: thin solid #000000;
    border-right: thin solid #000000;
    padding:10px;
}
.tatable .middleofletter{
    border-left: thin solid #000000;
    border-right: thin solid #000000;
    padding:10px;
}
.tatable .endofletter{
    border-left: thin solid #000000;
    border-right: thin solid #000000;
    border-bottom: thin solid #000000;
    padding:10px;
}
.tatable .bodymargin{
    width: 60%;
}
.tatable .margins{
    width: 20%;
}
.tatable .tookactionbefore{
    background-color: #E6E6E6;  
}
.tatable textarea {
    width: 500px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}
.tatable .textlabels{
    text-align: right;
}
.tatable .tainput{
    border: thin solid #000000;
}
.tablelists{
    width: 100%;
    border: thin solid #000000;
    padding: 10px;
    text-align: center;
}
.tablelists td{
    padding: 10px;
    border: thin solid #000000;
}
.tablelists .title{
    text-decoration: underline;
    font-weight: bold;
}
.indentli1{
    margin-left: 1%;
}
.indentli12{
    margin-left: 12%;
}
.indentli16{
    margin-left: 16%;
}
.indentli20{
    margin-left: 20%;
}
.directions p{
            text-indent: 20px;
            margin: 0px;
}
.directions .desc{
text-align: center;
}
.directions .directlist{
text-align: left;
}
.ul_press_release li {
    margin-left: 12%;
    margin-right: 12%;
}

.workshopdate {
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
}
.workshopheader {
    font-weight: bold;
    text-align: center;
}
.workshopresponse {
    padding: 10px;
    borders: 4px;
    border-style:groove;
    border-color:red;
    border-width:15px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.tiptable {
    color: white;
    border-bottom: 20px;
    border: 1px;
    border-color: blue;
    border-collapse: collapse;
    border-style: solid;
    width: 100%;
}

.tipheader {
    background-color: blue;
    width: 100%;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}

.tipkey {
    color: black;
    background-color: white;
    padding: 15px;
}
.tipdetails {
    
}
.tt { display:table; width:100%;}

.tr { display:table-row; width:100%; height:100%;}

.tc { display:table-cell; text-align:left; vertical-align:top; width:100%; }

.main { width:100%; height:100%; margin:auto;}

.specialfont {
    text-align: center;
    width: 357;
    height: 50;
    font-size: 12pt;
    font-family: Arial Black;
    color: red;
}

.monthtable {width:400px;
    margin:auto;
    font-size:12px;
    border:1px solid #000000;
}

.monthtable th {font-weight:bold;
    color:#000000; 
    vertical-align:middle; text-align:center;
    border:1px solid #000000;
}


.monthtable td {font-weight:bold;
    color:#000099;
    vertical-align:middle; text-align:center;
    border:1px solid #000000;
    width: 100px;
}

table.listings{
  border-collapse: collapse;
  font-size: 8pt;
  border-padding: 2px;
  border-width: thin;
  border-style: solid;
  background-color: #FFFFCC;
}

table.listings .colheads{
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  background-color: #CCCCCC;
}

table.listings td{
  font-size: 8pt;
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}

.whitecontent a {
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-decoration: underline;
}

.whitecontent a:hover {
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: underline;
}
.whitecontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    }

.whitecontent li{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    line-height: 18px;
    }

.whiteheader {
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 20px;
    color: #ffffff;
}

.blackcontent a {
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}

.blackcontent a:hover {
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}
.blackcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    }

.blackcontent li{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 18px;
    }

.blackheader {
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
}

/*TR{display:table-row}*/
.hide{display:none;}
.show{display:table-row;}

.searchinput {
font-size: 9px;
}

#AYSTAGSCT {
    font-family: "Arial";
    font-size: 16px;
    border: 0px;
    width: 90%;
    align: center;
    border-collapse: collapse;
}
#AYSTAGSCT th {
font-weight: bold;
}