* { padding: 0; margin: 0; } 
img { border: 0 }
html { overflow-y: scroll }

body { font-family: arial, helvetica, sans-serif; font-size: 62.5% }

#outer { width: 1000px; margin: 0 auto; }
#wrapper { float: left; width: 1000px; min-height:550px; height:auto !important; height:550px; background: #f0efec url(../images/about-involved-top-banner.jpg) no-repeat; padding-bottom: 10px; position: relative }

#content-left { float: left; display: inline; width: 300px; height: 500px; }

#content-left #support { position: relative; width: 293px; height: 212px; top: 200px; left: 20px; z-index: 1; background: url(../images/postit-support.png) no-repeat; behavior: url(pngfix/iepngfix.htc) }
#content-left #login { position: relative; width: 281px; height: 203px; top: 180px; left: 165px; z-index: 2; background: url(../images/postit-login.png) no-repeat; behavior: url(pngfix/iepngfix.htc) }

.content-right { float: right; display: inline; width: 550px; }
.content-right #top { float: left; width: 530px; height: 121px; background: url(../images/rounded-corners-top.gif) bottom no-repeat; }
.content-right #top h1 { float: left; color: #ff9933; font-size: 28px; line-height: 28px; margin: 22px 0 20px 20px; display: inline; }
.content-right #top h1 a { color: #ff9933; text-decoration: none;  } 

#top-bg-white { float: left; background: #fff; width: 530px; height: 121px; position: relative }

#content form { display: inline; }

.content-right #bottom { float: left; width: 530px; min-height:458px; height:458px; height:auto !important; background: url(../images/rounded-corners-lower.gif) top left no-repeat; position: relative; padding-bottom: 5px; margin-top: 6px; }
#bottom-bg-white { float: left; width: 530px; height:auto !important; min-height:408px; height:408px; padding-bottom: 65px; background: #fff; }
#bottom-bg-white #content { margin-left: 20px; padding: 20px 0 0 0 }
#bottom-bg-white #content h3 { margin: 0 20px 15px 0; font-size: 14px; color: #006633; }
#bottom-bg-white #content p { margin: 0 20px 15px 0; font-size: 12px; color: #666; line-height: 14px; clear: left }
#bottom-bg-white #content ul { margin: 0 20px 15px 0; font-size: 12px; color: #666; margin-left: 15px;  line-height: 14px }
#bottom-bg-white #content img { margin: 0 20px 15px 0; }
#bottom-bg-white #content a { color: #ff9933; }

#content ol { font-size: 12px; font-weight: normal; color: #ff9933; line-height: 14px; list-style-type: decimal;margin-left:20px;  }
#content .linkbox { border: solid 1px #ff9933; width: 420px; }

#content #login2 { width:233px;height:160px;background:#fff url(../images/loginBg.gif) no-repeat 0px 0px;}
#content #login2 #loginform2 { float: left; display: inline; position: relative; top: 50px; left: 22px; font-size: 10px; font-weight: normal; color:#FFFFFF; width: 165px; height: 90px; }
#content #login2 #loginform2 input { font-size: 9px; }
#content #login2 #loginform2 p { font-size:9px; color: #FFF; margin-bottom: 0px; line-height: 12px; clear: left; }
#content #login2 #loginform2 .sub { float: left; display: inline; background:transparent; border:0px; width: auto; cursor:pointer; color:#FFFFFF; font-weight: bold; text-align: right; width: 165px; margin-bottom: 6px }
#content #login2 #loginform2 .txt { width: 165px; height: 12px; margin: 2px 0 }
#content #login2 #loginform2 .sub:hover { color:#333333;}
#content #login2 #loginform2 a { color:#FFF; font-weight:bold;font-size:9px;}


.frm{ border:solid 1px #ff9933; background:#FFF; padding:10px; width: 400px; margin-bottom: 15px; float: left}
.frm label{ display:block; width:130px; float: left;font-size: 11px; color: #707070; padding-top: 2px; }
.frm input, .frm select, .frm textarea { float: left; margin-bottom: 3px }
.frm br { clear: left }
.frm #sec { float: left; padding-left: 130px; padding-top: 2px }
.frm #sec img { float: left; margin-bottom: 4px }
.frm #sec .refresh { float: left; margin-top: 40px; margin-left: 5px }
.frm .sub { float: left; margin-left: 130px; margin-top: 5px }
.linkbox{ float: left; clear: left; border:solid 1px #628021; background:#FFF; padding:10px 4px 10px 4px; margin:0 0 10px 0; font-size: 10px}
.linkboxleft { float: left; width: 200px; padding-right: 20px; overflow-x: hidden }
.linkboxright { float: left; width: 200px; overflow-x: hidden }

.discussionwallresponse { float: left; padding-left: 20px; color: #ff9933 }
#bottom-bg-white #content .discussionwallresponse p { margin: 0; color: #ff9933; font-weight: bold }

.pdflink{ padding:0 0 10px 25px; background:url(../images/icon_pdf.gif) no-repeat top left;}
.intlink{ padding:0 0 10px 25px; background:url(../images/link_go.gif) no-repeat top left;}
.weblink{ padding:0 0 10px 25px; background:url(../images/world_link.gif) no-repeat top left;}
.right { clear: left; text-align: right; width: 430px; padding-bottom: 10px }

#loginform { float: left; display: inline; position: relative; top: 100px; left: 42px; font-size: 10px; font-weight: normal; color:#FFFFFF; width: 165px; height: 90px; }
#loginform div { float: left; display: inline; width: 165px; height: 90px;}
#loginform input { font-size: 10px; }
#loginform p { color: #FFF; margin-bottom: 0px; line-height: 12px; clear: left; }
#loginform .sub { float: left; display: inline; background:transparent; border:0px; width: auto; cursor:pointer; color:#FFFFFF; font-weight: bold; text-align: right; width: 165px; margin-bottom: 6px }
#loginform .txt { width: 165px; height: 12px; margin: 2px 0 }
#loginform .sub:hover { color:#333333;}
#loginform a { color:#FFF; font-weight:bold;}

#supportletterform label{width:130px; float:left; clear:left; color: #666}

#supportletterform { font-size: 11px }
#supportletterform * { font-size: 11px; color: #666 }
#supportletterform br { clear: left; }
#supportletterform input { margin-bottom: 2px; margin-right: 2px }

.PageNumbers { float: left; width: 436px; font-size: 11px; text-align: right; color: #666; padding: 0 0 15px 0}
.PageLinkSelect { font-weight: bold }


#headernav { position: absolute; float: left; display: inline; width: 510px; height: 47px; background: #fff; bottom: 0px; left: 20px; z-index: 10; }
.headernavbutton a { text-align: left; display: block; padding: 10px 6px 0 6px; height: 37px; line-height: 12px; font-size: 11px; font-weight: bold; color: #666; text-decoration: none; }
.headernavbutton { float: left; display: inline; height: 47px; width: 72px; background: url(../images/buttonbg.gif) no-repeat; }
.headernavbutton a:hover, .headernavbutton .on { color: #ff6633; text-decoration: none; background: url(../images/buttonbg_.gif) no-repeat; }

#headernav2 { float: left; display: inline; width: 510px; height: 47px; background: #fff white; padding: 0 0 20px 20px; }
.headernavbutton2 a { text-align: left; vertical-align: bottom; display: block; padding: 15px 6px 0 6px; height: 32px; line-height: 12px; font-size: 10px; font-weight: bold; color: #666; text-decoration: none; }
.headernavbutton2 { margin-bottom: 7px; float: left; height: 47px; width: 72px; background: url(../images/buttonbg2.gif) no-repeat; }
.headernavbutton2 a:hover, .headernavbutton2 .on { color: #ff6633; text-decoration: none; background: url(../images/buttonbg2_.gif) no-repeat; }

#headernav2-wide { float: left; display: inline; width: 510px; height: 47px; background: #fff white; padding: 0 0 20px 20px; }
.headernavbutton2-wide a { text-align: left; vertical-align: bottom; display: block; padding: 15px 2px 0 2px; height: 32px; line-height: 12px; font-size: 10px; font-weight: bold; color: #666; text-decoration: none; }
.headernavbutton2-wide { margin-bottom: 7px; float: left; height: 47px; width: 72px; background: url(../images/buttonbg2.gif) no-repeat; }
.headernavbutton2-wide a:hover, .headernavbutton2 .on, .headernavbutton2-wide .on { color: #ff6633; text-decoration: none; background: url(../images/buttonbg2_.gif) no-repeat; }

#logo-right { position: absolute; bottom: 10px; right: 10px; width: 150px; height: 79px; }
#logo-right-small { position: absolute; bottom: 10px; right: 10px; width: 107px; height: 65px; }

#footer { float: left; display: inline; width: 1000px; padding: 10px 0; font-size: 9px; color: #999; }
#footer-left { float: left; display: inline; margin-left: 10px; width: 490px }
#footer-right { float: left; display: inline; margin-right: 10px; width: 490px; text-align: right }
#footer a { color: #999; }

#map { float: left; width: 460px; height: 460px; margin-bottom: 15px; overflow: hidden }