html, body, ul, li {margin: 0; padding: 0;}
body#home {background: #ede5d0 url(/site/images/bg.gif) repeat-x;margin-top:-5px;}
body#sub {background: #ede5d0 url(/site/images/bg_sub.gif) repeat-x;margin-top:-5px;}
#wrapper {margin: 0 auto;overflow:hidden; padding:0px;width: 1000px;}

a {color: #ae3e19; font-style: italic; text-decoration: none; font-family: georgia, times, serif; }
a:hover {color: #074010; border-bottom: 1px solid #074010; }
#bcms-nav a:hover, #bcms-pageview-subnav a:hover { border: none; }
a{outline:none;}
:focus{-moz-outline-style: none;}

/* BASIC HOME STYLES */
#home h2 {font-family: georgia, times, serif; font-size: 21px; font-weight: normal;}
#home h3 {font-family: georgia; font-weight: normal;}
#home p, #sub #content, #sub p, #sub ul, #footer ul {font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #524e4e;}

/* BASIC SUBPAGE STYLES */
#sub h1 {font-family: georgia, times, serif; font-size: 40px; color: #6e6a54; float: left; font-weight: normal; margin: 65px 0 0 0; padding: 0}
#sub h2 {font-family: georgia, times, serif; font-size: 28px; color: #4a4444; font-weight: normal; line-height:1.2em; border-bottom: 3px solid #ecebe5; margin-bottom: 20px; padding :0;}
#sub h3 {font-family: georgia, times, serif; font-size: 18px; color: #4a4444; font-weight: normal; line-height:1.2em; border-bottom: 1px dashed #c4c4be; padding-bottom: 3px; margin-bottom: 12px;}
#sub h4 {font-family: georgia, times, serif; font-size: 15px; color: #4a4444; font-weight: normal; font-style: italic; margin-bottom: 0;}
.outline h4#userDisplayName{margin:0px;padding-top:0px;}

#content ul {list-style: none;}
#content li { padding-left: 20px; line-height: 18px;}
#content ul li { background: url(/site/images/bullet_sub.gif) no-repeat 6px 6px }
#content li li { padding-left: 20px;}
#content ul li li { background: url(/site/images/bullet_subsub.gif) no-repeat 6px 6px }
#content ol li, #content ol li li { padding-left: 0; }

/* TOPNAV */
#nav {background: url(/site/images/topnav_all.gif) no-repeat; width: 1000px; height: 63px; float: left; position: relative; list-style: none;}
#nav li {float: left;}
#topnav { float: left; }
#topnav li span {display: none;}
#topnav li, #topnav a {display: block; height: 63px; border-bottom: none;}
#references, #homenav {left: 0; width: 134px;}
#references a:hover, #references a.on, #homenav a:hover {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll 0px -63px;}
#educational {left: 134px; width: 120px;}
#educational a:hover, #educational a.on {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll -134px -63px;}
#publications {left: 254px; width: 118px;}
#publications a:hover, #publications a.on {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll -254px -63px;}
#conferences {left: 372px; width: 127px;}
#conferences a:hover, #conferences a.on {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll -372px -63px;}
#awards {left: 499px; width: 142px;}
#awards a:hover, #awards a.on {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll -499px -63px;}
#about, #store {left: 641px; width: 114px;}
#about a:hover, #about a.on, #store a:hover {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll -641px -63px;}
#become-member {left: 755px; width: 114px;}
#become-member a:hover, #become-member a.on {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll -755px -63px;}
#members-only {left: 869px; width: 130px;}
#members-only a:hover, #members-only a.on {background:transparent url(/site/images/topnav_all.gif) no-repeat scroll -869px -63px;}

/* UTILITY */

#util {font-family: georgia, times, serif; font-size: 11px; font-style: italic; height: 29px; float: left; margin-right: 16px; position: relative;} 
#utilbar { float: left; position: relative; width: 1000px; }
#searchbox { position: absolute; right: 0; top: 2px; width: 245px; }
#util { float: right; padding-right: 260px ;}
#util a {color: #6e6a54; text-decoration: none; border-bottom: none; font-size: 12px;}
#util a:hover {color: #074010;}
#util li {float: left; list-style: none; margin-left: 40px; *margin-left: 35px; padding-top: 8px;}
#search-field {width: 140px; font-size: 12px; font-family: georgia; color: #524E4E; border: 1px solid #c5c3b4; float: left; margin: 5px 3px 0 0; padding: 2px;}
#btn-search {float: left; margin-top: 4px; padding-right: 30px;}
#sub #utilbar {padding-bottom: 5px;}

/* COLS */
#col1 {width: 740px; float: left; position:relative;height:960px;background: #ffffff; padding-bottom: 10px; margin-bottom: 20px;}
#col2 {float: left;position:relative;width: 240px; /*height:960px !important; */ background: #ffffff; padding: 0 10px 10px 10px; _padding: 0 5px 10px 0; margin-bottom: 20px;}

/* MAIN HIGHLIGHT */
#logo-home {width: 150px; height: 146px; margin-top: 10px; float: left;}
#logo-home img {behavior: url("/site/iepngfix.htc")}
#main-highlight {}
#main-img {background: url(/site/images/main-img1.jpg) no-repeat; width: 740px; padding: 0; height: 331px; margin-bottom: 10px; float: left;}
#about-ngs {background: url(/site/images/bg_aboutngs2.png) no-repeat; width: 710px; _width: 695px; height: 84px; float: left; margin: 89px 0 0 1px; padding: 8px 20px 8px 28px; _padding: 2px 20px 0px 20px; behavior: url("/site/iepngfix.htc");}
#about-ngs h2, #about-ngs p {color: #6e6a54; margin: 0; padding: 0;}
#about-ngs h2 {padding: 0 15px 0 0;}
#about-ngs p {padding: 10px 15px 0 0;}

/* SIDEBAR */
#sidebar {padding: 15px 0 0 0; color: #4a4444;}
.outline {width: 238px; border: 1px solid #e5e2d6; margin-bottom: 7px;position:relative}
.feature-outline {width: 238px; border: 1px solid #cdcab8; margin-bottom: 7px;}
.members-outline {width: 230px; border: 5px solid #d0cbb9;}
.pad-sidetext {padding: 0 14px;}
#sub .pad-sidetext {padding: 0 12px;}
.feature ul li{list-style:none;}

#textsize {margin: 3px; padding-top: 5px; padding-bottom: 5px; background: #f1f0eb; font-size: 12px;}
#textsize p {margin: 0; font-family: georgia;}
#textsize a,#textsize a:hover{border-bottom:none;}

#sub #textsize.pad-sidetext{padding-top: 5px; padding-bottom: 5px; }

div#login table.login{padding-left: 0}
table.login td{font-family:arial,helvetica,sans-serif;font-size:11px;}
#login {margin: 3px; padding: 8px 0 0 0; background: #f8f7ef url(/site/images/bg_login_top.gif) no-repeat top left;}
#login-body {background: url(/site/images/bg_login_body.gif) repeat-y bottom left; padding-bottom: 4px;}

	#login h3 { color: #4a4440; font-size: 18px; border-bottom: 1px dashed #c0c0b8; margin:0px 8px; padding: 0 7px 3px 3px; width: 185px; }

	#login h4 {font-size: 14px; color: #524e4e; font-style: italic; margin-top: 0px; padding: 0 12px 8px 12px; height: 17px; }

	#login p {font-family: georgia; color: #4a4444; margin-top: 0;}

	#btn-login, #btn-logout {float: right;}

	#un-field, #pw-field {float: left; width: 89px; font-size: 12px; font-family: georgia; color: #524e4e; margin: 7px 0 0 13px; padding: 3px; border: 1px solid #c5c3b4;}
	p.pw {padding-top: 8px; *padding-top: 0;}
	a.pw {float: left; margin: 0 0 12px 0; *margin: 0;}
	a.pw:hover { margin: 0 0 11px 0; *margin: 0;}
	#sign-up {border-top: 1px dashed #c0c0b8; margin: 0 8px; padding: 3px 7px 9px 7px; width: 185px;}
.feature {margin: 1px; border: 1px solid #e5e2d6; padding-bottom: 10px;}
.feature h3 {color: #4a4444; font-size: 15px; margin: 15px 0 6px 0; border-bottom: 1px dashed #c0c0b8; padding-bottom: 6px;}
.feature p {margin:0 0 12px 0; color: #524e4e; }
.ref-img {border: 1px solid #e5e2d6; padding: 1px; margin: 0 10px 0 0; width: 70px; height: 88px;}

#membersonly h3 {color: #4a4440; font-size: 18px; border-bottom: 3px solid #ecebe5; width: 185px; padding: 18px 0 6px 0; margin: 0;}
#membersonly ul {font-size: 12px; list-style: none;}
#membersonly ul li {background: url(/site/images/bullet_membersonly.gif) no-repeat 2px 0px; padding-left: 25px;}
#membersonly ul li p {border-bottom: 1px dashed #c0c0b8; padding-bottom: 5px; margin: 0 0 5px 0;}
#membersonly ul li a {border-bottom: none;}

/* BOTTOM HALF */
#bothalf { }
#highlights {background: #ffffff; padding: 1px 0 50px 11px;*padding-top:-8px;}
#highlights h2 {color: #4a4444; background: #e7e5d5; padding: 20px 16px 2px; margin: 0 0 10px 0;}
#highlights p {margin: 0;}
.highlight-img {border: 1px solid #e0ded5; padding: 1px; margin: 0 16px; float: left; width: 225px;}
.highlight-divider {border-bottom: 1px dashed #c4c4be; margin: 23px 49px;}
#highlight-firstimg {border-top: 9px solid #ecebe5; width: 245px; margin: 0 15px 23px 0; *margin-bottom: 0; float: left;}
#highlight-firsttxt {border-top: 9px solid #ecebe5; width: 469px; float: left; margin: 0 0 23px 0; *margin-bottom: 0;}
#highlight1 {padding-bottom: 6px; *padding-bottom: 0;}

/* SUBPAGE */
#subbanner {background: url(/site/images/sub_banner1.jpg) no-repeat; width: 1000px; height: 122px; margin-bottom: 20px;}
#subbanner1 {background: url(/site/images/sub_banner2.jpg) no-repeat; width: 1000px; height: 122px; margin-bottom: 20px;}
#subbanner2 {background: url(/site/images/sub_banner3.jpg) no-repeat; width: 1000px; height: 122px; margin-bottom: 20px;}
#logo_sub {margin-top: -17px; float: left; width: 121px; height: 118px; margin-left: 26px; margin-right: 64px; behavior: url("iepngfix.htc"); z-index: 200; position: relative;}
#subcontainer {background: #ffffff; padding: 10px 10px 50px 10px; margin-bottom: 20px;}
.subhighlight {background: url(/site/images/bg_subhighlight.gif) repeat-y top left; padding-left: 25px;}
.subhighlight a {font-size: 13px;}
#content a {font-size: 13px;}
.subhighlight p {margin-bottom: 20px;}
.captioned {font-family: georgia; font-size: 10px; color: #524e4e; border: 1px solid #e0ded5; padding: 1px;float: left;position:relative; width: 226px; margin: 0 15px 0 0;}
.caption {background: url(/site/images/bg_caption.gif) no-repeat; padding: 12px;}
.credit {color: #b8b6b4; font-style: italic;}
#content a.backtop,#sub p.small{font-size:11px;}
#content .monotype{font-family:'Courier New', Courier, monospace; }

/* LEFTNAV */
#leftnav-container{ border:5px solid #e6e0d0; float:left; position:relative; width:184px; }
.leftnav{ background:#f8f7f5; border:1px solid #ceccbe; float:left; font-family:Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px; position:relative; width:182px; }
.leftnav ul{list-style:none; margin:0px; padding:0px; }

.leftnav ul li a{ border-bottom:1px dashed #c4c4be; color:#504d3d; display:block; font-size:15px; font-style:italic; margin:0px; padding:5px 12px 6px 12px; text-decoration:none; }
.leftnav ul li a:hover,.leftnav ul li a.on{ color:#b75636; }
.leftnav ul li.first{list-style:none; margin:0px; padding:0px; }
.leftnav ul li a.on,.leftnav ul li a.open{background:url(/site/images/bg-lnav-on.gif) no-repeat;color:#b75636;font-style:normal;}
.leftnav ul li.last a{ border-bottom:none;}

.leftnav ul ul{margin:-3px 0px 3px 0px;padding:0px}
.leftnav ul ul li{ background:url(/site/images/bg-lnav-tier2.gif) repeat-y; background-position:bottom; margin-top:0px; }
.leftnav ul ul li.first{list-style:none; margin:0px; padding:0px; }
.leftnav ul ul li a{ font-size:12px; margin:0px 12px; padding:4px 0px 5px 16px; }
.leftnav ul ul li.first a.open{ background:url(/site/images/bg-lnav-tier2-first.gif) repeat-y; background-position:top; margin-top:0px; }
.leftnav ul ul li a.on,.leftnav ul ul li a.open {background:#e9e8e3;}
.leftnav ul ul li.last{ background:url(/site/images/bg-lnav-tier2-last.gif) repeat-y; background-position:bottom; margin-top:0px; }


/* CENTER COL */
#centercol {float: left; padding: 0 20px; width: 506px;}
#centercolfull {float: left; padding: 0 20px; width: 700px;}
#breadcrumbs {font-size: 11px; font-family: georgia; color: #6e6a54; margin-bottom: 15px;}
#breadcrumbs a {font-style: italic; border-bottom: none;}
#content{margin-top:-10px;*margin-top:0px;padding:0px;}
#content table td { color:#4a4444;font-family:arial,helvetica,san-serif;font-size:12px;padding-right:20px;}
.todo { color:#f00; }
#content .small-text{font-size:10px;}

#content table.staffdata {border:1px solid #ccc;border-right:none;border-bottom:none;}
#content table.staffdata th{background:#c6dbc8;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#4c4444;font-family:arial,helvetica,san-serif;font-size:12px;font-weight:bold;text-align:left;padding:3px;white-space:nowrap;}
#content table.staffdata td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-family:arial,helvetica,san-serif;font-size:12px;padding:3px;vertical-align:top;}
#content a img,.feature a img{border:none;}
/* SUB SIDEBAR */
#subsidebar {float: left; width: 240px;}

/* FOOTER */
#footer {text-align: center;}
#footernav {list-style: none; margin: 0; padding: 0;}
#footernav li {background: none; display: inline; margin-right: 30px;}
#footernav li.last {margin-right: 0px;}
#footernav li a {color: #6e6a54; border-bottom: none;}
#footernav li a:hover {color: #074010;}
#footer p {font-family: helvetica, arial, sans-serif; font-size: 11px; color: #8d8872; line-height: 16px;}
#footer p a {font-family: helvetica, arial, sans-serif; border-bottom: none;}

.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}
.no-bot-border {border-bottom: none !important;}
.nobg {background-image: none !important;}
.devnotes{color:#c00;font-family:Arial,Helvetica, sans-serif;font-size:11px;}


/* CAPTIONS
*/

.imgcaption {
  display: table;
  border: 1px solid #EEE; 
  background: #F7F7F7; 
  width: 60px;
  font-size: 90%; 
  font-family: Georgia, Times, serif
}

.imgcaption img {
  border: 1px solid #FFF; 
  margin-bottom: 5px; 
  display: block
}

.imgcaption p {
  font-size: 90%; font-family: Georgia, Times, serif; width: 95%; padding: 0 10px 0 10px
}

#addthis_wrapper{z-index:5000;position:absolute;width:130px;height:30px;top:8px;right:0px;}
.addthis_toolbox{display:inline-block;*display:inline;zoom:1}
.addthis_button{margin-left:8px}
