* { padding: 0; margin: 0; outline: 0; }

body { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #204960;
	text-align: left;
	background: #3b96ec url(images/body-bg.gif) repeat-x 0 0;
	padding-bottom:15px;
}

input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { overflow: hidden; } 

a { color: #204960; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: underline; color: #3FA8D7; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 0; }

.ar { text-align: right; display: block; }
.al { text-align: left; display: block; }
.ac { text-align: center; display: block;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px; }

#shell { width: 1000px; margin-left: auto; margin-right:auto;}

h1 { font-size: 18px; line-height: 25px; font-weight: normal; padding-bottom: 10px; }

#main { position: relative;}

#sidebar { width: 350px; position: absolute; height: 300px; z-index: 20; left: 0; }

h1#logo { width: 350px; position: absolute; top: 0; left: 0; }
h1#logo a { display: block; background: url(images/logo.png) no-repeat 0 0; width: 350px; height: 126px; } 

#main-cnt { width: 701px; position: relative; z-index: 1; margin-left: 298px; }

#navigation { height: 61px; padding-left: 350px; position: relative; z-index: 35; }
#navigation ul { list-style-type: none; height: 61px; width: 652px; }
#navigation ul li { float: left; display: inline; }
#navigation ul li.last { background: url(images/nav-right.png) no-repeat 0 0; width: 48px; height: 61px; position: relative; }
#navigation ul li a { float: left; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/navigation.png) no-repeat 0 0; height: 61px; width: 99px; border-right: 1px solid #fff; }
#navigation ul li.home a { background-position: 0 0; }
#navigation ul li.home a:hover { background-position: 0 -61px; }
#navigation ul li.home a.active { background-position: 0 bottom; }
#navigation ul li.bio a { background-position: -100px 0; }
#navigation ul li.bio a:hover { background-position: -100px -61px; }
#navigation ul li.bio a.active { background-position: -100px bottom; }
#navigation ul li.nutritionist-approved a { background-position: -200px 0; }
#navigation ul li.nutritionist-approved a:hover { background-position: -200px -61px; }
#navigation ul li.nutritionist-approved a.active { background-position: -200px bottom; }
#navigation ul li.eat a { background-position: -300px 0; }
#navigation ul li.eat a:hover { background-position: -300px -61px; }
#navigation ul li.eat a.active { background-position: -300px bottom; }
#navigation ul li.npr a { background-position: -400px 0; }
#navigation ul li.npr a:hover { background-position: -400px -61px; }
#navigation ul li.npr a.active { background-position: -400px bottom; }
#navigation ul li.publications a { background-position: -500px 0; }
#navigation ul li.publications a:hover { background-position: -500px -61px; }
#navigation ul li.publications a.active { background-position: -500px bottom; }

#content-top { background: url(images/cnt-top.png) no-repeat 0 0; height: 12px; width: 701px; font-size: 0; line-height: 0; text-indent: -4000px; }
#content-bottom { background: url(images/cnt-bottom.png) no-repeat 0 0; height: 53px; width: 701px; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; margin-bottom: -20px; z-index: 1}

#content { height: 100%; background: url(images/cnt-bg.png) repeat-y 0 0; width: 550px; padding: 20px 65px 30px 86px; }
#content h3 { font-size: 14px; line-height: 18px; }
#content p { padding-bottom: 12px; }
#content ul { padding: 4px 0 20px 20px; }
#content ul li { padding-bottom: 6px; }

.boxes-holder { padding-top: 25px; position: relative; margin: 0 -11px; }
.boxes-holder h2 { font-size: 20px; line-height: 27px; padding: 0 0 5px 10px;  }

.box { float: left; display: inline; width: 281px; background: url(images/box-cnt.gif) repeat-y 0 0; }
.box-top { width: 281px; background: url(images/box-top.gif) no-repeat 0 0; }
.box-bottom { background: url(images/box-bottom.gif) no-repeat 0 bottom; padding: 13px 26px 13px 20px; min-height: 216px; }
.box-bottom p { padding-bottom: 0 !important; }
.box-bottom .grey-btn span { text-transform: uppercase; font-size: 11px !important; font-weight: bold; }

.grey-btn span,
.grey-btn { float: left; display: inline; background: url(images/btn.gif) no-repeat 0 0; font-size: 14px; line-height: 37px; color: #fff; text-decoration: none; height: 40px; }
.grey-btn { padding-left: 32px; position: relative; margin-left: -11px; }
.grey-btn span { background-position: right 0; padding-right: 20px; }
.grey-btn:hover { background-position: 0 bottom; }
.grey-btn:hover span { background-position: right bottom; }

.inner-logo { padding-bottom: 25px; }

.radio-box { padding-bottom: 30px; }
.radio-box p { padding-bottom: 2px !important; }
.radio-box .inner-logo { padding-bottom: 10px; }
.radio-box h1 { padding-bottom: 5px !important; }

.book-row { padding-top: 6px; }
.book-img { float: left; display: inline; padding: 10px 28px 0 0; }
.book-info { float: left; display: inline; width: 400px; padding-top: 7px; }

.credits-list { font-size: 14px; line-height: 18px; }
.credits-list a { text-decoration: none; }
.credits-list a:hover { text-decoration: underline; }

.book-row { padding-bottom: 15px; }

.book-info h1 { font-size: 22px; line-height: 30px; padding-bottom: 0; }
.book-info p { padding-bottom: 8px !important; }
.book-info p.book-date { font-size: 13px; line-height: 17px; }

#content .last { padding-bottom: 0; }

.yellow-btn span,
.yellow-btn { float: left; display: inline; background: url(images/yellow-btn.gif) no-repeat 0 0; font-size: 11px; line-height: 31px; text-decoration: none; height: 31px; color: #204960; }
.yellow-btn { padding-left: 33px; position: relative; margin-left: -6px; }
.yellow-btn span { background-position: right 0; padding-right: 10px; }
.yellow-btn:hover { background-position: 0 bottom; text-decoration: none; color: #204960; }
.yellow-btn:hover span { background-position: right bottom; }

#footer { text-align: right; padding-right: 45px; color: #8ED1E1; position: relative; z-index: 20; }
#footer a { color: #8ED1E1; }

.eat-page h1 { line-height: 30px; }
.eat-page p { font-size: 14px; line-height: 22px; }

.eat-logo { padding-bottom: 13px; padding-top: 9px; text-align: center}

.eat-aplications { list-style-type: none; padding-left: 0 !important; margin: 7px 0 0 -7px; position: relative; }
.eat-aplications li { float: left; display: inline; width: 100px; margin: 0 24px 22px 0; height: 150px; }
.eat-aplications li .aplication-img { padding-bottom: 5px; height: 95px; }
.eat-aplications li .aplication-img img { border: 2px solid #CBCBCB; }
.eat-aplications li .aplication-info { padding-left: 3px; }
.eat-aplications li .aplication-info h2 { font-size: 12px; line-height: 14px; color: #94BA3D; padding-bottom: 5px; }
.eat-aplications li .aplication-info h2 a { font-size: 12px; line-height: 14px; color: #94BA3D; text-decoration: none; }
.eat-aplications li .aplication-info h2 a:hover { text-decoration: underline; }
.eat-aplications li .aplication-info p { font-size: 9px; line-height: 10px; color: #808080; padding-bottom: 0px !important; }
.eat-aplications li .aplication-info .green-btn { padding-bottom: 0 !important; }
.eat-aplications li .aplication-info .green-btn a,
.eat-aplications li .aplication-info .date-btn { display: block; height: 16px; font-size:9px; line-height: 16px; color: #fff; text-decoration: none;  font-weight: bold; background-repeat: 0 0; background-position: 0 0; }
.eat-aplications li .aplication-info .green-btn a { padding-left: 20px; background-image: url(images/green-btn.gif); width: 35px; text-transform: uppercase; }
.eat-aplications li .aplication-info .date-btn { background-image: url(images/date-btn.gif); width: 60px; text-align: center; padding-bottom: 0 !important; }

.bio-page p { padding-bottom: 20px !important; }

.na-page { padding-top: 17px !important; padding-bottom: 78px !important; }

.npr-page { padding-top: 14px !important; padding-left: 83px !important; }

.publications-page { padding-left: 99px !important; }