/* ---------------------------------------

Client:  American Society for Nutrition
Version: 1.0
Author: Rock Creek Strategic Marketing
Website: http://www.rockcreeksm.com

Colors:
Blue: #2f72b6;
Green: #6fa500;
Text Grey: #666666


------------------------------------------*/


/* Normalizing Styles
-----------------------------------------------------------------------------*/
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* { margin:0; padding:0; outline:0;}
img {border:0;}
:focus { outline: 0; }
a img {border: none !important;}

#content iframe {width: 400px !important;} /* google */

/* Global Styles
-----------------------------------------------------------------------------*/

body {
	font-size: .7em;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	color:#444;
	line-height: 160%;
	text-align:center;
	background: #fff;
}
p{
	margin: 0 0 1.2em 0;
	padding: 0;
	}

a, a:link {
	color: #6fa500;
	text-decoration:none;
}
a:hover {
	border-bottom:1px solid #bbb;
}

a:hover.noborder {
	border-bottom:none;
}

a.arrow-on {
	padding-bottom: 1px;
	padding-right: 15px;
	font-weight:bold;
	background: url(../images/arrow-green.gif) right 40% no-repeat;
}

hr {margin: 8px 0; background: #ccc; border: none; width: 100%; height: 1px;}

.clear {
    clear:both;
}

.right {
	float:right;
}

.left {
	float:left;
}

.hidden {
	display: none;
}

.nobreak {
	white-space:nowrap;
}
p.nopad {
	padding-top: 0;
	}
dd.padtop{
	margin-top: 2em;
	}
.pic1 {
	padding: 3px;
	border: 1px solid #ddd;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	background: #FFF;
	}
.pic2 {
	border: 1px solid #ddd;
	border: 1px solid #ddd;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	background: #FFF;
	}
#wrap {background:#fff url(../images/bg.gif) top left repeat-x;}

#container {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	padding:0 40px;
	background:#fff url(../images/bg-container.jpg) top left no-repeat;
}



/* Branding
-----------------------------------------------------------------------------*/

#branding {
	position:relative;
	height:106px;
	margin-bottom:7px;
}
#branding h1 {
	position: absolute;
	top: 5px;
	margin: 0;
	width: 409px;
	background: url(../images/logo.png) no-repeat;
	}
#branding h1 a {
	display: block;
	height: 103px;
	background: url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	}
#branding h1 a:hover {
	border-bottom: 0;
	}
#uNav {
	position:absolute;
	top:8px;
	right:0px;
}
#uNav a {
	margin:0 3px;
	color:#2f72b6;
}

#search {
	position: absolute;
	top: 35px;
	right: 0px;
}

input.searchbox {
	width: 233px;
	border-width: 1px;
	border-style: solid;
	border-color: #888 #DBDBDB #DBDBDB #888;
	/*background: #fff url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) no-repeat scroll left center;*/
	}
/*
input.searchbox:focus {
	background: white !important;
    background-image: none !important;
}*/

input.searchbtn {
	vertical-align: top;
	margin-left: 3px;
	}

#login	{
    position: absolute;
	top: 60px;
	left: 480px;
	width: 280px;
}
#login {text-align: right !important;}
#login a:hover {border: none;}
.loginbtn {vertical-align: top;}

input.login {
	border-width: 1px;
	border-style: solid;
	border-color: #888 #DBDBDB #DBDBDB #888;
	width: 112px;
}
span.space {margin-left: 5px;}
span.space-wider {margin-left: 6px;}

#forgot-pass {
	float: right;
}

#forgot-pass a {
	color:#2f72b6;
}

/* Nav
-----------------------------------------------------------------------------*/
ul#nav {
  list-style: none;
  margin-bottom: 15px;
}
#nav li {
  float: left;
  display: block;
  margin: 0;
}
#nav a {
  display: block;
  height: 29px;
  text-decoration: none;
}
#nav li#nav-about a {
  width: 81px;
  background: url("../images/nav-about.gif");
}
#nav li#nav-contribute a {
  width: 80px;
  background: url("../images/nav-contribute.gif");
}
#nav li#nav-education a {
  width: 155px;
  background: url("../images/nav-education.gif");
}
#nav li#nav-meetings a {
  width: 71px;
  background: url("../images/nav-meetings.gif");
}
#nav li#nav-members a {
  width: 91px;
  background: url("../images/nav-members.gif");
}
#nav li#nav-news a {
  width: 57px;
  background: url("../images/nav-news.gif");
}
#nav li#nav-jobs a {
  width: 51px;
  background: url("../images/nav-jobs.gif");
}
#nav li#nav-pubaffairs a {
  width: 90px;
  background: url("../images/nav-pubaffairs.gif");
}
#nav li#nav-publications a {
  width: 83px;
  background: url("../images/nav-publications.gif");
}
#nav li#nav-about a:hover,
#nav li#nav-contribute a:hover,
#nav li#nav-education a:hover,
#nav li#nav-jobs a:hover,
#nav li#nav-meetings a:hover,
#nav li#nav-members a:hover,
#nav li#nav-news a:hover,
#nav li#nav-pubaffairs a:hover,
#nav li#nav-publications a:hover,
#nav li#nav-about a.on,
#nav li#nav-contribute a.on,
#nav li#nav-education a.on,
#nav li#nav-jobs a.on,
#nav li#nav-meetings a.on,
#nav li#nav-members a.on,
#nav li#nav-news a.on,
#nav li#nav-pubaffairs a.on,
#nav li#nav-publications a.on {
  background-position: 0 -29px;
  border:none;
}

#nav span {
	display:none;
}

/* Intro
-----------------------------------------------------------------------------*/

#intro {
	clear:both;
	position: relative;
	width: 760px;
	height: 88px;
	background: url(../images/intro-home.gif) no-repeat;
	}

#intro h2 {
	position: absolute;
	top: 18px;
	left: 20px;
	width:426px;
	height:17px;
	margin: 0;
	color: #FFF;
	text-indent: -9000px;
	}
	#home #intro h2 {
		width: 331px;
		height: 40px;
		background: url(../images/t-home.gif) no-repeat;
		}
	#about #intro h2 {
		background: url(../images/t-about.gif) no-repeat;
		}
	#members #intro h2 {
		background: url(../images/t-members.gif) no-repeat;
		}
	#publications #intro h2 {
		background: url(../images/t-publications.gif) no-repeat;
		}
	#pubaffairs #intro h2 {
		background: url(../images/t-pubaffairs.gif) no-repeat;
		}
	#education #intro h2 {
		background: url(../images/t-education.gif) no-repeat;
		}
	#meetings #intro h2 {
		background: url(../images/t-meetings.gif) no-repeat;
		}
	#news #intro h2 {
		background: url(../images/t-news.gif) no-repeat;
		}
	#contribute #intro h2 {
		background: url(../images/t-contribute.gif) no-repeat;
		}
#intro h3 {
	position: absolute;
	top: 41px;
	left: 20px;
	margin: 0;
	width: 426px;
	color: #cadff3;
	font-family:Georgia, Times, serif;
	font-size:17px;
	letter-spacing:1px;
	font-weight:normal;
	}
#picframe {
	position: absolute;
	top: -12px;
	right: 16px;
	width: 279px;
	height: 225px;
	background: url(../images/picframe-interior.gif) no-repeat;
	}
	#home #picframe {
		width: 350px;
		height: 280px;
		background: url(../images/picframe-home.gif) no-repeat;
		}
#picframe #slideshow {
	position: absolute;
	top: 12px;
	left: 13px;
	}
	#home #picframe #slideshow {
	position: absolute;
	top: 13px;
	left: 15px;
	}
#intro-text {
	margin: 5px 0 15px 20px;
	width: 346px;
    min-height: 162px;
	color: #666;
	}
#intro-text strong {
	color: #444;
	}


/* FocusZones
-----------------------------------------------------------------------------*/

#zones {
	position: relative;
	width: 760px;
	height: 139px;
	margin-bottom:15px;
	background: url(../images/zones.gif) no-repeat;
	}
#zones div {
	position: absolute;
	width: 225px;
	top: 43px;
	height: 68px;
    /*overflow: hidden; */
}
#zones div a {
	display: block;
	text-align: center;
	padding-top: 71px;
	font-weight: bold;
	color: #444;
}

#zones-one {
	left: 20px;
}

#zones-two {
	left: 265px;
}

#zones-three {
	left: 511px;
}

#zones-one a:hover, #zones-two a:hover, #zones-three a:hover {
    border: none;
    text-decoration: underline;
}

/* Global Content
-----------------------------------------------------------------------------*/

#content-wrapper {
	padding-bottom:15px;
	background: url(../images/faux-columns.jpg) 70px repeat-y;
	float:left;
	}
.no-bg {background: transparent !important;}
	#home #content-wrapper {
	padding-bottom:22px;
	background: url(../images/faux-columns.jpg) 50% repeat-y;
	float:none;
	}
#content-wrapper dl {
	float:left;
	margin-bottom: 20px;
	padding:0;
	display:inline;
	}
#content-wrapper dl dd {
	margin: .2em 0 0;
	padding:0;
	}
#content-wrapper dl dd.img {
	margin: 0;
	padding:0;
	}
#content-wrapper dl dd.img img {
	float: left;
	margin-right: 12px;
	}
p#back {
	padding:0;
	margin:0;
	margin-top:2em;
	padding-top:.3em;
	border-top:1px solid #e0e0e0;
	text-align:right;
}
p#back a{
	padding-left:12px;
	background: url(../images/arrow-up.gif) 0 60% no-repeat;
	border:0;
	color:#6fa500;
}
p#back a:hover{
	border-bottom:1px solid #6fa500;
}


/* Interior Page Content
-----------------------------------------------------------------------------*/

#content {
	display:inline;
	float:left;
	margin:15px 30px 0 20px;
	width:398px;
    overflow: hidden;
	}

#content h1, #content h2 {
	font: normal 1.85em Georgia, serif;
	line-height: 120%;
	color: #444;
	}
#login-page h2 {font: bold 2em helvetica, verdana, arial, sans-serif; margin-top: .5em; margin-bottom: 1em;}
#content h3 {
	margin-bottom:12px;
	padding-bottom:13px;
	font: normal 1.65em Georgia, serif;
	font-style: italic;
	line-height: 120%;
	color: #3f89c7;
	border-bottom: 1px solid #ccc;
	}
#content h4, #content legend, #content dt {
	font: normal 1.5em Georgia, serif;
	line-height: 120%;
	color: #444;
    margin-bottom: 6px;
	}

#content h5 {
	font: bold 1.2em Georgia, serif;
	line-height: 120%;
	color: #444;
	}

#content h6 {
	font: bold 1em Georgia, serif;
	line-height: 120%;
	color: #444;
	}

#content a {
	color: #2f72b6;
	text-decoration: none;
	border-bottom: 1px dotted #2f72b6;
	}

#content a:hover {
	border-bottom: 1px solid #2f72b6;
	}

/* IMAGE & TEXT */
#content dl {
	float:none;
	margin-bottom: 15px;
	padding:0;
	clear:left;
	display:inline;
	}
#content dl dd {
	margin: 0 0 .9em 0;
	padding:0;
	}
#content dl dd.img {
	margin: 0;
	padding:0;
	}
#content dl dd.img img {
	float: left;
	margin-right: 12px;
	}

/* FORMS */
#content fieldset {
	background-color:#f5f5f5;
	border: 1px solid #e4e4e4;
	border-bottom-color:#ddd;
	border-right-color:#ddd;
	padding: 15px 15px 15px 15px;
}
#content table {
	margin-top:15px;
}
#content legend {
	line-height:1em;
}

#content fieldset label {font-size: 11px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; /*font-weight: bold;*/}

#content fieldset p {margin-bottom: 0;}

#content table th {
	font-weight:normal;
	text-align:left;
	/*padding-left:8px;
	padding:.2em 8px .2em 8px;*/
	}
#content th.req {
	background: url(../images/asterisk.gif) 0 50% no-repeat;
	}
#content fieldset dl input, #content fieldset dl select {
	width:230px;
	font-size: .9em;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	color:#666;
	background:#fff;
	border: 1px solid #e4e4e4;
	border-bottom-color:#ddd;
	border-right-color:#ddd;
	padding:2px;
}

#content fieldset input {
    padding:2px;
}

#content table input.radio {
	width:auto;
	border:0;
	background:none;
	padding:0;
}
#content table input.form-zip {
	width:auto;
}
#content table input.form-ini {
	width:auto;
}
#content table select {
	width:auto;
}

#content blockquote {margin: 1.2em 0 1.2em 1.5em;}
#content ul, #login-page ul {list-style: disc; margin: .5em 0 .5em 1.7em;}
#content ol, #login-page ol {list-style-type: decimal; margin: .5em 0 .5em 2.1em;}

/* Sidenav
-----------------------------------------------------------------------------*/

#sidebar {
	display:inline;
	float:right;
	width:311px;
	padding-top:145px;
	background: url(../images/sidebar-top.gif) no-repeat;
	}
#sidebar p {
	padding:20px 20px;
}

#sidebar ul#sidenav	{
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #E7E7E7;
	}
#sidebar ul#sidenav li {
	padding: 3px 20px 3px 21px;
	border-bottom: 1px solid #E7E7E7;
	}

#sidebar ul#sidenav ul {
	margin: .2em 0 0;
	padding: 0;
	list-style: none;
	}
#sidebar ul#sidenav ul li {
	border-bottom: 0;
	padding:3px 0px 3px 15px;
	}
#sidebar ul#sidenav ul li.selected {
	background: url(../images/bullet-arrow.gif) 0 50% no-repeat;
	}

#sidebar ul#sidenav ul a {
	color: #444;
	font-weight:normal;
	}
#sidenav li.side-on {
	background: url(../images/side-on-shaded.gif) repeat-y;
	}

#sidenav li.side-on a{
	color:#444;
	font-weight:bold;
	}

.sidenav-hide {
	display: none;
	}


/* Homepage Content
-----------------------------------------------------------------------------*/

/* left content */
#publications {
	display:inline;
	float:left;
	margin:0 20px;
	width:339px;
	}
#publications h3 {
	margin: 10px 0 18px;
	height: 14px;
	background: url(../images/h-publications.gif) no-repeat;
	text-indent: -9000px;
	}

/* right content */
#news {
	padding:0 20px;
	float:right;
	width:341px;
	background: url(../images/sidebar-top.gif) no-repeat;
	}
#news h3 {
	margin: 10px 0 18px;
	height: 14px;
	background: url(../images/h-news.gif) no-repeat;
	text-indent: -9000px;
	}

#news h5 {
    clear: left;
	}

#news ul {
	clear:left;
	padding-top: 10px;
	margin-bottom:5px;
	border-top: 1px solid #ccc;
	padding-left: 17px;
	line-height: 140%;
	list-style-image: url(../images/bullet.gif);
	}
#news ul li {
	margin-top: .5em;
	}


/* Footer
-----------------------------------------------------------------------------*/

#footer {
	clear:both;
	padding-bottom:15px;
	}

#footer-contact {
	text-align:center;
	padding:3px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

#footer-nav {
	text-align:center;
	margin:8px 10px;
}
#footer-nav a {
	margin:0 3px;
	color:#2f72b6;
}

#footer-copyright {
	text-align:center;
}


/* Float Clearing
See http://www.positioniseverything.net/easyclearing.html
-----------------------------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* sIFR */
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced > div {display: none !important;}

/* error messaging */

#login-error {margin: 0; padding: .5em 0; text-align: center; font-size: 110%; font-weight: bold; background: #FFDFDF; color: darkred; border: 1px solid darkred; font-family: arial, helvetica, sans-serif;}

#error {margin: 1.2em 0; padding: .25em 0; background: #FFDFDF; color: #cc0000; border: 1px solid #EFA4A4; font-family: arial, helvetica, sans-serif;}
#error ul {margin: 0; padding: .25em 2em; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4; font-family: arial, helvetica, sans-serif;}
#action ul {margin: 0; padding: .25em 2em; font-weight: bold;}


/* blog */
.author, .auth {margin: 0 0 1em 0; font-weight: bold;}
#comments {clear: both; margin: 1.2em 0; padding: 1.2em 0; border-top: 1px solid #ccc;}
#comments hr {display: none;}
#comments .comment-postline {margin-bottom: .25em;}
#comments .commentby {color: #000;}
.comment-body {margin-bottom: 1.2em; padding: 1.2em 0; border-bottom: 1px solid #ccc;}
.comments-link {margin-bottom: 2.4em; color: #777;} /* margin for post spacing */
.captcha-msg {font-size: 90%; color: #999; padding: 0;}
.share-it {margin: .5em 0;}
.share-it-links a {border: 0 !important;}



.temp-blog hr {visibil/ity: hidden; background: #E7E7E7;}

/* tables */
table.table {margin: 0 0 1.2em 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; /*font-size: 88%;*/}
table.table caption {padding: .25em; text-align: left; background: #ffffcc; border-top: 1px solid gold; border-right: 1px solid gold; border-left: 1px solid gold; line-height: 1.2em;}
table.table th {padding: .25em; text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f1f1f1; font-weight: bold !important; /*line-height: 1.5;*/}
table.table tr.grey {background: #f1f1f1;}
table.table td {padding: .25em; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
table.table td.center {text-align: center;}
table.table td ul {margin: .25em; padding: 0;}
table.table td li {margin: 0 0 .5em 0; list-style: none;}
table.table td li span {font-size: 80%; display: block;}
table.table p {margin-bottom: .4em;}
table.table tr:hover {background: lightyellow;}

.green {color: forestgreen !important;}