@charset "UTF-8";
/* CSS Document */


/*
*
General
*
**/

body {font-size:14px; 
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif; color:#666;}

a {text-decoration:none; color:#34709f; font-weight:bold;}
a span {text-decoration:none; color:#00a5d8; text-transform:uppercase;}
h1, h2, h3, h4, h5 {color:#34709f;}
h1 span, h2 span, h3 span, h4 span, h5 span {color:#00a5d8;}

hgroup, footer {background:#34709f; color:#fff}
.p-left {float:left;margin-top: 5px;}
.p-right {float:right;margin-top: 5px; text-align: right;}
.container {width:1055px; margin:0px auto;}
header { color:#34709f;}
header span {text-transform:uppercase; color:#00a5d8;}

/*
*
Header
*
**/
hgroup {height:31px; clear:both; font-size:13px; font-weight: bold;}
.pengroup {float:right; width: 427px; margin-right:-12px;}
.penlines {float:left; width: 363px;}


/*
*
navigation
*
**/
aside {width:280px; float:left; clear:both;}
nav ul { padding:0px; margin:0px; list-style: none;}

nav ul li {
	font-size:15px;
	border:1px solid #34709f;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom:10px;
}

nav ul li.li-home {background:url(../img/sprite-sheet.png) 0px -611px no-repeat}
nav ul li.li-home:hover {background-position: -3px -614px;}

nav ul li.li-featured {background:url(../img/sprite-sheet.png) 0px -680px no-repeat}
nav ul li.li-featured:hover {background-position: -3px -683px;}

nav ul li.li-news {background:url(../img/sprite-sheet.png) 0px -412px no-repeat}
nav ul li.li-news:hover {background-position: -3px -415px;}

nav ul li.li-core {background:url(../img/sprite-sheet.png) 0px -474px no-repeat}
nav ul li.li-core:hover {background-position: -3px -477px;}

nav ul li.li-editors {background:url(../img/sprite-sheet.png) -2px -353px no-repeat}
nav ul li.li-editors:hover {background-position: -5px -356px;}

nav ul li.li-hot {background:url(../img/sprite-sheet.png) 0px -169px no-repeat}
nav ul li.li-hot:hover {background-position: -3px -172px;}

nav ul li.li-members {background:url(../img/sprite-sheet.png) 0px -14px no-repeat}
nav ul li.li-members:hover {background-position: -3px -17px;}

nav ul li.li-elevator {background:url(../img/sprite-sheet.png) 0px -741px no-repeat}
nav ul li.li-elevator:hover {background-position: -3px -744px;}

nav ul li.li-education {background:url(../img/sprite-sheet.png) 1px -226px no-repeat}
nav ul li.li-education:hover {background-position: -2px -229px;}

nav ul li.li-chairman {background:url(../img/sprite-sheet.png) 1px -284px no-repeat}
nav ul li.li-chairman:hover {background-position: -2px -287px;}

nav ul li.li-committee {background:url(../img/sprite-sheet.png) 0px -539px no-repeat}
nav ul li.li-committee:hover {background-position: -3px -542px;}

nav ul li.li-diary {background:url(../img/sprite-sheet.png) 4px -115px no-repeat}
nav ul li.li-diary:hover {background-position: 1px -118px;}

nav ul li.li-contact {background:url(../img/sprite-sheet.png) 6px -65px no-repeat}
nav ul li.li-contact:hover {background-position: 3px -68px;}






nav ul li:hover {border-width:4px; background-position: 12px -2px; background-color:#e2eef5;}
nav ul li:hover a {	padding:8px 0px 5px 71px;}

nav ul li a {
	display:block;
	padding:11px 0px 8px 74px;
}

/*
*
featured article 
*
**/
#feature_article {
	border: 1px solid #34709f;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px;
	width: 712px;
	margin-left: 300px;
	margin-top: 20px;
	padding: 20px;
	min-height: 364px;
	height: 364px;
	position: relative;
	background-position:center;
}


#feature_article:hover {border-width:4px;padding:17px;background-position:center; cursor: pointer}

#feature_article header h1 {font-size:15px; background:url(../img/feature_article_h1.png) 0px -3px no-repeat; no-repeat; margin:0px; padding:10px 0px 10px 43px;}
#feature_article h1 {font-size:17px;}
#feature_article article section {position: absolute; bottom: 10px; left: 20px; width:350px;}
#feature_article:hover article section  {position: absolute; bottom: 7px; left: 17px;}
/*
*
article thirds
*
**/

#article-thirds {clear:both; padding-top:10px;}
#article-thirds article {
	width:316px;
	margin-right:20px;
	float:left;
	border:1px solid #34709f;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom:10px;
	padding:10px;
	height:220px;
	background-position:center;
	cursor: pointer
}

#article-thirds article:hover {border-width:4px;padding:7px}
#article-thirds #article_3 {margin-right:0px;}
#article-thirds header h1 {font-size:15px; background:url(../img/feature_article_h1.png) 0px -3px no-repeat; no-repeat; margin:0px; padding:10px 0px 10px 43px;}
.end-article-thirds {clear:both;}
/*
*
Footer
*
**/

footer {clear:both; margin-top:10px;}
footer .container {background:url(../img/nutricia-bg.png) 0px center no-repeat; height:75px;}
footer a {font-size:20px; font-weight: bold; color:#84d2f0;}
footer .p-left {padding-top: 24px;
font-size: 12px;
padding-left: 87px;}

footer .p-right  {font-size: 10px; padding-top:5px;}
/*
*
ISSUES
*
**/

#issue_article {
	border: 1px solid #34709f;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px;
	width: 712px;
	margin-left: 300px;
	margin-top: 20px;
	padding: 20px;
	position: relative;
	background-position:center;
	line-height:1.5;
}


#issue_article header h1 {font-size:15px; background:url(../img/issue_article_h1.png) 0px 27px no-repeat; no-repeat; margin:0px; padding:0px 0px 20px 0px;}
#issue_article h1 {font-size:17px;}
#issue_article article section {}

	/* =tables
	-------------------------------------------------------------- */
	
	table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef;  }
	th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
	td{ padding:10px 15px; border-top:1px solid #efefef; }
	tr.alt{ background-color:#f5f5f5; }
	
		/* =accordion
		-----------------------------------------------------------------------------------------------*/
		
		.accordion { list-style-type: none;   }
		.accordion li { float: left; display: block; width:100%; border-top:1px solid #f0f0f0; margin-bottom:0;   }
		.accordion li.current>a { background: url(../img/bg-accordion.png) no-repeat left 14px; color:#555;  }
		.accordion li.last{ border-bottom:1px solid #f0f0f0;}
		.accordion li:hover{ background-color:#f9f9f9; }
		.accordion li.current{ background-color:#f9f9f9; }
		.accordion li div { padding:0px 30px; background-color:#f9f9f9; }
		.accordion li >a{ text-decoration: none; display: block; cursor: pointer; background: url(../img/bg-accordion.png) no-repeat left -46px; 
						padding:13px 0px 13px 30px; }	


		/* =tabs
		-----------------------------------------------------------------------------------------------*/
		
		.tabs-menu{ margin-bottom:0; list-style:none; border-bottom:1px solid #efefef; }
		.tabs-menu li{ display:inline; }
		.tabs-menu li a{ float:left; padding:10px 20px; display:block; margin-bottom:-1px;  }
		.tabs-menu li.current a{  border:1px solid #efefef; border-bottom-color:#f9f9f9;  color:#666; background-color:#f9f9f9; }
		.tabs-content{ padding-top:25px; padding-bottom:25px; background-color:#f9f9f9;  padding-left: 20px; padding-right:20px;}



	/* =text-elements
	-------------------------------------------------------------- */
	
	a img{ border:none; }
		
	em{ font-style: italic; }
						
	ul{ list-style-type:circle; }
	ul.checklist{ list-style-image:url(../img/bg-checklist.png); }
	
	ol{ list-style-type:decimal; }
	
	blockquote{ padding:1px 20px 5px 60px; line-height:24px; background: url(../img/bg-blockquote.png) no-repeat top left; color:#999999; }
	blockquote span{ color:#666666; }
	
		.blockquote-left{ width:200px; float:left; }
		.blockquote-right{ width:200px; float:right; }					 
				 
	pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

	/* due to IE <HR> margin bugs I had to made a class and apply it to a div to achieve the effect of a <HR> */
	hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
	
	.hr{ border-top:1px solid #efefef; margin:30px 0; }
	
	
	/* =default-classes
	-------------------------------------------------------------- */
	
	.img-align-left{ margin:5px 10px 0 0; float:left; }
	.img-align-right{ margin:5px 0 0 10px; float:right; }
	
	.text-right{ text-align:right; }
	.text-center{ text-align:center; }
	

	.bordered{ padding:20px; border:1px solid #efefef; }
	
	
		/* =message boxes
	-------------------------------------------------------------- */

	.redmsg, .greenmsg, .bluesg, .yellowmsg{ padding:10px 20px 10px 20px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
	
	.redmsg{ border-color:#fbc2c4; background:#fbe3e4; color:#8a1f11; }
	.redmsg a{ color:#8a1f11; }
	.greenmsg{ border-color:#c6d880; background:#e6efc2; color:#264409; }
	.greenmsg a{ color:#264409; }
	.bluesg{ border-color:#92cae4; background:#d5edf8; color:#205791; }
	.bluesg a{ color:#205791; }
	.yellowmsg{ border-color:#ffd324; background:#fff6bf; color:#514721; }
	.yellowmsg a{ color:#514721; }
	

	
		/* =Text highlights
	-------------------------------------------------------------- */
	.text-highlight{ padding:2px 5px; background-color:#D5EDF8; color:#111111; }
	.text-highlight2{ padding:2px 5px; background-color:#FFF6BF; color:#111111; }


	/* =grid
	-------------------------------------------------------------- */

	/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
	.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.fixed{display:block;}
		/*  \*/
		.fixed{min-height:1%;}
		* html .fixed{height:1%;}
			
	.row{}
		
		.col145{ width:145px; float:left; margin-right:20px; }
		.col180{ width:180px; float:left; margin-right:20px; }
		.col205{ width:205px; float:left; margin-right:20px; }
		.col280{ width:280px; float:left; margin-right:20px; }
		.col430{ width:430px; float:left; margin-right:20px; }
		.col580{ width:580px; float:left; margin-right:20px; }
		.col655{ width:655px; float:left; margin-right:20px; }

		.last{ margin-right:0px; }
		.clear{ clear:both; }
		
		ul.accordion  {padding-left: 0px;}
		
		.signform {color: #34709f; font-size:12px;}
		#response {color:#900; font-style:italic;}


section li, section ol li {padding-left:20px; padding-bottom: 10px;}

#article-thirds #article_1 h1 {font-size:15px; background:url(../img/sprite-sheet.png) -5px -412px no-repeat; no-repeat; margin:0px; padding:10px 0px 10px 51px;}
#article-thirds #article_2 h1 {font-size:15px; background:url(../img/sprite-sheet.png) -5px -475px no-repeat; no-repeat; margin:0px; padding:10px 0px 10px 51px;}
#article-thirds #article_3 h1 {font-size:15px; background:url(../img/sprite-sheet.png) -5px -355px no-repeat; no-repeat; margin:0px; padding:10px 0px 10px 51px;}