body {margin: 0; padding: 0; background: #fff url(../img/bg.gif) repeat-x; font-family: arial, sans-serif;}

.phase1-1, .hilight {border: 1px dashed #900 !important; padding: 8px;}

a {color: #0e457e; text-decoration: none; outline: none;}
a:visited {color: #737099;}
a:hover {color: #c75b12;}

form, fieldset {margin: 0; padding: 0; border: 0;}
#content fieldset {background: #edeae8 url(../img/bg-fieldset.gif) repeat-x;}
input, select, textarea {font-family: arial, sans-serif; font-size: 85%;}
legend {padding: 0 8px; margin: 0 -8px 8px; font-weight: normal; font-size: 180%; line-height: 1; color: #928f89; background: #fff;}
textarea {width: 80%; height: 100px;}
input.text, #searchinput {border: 1px solid #cecac7; font-size: 100%; width: 200px;}
#searchinput {width: 190px;}
input.disabled {border: 0; font-size: 100%; border: 1px solid #cecac7; background: #edeae8}
input.button {vertical-align: -10px;}
h1 {padding: 0; margin: 10px 0 12px; font-weight: normal; font-size: 200%; line-height: 1;}
#myico h1 {padding: 25px 0 10px;}
#myicoicon {float: left;}
.list #myicoicon {margin-top: -10px;}
h2 {color: #c75b12; padding: 0; margin: 24px 0 4px; font-weight: normal; font-size: 120%; line-height: 1;}
#home h2 {font-size: 220%; color: #000; margin-top: 0;}
.columns h2 {font-size: 120%; margin-top: 0;}
h3 {padding: 0; margin: 0 0 4px; font-weight: normal; font-size: 110%; line-height: 1.2;}
h4 {padding: 0; margin: 0 0 4px; font-weight: normal; font-size: 105%; line-height: 1;}
p {margin: 0 0 1em;}
ul {margin: 0 0 1em 24px; padding: 0;}
li {margin: 0 0 4px;}
img {border: 0;}
hr {border: 1px solid #cecac7; border-width: 1px 0 0; margin: 16px 0; height: 1px;}
.smaller {font-size: 80%;}
.required {font-weight: bold;}
.required:before {content: "*";}
.even td {background: #edeae8 url(../img/bg-grad2.gif) bottom repeat-x;}
#myico .even td {background: #f6eae6 url(../img/bg-grad3.gif) bottom repeat-x;}
.highlight td {background: none;}

div.autocomplete {position:absolute; width: 250px; background-color: #fff; border: 1px solid #888; margin: 0; padding: 0;}
div.autocomplete ul {list-style-type: none; margin: 0; padding: 0;
}
div.autocomplete ul li.selected {background-color: #ffb;}
div.autocomplete ul li {list-style-type: none; display: block; margin: 0; padding: 2px; height: 32px;  cursor:pointer;}

#skip2nav {display: none;}

.back {font-size: 90%; margin: 10px 0 0;}

#wrapper {width: 960px; margin: 0 auto; padding-top: 162px; position: relative;}
#logo {position: absolute; top: 20px; left: 0; z-index: 500;}
#logo img {display: block;}

#contentwrap {margin: 0; overflow: auto; line-height: 1.3; background: #fff; background: url(../img/bg-content.gif) repeat-y;}
#myico #contentwrap {background: url(../img/bg-myico.gif) top right repeat-y;}
.subnav #contentwrap {background: url(../img/bg-contentsub.gif) repeat-y}
.list #contentwrap, #login #contentwrap, #plain #contentwrap {margin: 0 8px; background: none !important;}
#content {float: left; width: 742px; margin: 0 8px; padding: 0 0 20px; min-height: 400px;}
#home #content {width: 753px;}
#login #content {float: none; margin: 0 auto; padding: 80px 0; min-height: 240px;}
.subnav #content {width: 530px; margin: 0 0 0 220px;}
.list #content {float: none; width: 100%; margin: 0;}
#contentinner {width: 550px;}

#home #photo {position: relative;}
#home #photo img {display: block;}
#home #photo #tagline {position: absolute; left: 0; bottom: 0;}
#home #sections div {width: 243px; margin: 12px 8px 8px 0; float: left;}
#home #sections ul, #home #sections ul li {list-style: none; margin: 0; padding: 0;}
#home #sections ul li {margin: 0 0 4px;}
#home #sections ul ul {margin: 4px 0 0 2px; font-size: 90%;}
#home #sections ul ul li {margin: 0 0 2px; padding-left: 8px; background: url(../img/li-sm-brown.gif) 0 4px no-repeat;}
#home #sections h2 {width: 236px; height: 55px; text-indent: -4000px;}
#home #sections #hd-education {background: url(../img/hd-education.gif) no-repeat;}
#home #sections #hd-eyecare {background: url(../img/hd-eyecare.gif) no-repeat;}
#home #sections #hd-leadership {background: url(../img/hd-leadership.gif) no-repeat;}

#login #content ul {list-style: none; margin: 12px 0 0; padding: 0;}
#login #content ul li {margin: 0 0 8px; padding-left: 10px; background: url(../img/li-orange.gif) 0 6px no-repeat;}
#login #content .intro {background: none; border: 0;}

/* info / error messages */
.info_message {padding: 12px; margin: 0 0 16px; border: 2px solid #0e457e; color: #0e457e; background: #edeae8 url(../img/bg-fieldset.gif) repeat-x; clear: both; text-align: left;}
.error_message {padding: 12px; margin: 0 0 16px; border: 2px solid #c75b12; color: #c75b12; background: #edeae8 url(../img/bg-fieldset.gif) repeat-x; clear: both; text-align: left;}

.intro {font-size: 110%;}

.thumb {margin: 0 6px 0 0; float: left;}
.icon {margin: 0 6px 0 0; float: left;}

.buttons {float: right; position: relative; margin-top: 14px;}
.buttons input, .buttons img, .buttons iframe {float: right; clear: right; display: block; margin: 0 0 6px;}
.buttons span {float: right; clear: right; font-weight: bold; color: #c75b12; font-size: 90%;}

#sharemenu {visibility: hidden; position: absolute; top: 30px; right: 0; z-index: 201;}

dl {overflow: auto; margin: 0 0 1em;}
dl dt, dl dd {margin: 0 0 6px; padding: 0; float: left;}
dl dt {width: 140px; text-align: right; clear: left;}
dl dd {width: 206px; padding-left: 4px;}

.details {font-size: 90%; margin-bottom: 30px; color: #6b6360;}
dl.details dt {width: 140px;}
dl.details dd {width: 206px;}

dl.hostdetails {float: left; margin-right: 1em; font-size: 90%;}
dl.hostdetails dt {width: 180px;}
dl.hostdetails dd {width: 50px; text-align: right;}

dl.hostdetails2 {font-size: 90%;}
dl.hostdetails2 dt {width: 220px;}
dl.hostdetails2 dd {width: 30px; text-align: right;}

.checklist {float: left; width: 45%; margin: 0 5% 1em 0; list-style: none; color: #999; font-size: 90%;}
.checklist .checked {color: #000;}
.checklist img {vertical-align: -3px;}

.writtenreviews {font-size: 80%; color: #6b6360;}

.contactinfo {font-size: 90%; float: right; width: 162px; margin-left: 12px; color: #6b6360;}
.contactinfo img {display: block; margin: 0 0 12px;}

.photo {float: right; margin: 0 0 12px 12px;}

#reviewlist {clear: both; padding-top: 12px;}
#reviewlist h3 {margin-top: 14px;}
#reviewlist .review {margin-top: 14px; width: 540px; overflow: auto;}
#reviewlist .review .photowrapper {float: left; font-size: 80%; width: 80px; color: #6b6360;} 
#reviewlist .review .photowrapper .thumb {display: block; margin: 0 0 4px;}
#reviewlist .review .reviewcontent {float: right; width: 460px;}

#reviewformwrapper {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 1000; background-image:url(../img/overlay.png);}
#reviewformwrapper #reviewform {width: 400px; margin: 100px auto; background: #fff; border: 3px solid #aea6a4; padding: 12px;}
#reviewformwrapper fieldset {border: 0; padding: 12px 0 4px; margin: 0;}
#reviewformwrapper .button {margin-top: -8px;}
#reviewform div {overflow: auto; margin: 0 0 8px;}
#reviewform label {width: 100px; float: left; padding-top: 6px;}
#reviewform #rating_id {height: auto; width: auto; background: none; overflow: auto;}
#reviewform #rating_id ul {float: left;}
#reviewform #rating_id p {font-size: 80%; float: left; margin-top: 7px; color: #6b6360;}
#reviewform .button {float: right; margin-top: -8px;}
#reviewform textarea {float: left; width: 280px; height: 220px;}
#reviewformwrapper .close {margin-bottom: -20px;}

.columns {overflow: auto; background: url(../img/dot-gray.gif) top center repeat-y;}
.columnl {float: left; width: 48%;}
.columnr {float: right; width: 48%;}

.column3 {overflow: auto;}
.column3 div {width: 30%; float: left; margin-right: 3%;}

.badge {float: left; width: 130px; padding-top: 10px;}
.codeblock {float: right; width: 580px; background: url(../img/dot-gray.gif) top left repeat-y; padding: 1em 0 1em 20px;}
.codeblock h2 {margin-top: 0;}

#myicocontent {background: #f6eae6; border: 1px solid #c75b12; margin-top: 44px; padding-bottom: 24px;}
#myicocontent .highlights {margin: 2px 0 0; background: #fff; border-color: #cecac7; border-width: 0 0 1px;}
#myicocontent #subnavline {float: right; margin-top: -18px !important;}
#selectedtopics {overflow: auto; margin: -28px 0 0; border-bottom: 1px solid #cecac7;}
#selectedtopics h3 {margin: 8px;}
#selectedtopics h4 {margin: -8px 0 4px; font-weight: bold;}
#selectedtopics .column {float: left; width: 230px; padding: 8px;}
#selectedtopics .column ul {margin: 0; padding: 0; list-style: none;}
#selectedtopics .column li {list-style: none; background: url(../img/ic-anchor.gif) 0 1px no-repeat; padding-left: 12px; margin: 0 0 4px; font-size: 90%;}

.highlights {border: 2px solid #c75b12; overflow: auto; margin: 0 0 24px; background: #fff url(../img/bg-highlights.gif) 310px 0 repeat-y;}
#myico .highlights {background: #fff url(../img/bg-highlights-myico.gif) 245px 0 repeat-y;}
.list .highlights {background: #fff url(../img/bg-highlights.gif) 310px 0 repeat-y !important;}
.highlights h2 {color: #c75b12; margin: 0; padding: 8px; font-size: 140%; background: #f6eae6; border-bottom: 1px solid #cecac7;}
#myico #myicocontent h2 {color: #c75b12; background: #f6eae6;}
.highlights h3 span {font-size: 90%; color: #999;}
.highlights div {float: left; padding: 8px; width: 295px;}
#myico .highlights div {width: 230px;}
.list .highlights div {width: 295px !important;}
.highlights .thumb, #myico .highlights .thumb {margin: 0 0 0 6px; padding: 35px 0 0; background: #fff; color: #777; border: 1px solid #cecac7; text-align: center; font-size: 140%; width: 80px; height: 74px; float: right; font-weight: bold;}
.highlights .icon, #myico .highlights .icon {margin: 0 0 0 6px; float: right;}
.highlights .more {float: right; font-size: 120%; margin: 9px 4px 0 0;}

.highlights2 {border: 2px solid #c75b12; overflow: auto; margin: 0 0 24px; background: #fff url(../img/bg-highlights2.gif) 168px 0 repeat-y;}
.highlights2 h2 {color: #c75b12; margin: 0; padding: 8px; font-size: 140%; background: #f6eae6; border-bottom: 1px solid #cecac7; clear: both;}
.highlights2 hr {clear: both; margin: 0;}
.highlights2 h3 span {font-size: 90%; color: #999;}
.highlights2 div {float: left; padding: 8px; width: 30%;}
.highlights2 .thumb {margin: 0 0 0 6px; padding: 35px 0 0; background: #fff; color: #777; border: 1px solid #cecac7; text-align: center; font-size: 140%; width: 80px; height: 74px; float: right; font-weight: bold;}
.highlights2 .icon  {margin: 0 6px 0 0; float: left;}
.highlights2 p, .highlights2 h3 {font-size: 90%;}
.highlights2 .data li {padding: 0;}

.pageoptionstop {padding: 8px 0 4px; overflow: auto; clear: both;}
.pageoptionsbot {padding: 8px 0 24px; overflow: auto;}
.resultsearch {text-align: center;}
.resultnum {float: left; margin-top: 5px}
.pagination {float: right; margin-top: 5px}

#alphabrowse {background: #c9c6c0; font-size: 80%; overflow: auto;}
#alphabrowse div {overflow: auto; width: 49%; float: left; padding: 4px;}
#alphabrowse h3 {color: #4e372e; font-weight: bold;}
#alphabrowse ul, #alphabrowse ul li {list-style: none; margin: 0; border: 0;}
#alphabrowse ul li {float: left; background: #edeae8; margin-right: 1px;}
#alphabrowse ul li a, #alphabrowse ul li span {float: left; padding: 1px 4px;}
#alphabrowse ul li span {color: #928f89;}
#alphabrowse ul li a:hover {background: #c75b12; color: #fff;}
#alphabrowse ul li a.current {background: #4e372e; color: #fff;}

#datalist {width: 100%; border-collapse: collapse; border-spacing: 0; border-bottom: 2px solid #cecac7;}
#myico #datalist {border-bottom: 2px solid #c75b12;}
#datalist th, #datalist td {text-align: left; padding: 8px 4px;}
#datalist th {color: #4e372e; background: #edeae8 url(../img/bg-grad2.gif) bottom repeat-x; white-space: nowrap; vertical-align: bottom;}
#myico #datalist th {background: #f6eae6 url(../img/bg-grad3.gif) bottom repeat-x;}
#datalist .filter th {background: #cecac7; padding: 2px 4px; }
#myico #datalist .filter th {background: #e7c5af;}
#datalist .filter th div {width: 120px; overflow: hidden; position: relative;}
#resources .filter th div {width: 120px;}
#resources .filter th select {width: 100px;}
#datalist .filter th select {width: 120px;}
#datalist .filter th select.grow {width: auto !important;}
#datalist .filter th select.auto {width: auto}
#datalist td {vertical-align: top; line-height: 1.33;}
#datalist td img {display: block;}
#datalist td.smaller {font-size: 85%;}
#datalist .photo {float: right; margin-left: 8px;}
#datalist .highlight td {background-color: #f6eae6;}
.icomember {float: left; margin-right: 4px;}
td .icomember {float: none; display: block; margin: 0 auto;}

.button-upload {float: right; margin-top: -44px;}

#myico #viewlink, #myico #viewlink2 {float: right; margin: 0 12px 0;}

#profile {width: 100%; clear: both;}
#profile fieldset {border: 2px solid #c2c0bc; padding: 12px; overflow: auto; margin: 0 0 20px;}
#profile .columnl {float: left; width: 48%; overflow: auto;}
#login #profile .columnl {width: 45%; min-height: 100px;}
#profile .columnr {float: right; width: 48%; overflow: auto;}
#login #profile .columnr {width: 45%; min-height: 100px;}
#login #profile .columnn {width: 45%; margin: 0 auto;}
#profile #privacylink {width: auto; float: right; font-size: 90%; margin: -34px 0 0; position: relative;}
#profile fieldset div {overflow: auto; padding: 0 0 3px;}
#profile label {float: left; padding: 4px 8px 0 0; width: 110px; text-align: right;}
#profile .note {font-size: 90%;}
#profile .note2 {display: block; color: #766a67; margin-left: 120px; font-size: 80%}
#profile .note3 {color: #766a67; font-size: 80%}
#profile .add, #profile .delete_link {clear: both; display: block; font-size: 85%; margin: 2px 0 4px 122px;}
#profile .button, #profile .save {float: right;}
#profile .checkbox {clear: both; padding: 8px 0 0 96px;}
#profile #privacy #privacywrapper .checkbox {padding-left: 0;}
#profile #privacy #privacywrapper .checkbox input {float: left;}
#profile .checkbox div {padding: 0 0 6px;}
#profile .checkbox label, #profile .textarea label {float: none; width: auto; text-align: left;}
#profile #privacy #privacywrapper .checkbox label {float: left; width: 90%; padding: 0 0 0 4px;}
#profile .textarea label {display: block;}
#profile .savebutton {text-align: right; margin: 12px 0;}
#profile .savebutton input.button {float: none;}


#profile #contact_information {clear: both;}
#profile #contact_information .extra {margin-left: 118px;}

#profile #professional label {clear: left; width: 200px;}
#profile #professional input.text, #profile #professional input.disabled {width: 340px;}
#profile #professional .add {margin-left: 212px;}
#profile #professional .delete_link {clear: none; float: right; margin: 6px 116px 0 4px;}
#profile #professional .extra {margin-left: 208px;}
#profile #professional .checkbox {margin: 0 0 8px 212px; padding: 0; font-size: 85%; float: left; overflow: visible;}
#profile #professional .checkbox input {float: left;}
#profile #professional .checkbox label {float: left; clear: none; padding: 2px 0 0 4px; width: 340px;}
.society_block {clear: both;}

#profile #interests {overflow: auto;}
#profile #interests p {margin: 0 0 .3em;}
#profile #interests p span {font-size: 90%; color: #125ca8; cursor: pointer;}
#profile #interests div {width: 238px; float: left;}
#profile #interests label {float: none; width: auto; text-align: left; font-size: 90%;}

#profile #leaders .leader label {width: 50px;}
#profile #leaders .leader input {width: 170px; float: left;}
#profile #leaders .leader div {float: left; overflow: hidden;}
#profile #leaders .add, #profile #leaders .delete_link {margin-left: 60px;}

#profile #leaders #leadersadded {border-bottom: 2px solid #c2c0bc; margin-bottom: 24px;}
#profile #leaders #leadersadded .leader input {width: 260px;}

#profile #submitsociety div {margin: 0 0 6px;}
#profile #submitsociety div label {width: 260px;}
#profile #submitsociety div input {width: 300px;}

#profile #imageupload {float: right; width: 45%; margin-left: 2%; overflow: visible;}
#profile #imageupload .button {display: block; float: none; margin: 0;}

#profile #privacywrapper {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 1000; background-image:url(../img/overlay.png);}
#profile #privacywrapper #privacy {width: 400px; margin: 100px auto; background: #fff; border: 3px solid #aea6a4; padding: 12px 0 0; position: relative;}
#profile #privacywrapper fieldset {border: 0; padding: 12px; margin: 0;}
#profile #privacywrapper .button {margin-top: -8px;}
#profile #privacywrapper .close {margin-bottom: -20px;}
#profile #privacywrapper .closebutton {position: absolute; top: 4px; right: 4px; z-index: 2000;}

#profile #passwordwrapper {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 1000; background-image:url(../img/overlay.png);}
#profile #passwordwrapper #passwordform {width: 440px; margin: 100px auto; background: #fff; border: 3px solid #aea6a4; padding: 12px 0 0; position: relative;}
#profile #passwordwrapper fieldset {border: 0; padding: 12px; margin: 0;}
#profile #passwordwrapper label {width: 160px;}
#profile #passwordwrapper .button {margin-top: -8px;}
#profile #passwordwrapper .close {margin-bottom: -20px;}
#profile #passwordwrapper .closebutton {position: absolute; top: 4px; right: 4px; z-index: 2000;}

#infobox {width: 250px; float: left; margin: 0 2% 0 0; font-size: 90%; border: 1px solid #cecac7; padding: 10px; background: #edeae8;}
#paymentopts {width: 20%; float: right; margin: 0 0 0 2%; font-size: 90%; border-left: 1px solid #c75b12; padding-left: 10px;}
#calculate {overflow: auto;}
#calculate div {float: left; font-size: 90%;}
#calculate span {float: left; font-size: 140%; padding: 16px 20px 0;}
#calculate label {display: block; color: #766a67;}
#calculate input.text, #calculate input.disabled {width: 120px; font-size: 140%; margin: 0;}
#calculate input {margin: 16px 0 0 8px;}

#receipt #content {float: none; margin: 0 auto; width: 600px;}
#receipt h2 {margin-top: 0;}
#receipt dt {color: #6b6360; padding: 0 6px 4px 0;}
#receipt dd {width: 400px; padding: 0 0 4px 0;}
#receipt .note2 {display: block; color: #766a67; font-size: 80%}

#helplink {position: absolute; top: 164px; right: 209px;}
.list #helplink {right: 8px;}
#help {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 1000; background-image:url(../img/overlay.png);}
#help div {width: 440px; margin: 100px auto; background: #fff; border: 3px solid #aea6a4; padding: 12px;}

#popupwrapper {position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 1000; background-image:url(../img/overlay.png);}
#popupwrapper div {width: 440px; margin: 100px auto; background: #fff; border: 3px solid #aea6a4; padding: 12px;}

.closebutton {position: relative; float: right; top: -24px; right: -24px;}
.close {font-weight: bold; color: #766a67 !important; font-size: 85%; display: block;}

#subnav {position: absolute; top: 172px; left: 19px; width: 169px;}
#subnav ul, #subnav ul li {list-style: none; margin: 0; padding: 0;}
#subnav ul li {margin-bottom: 4px;}
#subnav ul li a {display: block; padding-left: 8px;}
#subnav ul li a:hover {background: url(../img/li-orange.gif) 0 6px no-repeat;}
#subnav ul li a.current {background: url(../img/li-brown.gif) 0 6px no-repeat;}
#subnav ul ul {font-size: 90%; display: none; margin-left: 12px;}
#subnav ul ul li a {padding-left: 8px; }
#subnav ul ul li a:hover {background: url(../img/li-sm-orange.gif) 0 4px no-repeat;}
#subnav ul ul li a.current {background: url(../img/li-sm-brown.gif) 0 4px no-repeat;}
#subnav .current {color: #4e372e; font-weight: bold;}
#subnav li ul.currentul, #subnav li.currentul ul {display: block;}
#subnav li.currentul ul ul {display: none;}
#subnav li ul ul.currentul {display: block !important;}
#subnav .smicons img {vertical-align: -6px;}
 
#subnavline {margin: -6px 0 12px; overflow: auto; position: relative;}
#myico #subnavline {margin-top: -12px;}
#myicocontent #subnavline ul {width: 200px; margin-top: 0; font-size: 90%;}
#subnavline ul {width: 100%; position: relative;}
#subnavline ul, #subnavline li {margin: 0; padding: 0; list-style: none;}
#subnavline li {float: left; padding: 0 .6em; margin-bottom: 6px; border-left: 1px solid #cecac7;}
#subnavline ul ul {display: none;}
#subnavline li.first {border-left: 0; padding-left: 0 !important;}
#subnavline .current {color: #4e372e; font-weight: bold;}
#subnavline .smicons img {vertical-align: -6px;}

#subnavline #mynav {float: none; width: 100%; margin: 0 0 12px 0; font-size: 100%;}
#subnavline #mynav ul {border: none;}
#subnavline #mynav li {background: none; padding: 0 .6em; margin-bottom: 6px;}
#subnavline #mynav a {border-top: 0; padding: 0;}
#subnavline #mynav a:hover, #subnavline #mynav a.current {background: none;}

#mynav {float: right; margin-right: 8px; width: 182px; font-size: 110%;}
#mynav ul, #mynav li {margin: 0; padding: 0; list-style: none;}
#mynav li {background: url(../img/bg-grad.gif) bottom repeat-x;}
#mynav ul {border-bottom: 1px solid #c2c0bc;}
#mynav ul ul {display: none;}
#mynav a {display: block; padding: 6px 12px; border-top: 1px solid #c2c0bc;}
#mynav a:hover {background: #f4f2f0;}
#mynav a.current {background: #f4f2f0; font-weight: bold; color: #4e372e;}
#mynav li ul.currentul, #mynav li.currentul ul, #mynav li.currentul li.currentul ul {display: block;}
#mynav ul ul {background: #f4f2f0; border: 0; padding-bottom: 12px; font-size: 90%;}
#mynav ul ul .toggle, #mynav ul ul .toggleon {padding: 2px 12px 2px 24px; border: 0; background: url(../img/ic-closed.gif) 12px 6px no-repeat; display: block;}
#mynav ul ul .toggleon {background-image: url(../img/ic-open.gif)}
#mynav ul ul li {background: none;}
#mynav fieldset {display: none; font-size: 90%; margin-left: 8px;}
#mynav fieldset div {margin: 0 0 2px 14px; overflow: visible; clear: both;}
#mynav fieldset div div {margin-left: 0;}
#mynav fieldset #edpset {margin-left: 14px;}
#mynav fieldset input {float: left;}
#mynav fieldset label {float: left; width: 80%; padding: 2px 0 0 2px;}
#mynav ul ul fieldset a, #mynav ul ul fieldset a:hover {padding: 0; margin-left: 16px; background: none; font-weight: bold;}

#mynav span {color: #125ca8; cursor: pointer;}
#mynav p {margin: 0 0 .3em;}
#mynav p span {font-size: 90%;}
#mynav #subspset p, #mynav #regset p {margin-left: 14px;}

#sidebar {float: right; width: 184px; font-size: 90%; margin-right: 6px; line-height: 1.4; border-top: 2px solid #c2c0bc;}
#sidebar .heading {margin: 0; padding: 6px; font-size: 140%;}
#sidebar div {margin: 0 0 2px; padding: 8px 6px 0; border-bottom: 2px solid #c2c0bc; background: url(../img/bg-sidebar.gif) bottom left repeat-x;}
#sidebar .thumb {margin: 0 0 0 6px; float: right;}
#sidebar .icon {margin: 0 0 0 6px; float: right;}
#sidebar h3 {background: #aeaaa2; color: #edebe8;}
#sidebar div h3 {color: #4e372e; background: none;}

#sidebar .highlight {font-size: 110%; background: #d8e7ee url(../img/bg-highlight.gif) bottom right no-repeat;}
#sidebar .highlight h3 {font-size: 130%;}
#sidebar .highlight h3, #sidebar .highlight a {color: #c75b12;}

.component {overflow: auto;}
#content .columns .component {margin-bottom: 12px;}
.component h3 span {font-size: 75%; color: #6b6360;}

#content .data {font-size: 80%;}
.data {font-size: 90%; margin: -1em 0 .8em !important; color: #6b6360; line-height: 1.5;}
.data, .data li, .data ul {margin: 0; padding: 0; list-style: none;}
.data li {display: block; clear: both; padding: 2px 0;}
.data li li {display: inline; padding: 0 .3em;}
.data ul {float: left;}
.data .tags {padding-left: 16px; background: url(../img/ic-tag.gif) 0 4px no-repeat;}
.data .tags li {background: url(../img/sep-bull.gif) 0 4px no-repeat; padding: 0 0 0 8px;}
.data .tags li.first {background: none; padding: 0;}
.data img {vertical-align: bottom;}
.helpful .button {vertical-align: -7px;}

.connections ul, .connections ul li {padding: 0; margin: 0; list-style: none;}
.connections ul li {margin-bottom: 4px; padding-left: 10px; background: url(../img/li-sidebar.gif) 2px 4px no-repeat;}
.connections .button {display: block; margin: 4px auto;}

img.ratingstatic {vertical-align: bottom;}
#rating_id {clear: right; height: 30px; width: 189px; background: url(../img/bg-rating.gif) no-repeat; color: #c75b12;}
#rating_id span {display: none; margin: 7px 0 0 10px;}
#rating_id ul {padding: 0; list-style: none; background: url(../img/rating.gif); width: 105px; height: 21px; float: right; position: relative; margin: 4px 8px 0 0;}
#rating_id ul.rate-1 {background-position: 0 -21px;}
#rating_id ul.rate-2 {background-position: 0 -42px;}
#rating_id ul.rate-3 {background-position: 0 -63px;}
#rating_id ul.rate-4 {background-position: 0 -84px;}
#rating_id ul.rate-5 {background-position: 0 -105px;}
#rating_id ul li {width: 21px; height: 21px; position: absolute; padding: 0 !important; background: none; text-indent: -3000px;}
#rating_id ul li.rate-1 {z-index: 200;}
#rating_id ul li.rate-2 {width: 42px; z-index: 199;}
#rating_id ul li.rate-3 {width: 63px; z-index: 198;}
#rating_id ul li.rate-4 {width: 84px; z-index: 197;}
#rating_id ul li.rate-5 {width: 105px; z-index: 196;}
#rating_id ul li a {display: block; width: 100%; height: 21px; background: none;}
#rating_id ul li a:hover {background: url(../img/rating.gif) 0 -105px no-repeat;}

#reviewstats {float: right; font-size: 90%;}
#reviewstats ul, #reviewstats li {margin: 0; padding: 0; list-style: none;}
#reviewstats ul {margin-top: 8px;}
#reviewstats li {font-size: 95%; margin: 0 0 2px;}
#reviewstats div {width: 100px; height: 15px; background: #f2f0ef; float: left; margin-right: 8px;}
#reviewstats div div {width: 0; background: #c75b12; margin: 0; border: 0;}

#header {position: absolute; top: 0; left: 0; z-index: 201; width: 960px; height: 154px; color: #4e372e;}
#header ul, #header li, #footer ul, #footer li {margin: 0; padding: 0; list-style: none;}
#header li {float: left;}
#header li.first, #header li.first2, #footer li.first {border-left: 0;}

#nav {position: absolute; top: 126px; left: 8px; z-index: 999;}
#nav li {padding: 0; position: relative; margin-right: 3px;}
#nav a {color: #000; float: left; width: 109px; height: 29px; text-indent: -4000px; background: url(../img/nav.gif) no-repeat;}
#nav #nav-education a {background-position: 0 -60px;}
#nav #nav-eyecare a {background-position: -109px -60px;}
#nav #nav-leadership a {background-position: -218px -60px;}

#nav #nav-education a:hover, #nav #nav-education:hover a {background-position: 0 -30px;}
#nav #nav-eyecare a:hover, #nav #nav-eyecare:hover a {background-position: -109px -30px;}
#nav #nav-leadership a:hover, #nav #nav-leadership:hover a {background-position: -218px -30px;}

#education #nav #nav-education a {background-position: 0 0;}
#eyecare #nav #nav-eyecare a {background-position: -109px 0;}
#leadership #nav #nav-leadership a {background-position: -218px 0;}

#nav ul {display: none; width: 198px !important; position: absolute; top: 28px; left: 0; z-index: 51; border: 1px solid #775c51; border-width: 1px 1px 0;}
#nav ul li {height: auto; background: none; padding-left: 0; border-width: 0;}
#nav ul li, #nav ul li a {float: none;}
#nav ul li a {float: none; display: block; color: #775c51; background: #edebe8; height: auto; width: 186px !important; border-bottom: 1px solid #775c51; font-size: 95%; padding: 6px 6px 5px; text-indent: 0;}
#nav #nav-education ul, #nav #nav-education ul li a {border-color: #b3d0dd; color: #3380a1; background: #e5eff3;}
#nav #nav-eyecare ul, #nav #nav-eyecare ul li a {border-color: #b3c8d1; color: #336c85; background: #e6edf0;}
#nav #nav-leadership ul, #nav #nav-leadership ul li a {border-color: #b6c3c8; color: #3d5f6d; background: #e5eaec;}
#nav li ul li a:hover {background: #fff !important;}
#nav ul ul {position: absolute; top: -1px; left: 198px;}

#nav #nav-education .sub {background-image: url(../img/li-sub-education.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; padding-right: 12px; width: 180px !important;}
#nav #nav-eyecare .sub {background-image: url(../img/li-sub-eyecare.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; padding-right: 12px; width: 180px !important;}
#nav #nav-leadership .sub {background-image: url(../img/li-sub-leadership.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; padding-right: 12px; width: 180px !important;}

#nav2 {position: absolute; top: 126px; right: 8px; z-index: 999;}
#nav2 li {position: relative;}
#nav2 a {text-indent: -4000px; float: left; height: 30px; width: 64px; background: url(../img/nav2.gif) no-repeat;}
#nav2 #nav2-news a {background-position: 0 -60px;}
#nav2 #nav2-resources a {width: 95px; background-position: -64px -60px;}
#nav2 #nav2-events a {width: 70px; background-position: -159px -60px;}
#nav2 #nav2-connections a {width: 110px; background-position: -229px -60px;}
#nav2 #nav2-about a {width: 99px; background-position: -339px -60px;}
#nav2 #nav2-foundation a {width: 129px; background-position: -438px -60px;}

#nav2 #nav2-news a:hover, #nav2 #nav2-news:hover a {background-position: 0 -30px;}
#nav2 #nav2-resources a:hover, #nav2 #nav2-resources:hover a {background-position: -64px -30px;}
#nav2 #nav2-events a:hover, #nav2 #nav2-events:hover a {background-position: -159px -30px;}
#nav2 #nav2-connections a:hover, #nav2 #nav2-connections:hover a {background-position: -229px -30px;}
#nav2 #nav2-about a:hover, #nav2 #nav2-about:hover a {background-position: -339px -30px;}
#nav2 #nav2-foundation a:hover, #nav2 #nav2-foundation:hover a {background-position: -438px -30px;}

#news #nav2 #nav2-news a {background-position: 0 0;}
#resources #nav2 #nav2-resources a {background-position: -64px 0;}
#events #nav2 #nav2-events a {background-position: -159px 0;}
#connections #nav2 #nav2-connections a {background-position: -229px 0;}
#about #nav2 #nav2-about a {background-position: -339px 0;}
#foundation #nav2 #nav2-foundation a {background-position: -438px 0;}

#nav2 ul {display: none; width: 198px !important; position: absolute; top: 28px; left: 0; z-index: 999; border: 1px solid #cecac7; border-width: 1px 1px 0; font-size: 90%;}
#nav2 ul li {height: auto; background: none; padding-left: 0; border-width: 0;}
#nav2 ul li, #nav ul li a {float: none;}
#nav2 ul li a {float: none; display: block; text-indent: 0; color: #4e372e; background: #f2f0ef; height: auto; width: 186px !important; border-bottom: 1px solid #cecac7; padding: 6px 6px 5px; text-decoration: none;}
#nav2 li ul li a:hover {background: #fff;}
#nav2 .smicons img {vertical-align: -6px;}

#nav ul.show, .show {display: block !important;}

#nav3 {font-size: 85%; position: absolute; top: 0; right: 0; padding: 0 0 !important; background: #dcd7d5 url(../img/nav3-bg.gif) bottom left no-repeat; width: 485px;}
#nav3 li {float: left; padding: 10px .6em 2px; border-left: 1px solid #cecac7;}
#resizer {float: right; margin: 0 0 0 4px;}
#resizer li {border: 0; padding: 0; float: left;}
#resizer img {margin: -4px 0 0 4px; vertical-align: 0;}
#nav3 form input {font-size: 110%;}
#nav3 li.first2 {padding-top: 4px; float: right;}

#languages {position: absolute; top: 36px; right: 8px; font-size: 90%;}
#languages li {float: left; padding: 0 .8em; border-left: 1px solid #cecac7;}
#languages a.current {color: #4e372e; font-weight: bold;}

#logintext, #loggedintext {position: absolute; top: 106px; right: 8px; font-size: 90%;}
#logintext li, #loggedintext li {float: left; padding: 0 .6em; border-left: 1px solid #cecac7;}
#socialmedia {float: right; font-size: 80%; color: #4e372e; position: absolute; top: 60px; right: 18px; z-index: 1000;}
#socialmedia img {vertical-align: -4px;}
#footer {background: url(../img/bg-bot.gif) repeat-x; text-align: center; clear: both; font-size: 80%; padding: 8px 0; margin: 6px 0 0; color: #4e372e; height: 25px;}
#footer li {display: inline; padding: 0 8px; border-left: 1px solid #cecac7;}