/* reset */
* { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
/* clearing --------------*/
.x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
* html .x { height: 1%; } 
*:first-child+html .x { min-height: 1px; }
/* -----------------------*/
body  {
	font-size: 62.50%;
	background: #fff;
}
a {
	text-decoration: none;
	color: #363b8c;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
header {
	width: 950px;
	margin: 0 auto;
	background: #409c47;
}
header h2 {
	height: 54px;
	background: url(../img/bg/header-top.png) no-repeat;
	text-indent: -9999px;
}
header #url {
	text-indent: -9999px;
	width: 114px;
	height: 24px;
	margin: -30px 22px 0 0;
	display: block;
	float: right;
}
header h1 {
	width: 950px;
	height: 63px;
}
header h1 a {
	width: 420px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	background: url(../img/logo.png) no-repeat;
	margin: 0 0 0 15px;
}
header hgroup {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	background: url(../img/logo-nlm.png) no-repeat 193px 4px;
	width: 230px;
	height: 42px;
	float: right;
	margin: -58px 24px 0 0;
	word-spacing: 2px;
}
header hgroup h3  {
        color: #f1f1f1;
        height: 32px;
        font-size: 13px;
        padding: 11px 43px 0 0;
        text-align: right;
        display: block;
        line-height: 13px;
}
header hgroup h3  span {
        font-size: 10px;
        display: block;
        text-align: right;
        letter-spacing: 0.03em;
}
header hgroup h3 a {
        color: #f1f1f1;
}
nav {
	background: transparent url(../img/bg/nav.png) no-repeat 0 0;
	width: 950px;
	height: 26px;
	margin: 0 auto -12px;
	padding: 1px 0 12px 0;
	position: relative;
	z-index: 100;
}
nav ul {
	float: right;
	list-style: none;
	padding-right: 3px;
}
nav ul li {
	background: transparent url('../img/bg/nav-divider.png') no-repeat 0 0;
	padding: 0 22px 0 22px;
	display: block;
	float: left;
}
nav ul li.first {
	background: none;
}
nav ul li a {
	color: #dedede;
	font-weight: bold;
	font-size: 13px;
	line-height: 26px;
	display: block;
	float: left;
	height: 26px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
#main {
	/* width: 842px; */
	width: 842px;
	padding: 14px 56px 0 50px;
	margin: 0 auto;
	background: #fefefe url(../img/bg/main.png) repeat-x 0 bottom;
	border: 1px solid #e2e2e2;
	border-top: 0;
	position: relative;
	z-index: 10;
}

#search {
	padding: 53px 0 0 0;
	float: left;
	background: transparent url('../img/bg/search-bg.png') no-repeat 23px 0;
}

#search p {
	font-size: 1.1em;
	line-height: 1.6em;
}
#search p a {
	font-weight: bold;
}
#search input {
	width: 336px;
	height: 18px;
	line-height: 18px;
	padding: 3px 5px 3px 19px;
	color: #333333;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-style: normal;
	background: transparent url('../img/bg/input.png') no-repeat 0 0;
	border: 0;
	float: left;
}
#search button {
	float: left;
	width: 17px; 
	height: 17px;
	border: 0;
	cursor: pointer;
	display: block;
	background: transparent url('../img/btn/go.png') no-repeat 0 0;
	text-indent: -5000px;
	margin: 3px 0 0 3px;
}

#carousel-wrap {
	position: relative;
	float: right;
	height: 100px;
	width: 416px;
	margin-bottom: 25px;
	margin-right: 30px;
}
	
#mycarousel {
                background-color: #FCFCFC;
                /*border: 1px solid #277c2c;*/
                margin-bottom: 25px; 
                height: 100px;
                width: 416px;
                margin-right: 10px;
}


#mycarousel .figure {
	display: block;
	float: left;
	border-right: 1px solid #277c2c;
}
#mycarousel .figure img {
	display: block;
}
#mycarousel .description {
	float: left;
	padding:10px 5px 10px 30px;
	height:70px;
	width:227px;
}

#mycarousel .box h2 {
	/*font-size: 1.2em; 
      line-height: 1.1em;*/
      margin-bottom: 5px;
}

#mycarousel .box a {
      font-family: Verdana;
      font-size: 1.2em;

}
#mycarousel .box p {
                font-size: 1.1em; 
                line-height: 1.43em;
                color: #484848;
} 

.coutnerRow {
	position: absolute; 
	top: 7px; 
	left: 127px;
	width: 40px;
}

.coutnerRow ul li {
	float: left;
	list-style-type:none;
	text-indent: -5000px;
	display:block;
	cursor:pointer;
	width: 17px; 
	height: 17px;
	background: transparent url('../img/btn/slider-buttons.png') no-repeat right 0;
	margin: 0 3px 3px 0;
}
.coutnerRow ul li.active {
	background-position: 0 0;
}
.coutnerRow .buttons {display: none !important;}
#play, #pause {
	text-align: left;
	text-indent: -5000px;
	display:block;
	cursor:pointer;
	width: 17px; 
	height: 17px;
	border: 0;
	position: absolute; top: 67px; left: 147px;
}
#play {
	background: transparent url('../img/btn/slider-buttons.png') no-repeat 0 bottom;
}
#pause {
	background: transparent url('../img/btn/slider-buttons.png') no-repeat right bottom;
}
#tagline {
	padding: 43px 10px 0 20px;
	background: transparent url('../img/bg/divider.png') no-repeat 0 0;
	margin-bottom: 6px;
}
#tagline h2 {
	font-size: 1.1em; 
	line-height: 2.2em;
	color: #277c2c;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	letter-spacing: 0.11em;
	padding-left: 6px;
	text-transform: uppercase;
}
.boxes {
	margin-right: -62px;
}
.boxes li {
	float: left;
	margin: 0 59px 3px 0;
	list-style-type: none;
	width: 241px;
}
.boxes .figure {
	border: 1px solid #277c2c;
	margin: 0 0 5px 0;
	display: block;
}
.boxes .figure img {
	display: block;
}
.boxes h3 {
	color: #363b8c;
	font-size: 1.2em;
	line-height: 1em;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 6px;
}
.boxes h3 a {
	color: #363b8c;
}
.boxes p {
	color: #484848;
	font-size: 1.2em;
	line-height: 1.35em;
	margin-bottom: 20px;
}

#connect {
	padding-bottom: 10px;
}
#connect h2 {
	float: left;
	background-color: #e2e2e2;
	padding: 0 7px 1px 6px;
	height: 25px;
	font-size: 1.1em;
	line-height: 2.3em;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
}
#connect > ul {
	float: left;
	border: 1px solid #e2e2e2;
	border-top: 0;
}
#connect > ul > li {
	display: block;
	float: left;
	padding: 2px 5px 3px 5px;
}
#connect > ul > li > a {
	display: inline-block;
	height: 20px;
	text-decoration: none;
	color: #363b8c;
	font-weight: bold;
	line-height: 20px;
}
#connect > ul > li > a:hover {
	color: #000;
}
#connect > ul > li > a img {
	display: inline-block;
	vertical-align: -29%;
}
#connect > ul > li span {
	display: inline-block;
	height: 20px;
	vertical-align: -10%;
	color: #363b8c;
	font-weight: bold;
	line-height: 20px;
}

footer {
	width: 950px;
	margin: 0 auto 20px auto;
	font-size: 1em;
	line-height: 1.1em;
	padding: 0 0 20px;
}
footer a {
	color: #26689a;
	text-decoration: underline;
}
footer a:hover {
	color: #000;
}
footer .site-info {
	border-bottom: 4px solid #999;
	padding: 0 0 4px 5px;
}
footer .site-info a {
	font-weight: bold;
}
footer .copy {
	padding: 5px 0 0 5px;
}

#skipnav {
        font-size: 1pt;  color: #ffffff; margin:0; padding:0;
}
#skipnav a {
        margin: 0; color: #ffffff; text-align: left; margin: 0;
        }

#skipnav a:hover {
        margin: 0; color: #ffffff; text-align: left; margin: 0;
}
#skipnav a:visited {
        margin: 0; color: #ffffff; text-align: left; margin: 0;
}
.hidden {
    display: none;
}