

/* -- layout -----------------------------------*/
body     { font-family:Arial, Helvetica, sans-serif; background:#e0f0f7; font-size:12px;}

#header, #headerShell { height:165px; background:#FFFFFF;}

.hero       { height:194px;}
#heroShell  { background:#b3b9da;}


#headerShell, #heroShell { width:100%; border-bottom:3px solid #FFF;}
#hero-background { height: 195px; width:100%;  background:#b3b9da;}

#home #heroShell { margin:0 auto; width:960px;  border-bottom:3px solid #FFF; background:#b3b9da;}

#header, .hero, #content, #topNav, #footer { margin:0 auto; width:960px;}

.hero, #content, #footer { border-left:3px solid #FFF; border-right:3px solid #FFF;}

#content { background:url(/img/back-mainContent.png); padding-bottom:40px; background-color:#FFF;}

#hero-wrappper  { background-color:#b3b9da; position: relative; top:0; left:0; width:100%; }

.leftGrad { width:640px; height:40px; float:left; background:url(/img/back-topGrad-L.png) repeat-x;}
.rtGrad   { width:320px; height:40px; float:right; background:url(/img/back-topGrad-R.png) repeat-x;}

.contentL  { float:left; width:520px; margin:12px 0 0 55px; display:inline;}

.contentR  { float:right; width:255px; margin:12px 25px 0 0; display:inline;}
.contentRw { float:right; width:357px; margin:12px 0 0 0;}

.colNarrow { float:left; width:225px; margin:12px 30px 0 0; }

.inline {display: inline;}
.photos { float:left; padding-right:10px; }


/* -- global styles -----------------------------------*/

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

.clearAll, .clearAll18, .clearAll30, .clearAllLeft { clear:both; font-size:1px; line-height:1px; height:.01em;}
.clearAll18  { height:18px;}
.clearAll30  { height:30px;}
.clearAllLeft { clear:left; font-size:1px; width:400px; line-height:1px; height:.01em;}

p      { font-size:12px; line-height:18px; letter-spacing:.03em; padding-bottom:12px;}

table.contact-form {
	font-size:12px; line-height:18px; letter-spacing:.03em; padding-bottom:12px; color: #666666;
	
}

p a:link, p a:visited {text-decoration:none; color:#3d4ea2;}
p a:hover, p a:active {text-decoration:underline; color:#3d4ea2;}

.white  { color:#FFFFFF;}
.list_white {
	color:#FFFFFF;
	font-size:12px; 
	line-height:12px; 
	letter-spacing:.03em; 
	padding-bottom:5px;

}

.black  { color:#000000;}
.blue   { color:#3d4ea2;}
.green  { color:#00575f;}
.grey   { color:#666666;}
.grey2  { color:#525252;}
.grey3  { color:#333333; }

.normal {font-weight: normal;}

h1 { font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px;}
h2 { font-size:14px; line-height:16px; letter-spacing:.01em; padding-bottom:4px;}
h3 { font-size:14px; line-height:16px; letter-spacing:.01em; padding:4px 4px 4px 4px; margin-bottom:4px; color:#FFFFFF; background:#00a0af;}

#committees h3 { font-size:14px; line-height:16px; padding-left: 0; letter-spacing:.01em; margin-bottom:4px;background: none;}

.committee-member-list {	margin-bottom: 10px;	}
.committee-member-list td h1,.committee-member-list td h1:hover { font-size:14px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; background: none; color: black; font-weight: bold;margin:0;margin-top: 10px; margin-bottom: 5px;padding:0; width: auto;text-decoration:none;cursor:default;}

ul, li {list-style:none;}

#cme-ceu .contentL ul { list-style: square; font-size: 12px; color: #ffffff; line-height:20px; letter-spacing:.03em; margin-left: 5px;}
#cme-ceu .contentL li{ list-style: square;line-height:20px; letter-spacing:.03em;} 


/* -- misc -----------------------------------------*/

.gMap      { height:220px; width:500px; border:1px solid #3d4ea2;}
.left-line { border-left:1px solid #FFF;}
.indent    { margin:18px 0 0 18px;}
.carrot    { padding:0 0 4px 14px; background:url(/img/ico-arrow2-off.png) 0 4px no-repeat;}
.carrot:hover { background:url(/img/ico-arrow2-on.png) 0 4px no-repeat;}


.committee-list ul {font-size:12px; line-height:18px; letter-spacing:.03em; padding-bottom:12px; margin: 0;margin-top: -10px;}
.committee-list ul li {font-size:12px; line-height:18px; letter-spacing:.03em; padding-left: 10px; }

ul a:link, ul a:visited {text-decoration:none; color:#3d4ea2;}
ul a:hover, ul a:active {text-decoration:underline; color:#3d4ea2;}

a.committee-member:link, a.committee-member:visited {font-size: 12px; text-decoration:none; color:#3d4ea2;}
a.committee-member:hover, a.committee-member:active {font-size: 12px;text-decoration:underline; color:#3d4ea2;}

.online-cme-link {text-decoration:none; margin-bottom: 20px;color:#3d4ea2;cursor:pointer; font-size:17px;}
.online-cme-link:hover {text-decoration:underline; margin-bottom: 20px;color:#3d4ea2;cursor:pointer; font-size:17px;}

/* -- forms -----------------------------------------*/
input, textarea, select {font-family:Arial, Helvetica, sans-serif; color:#6a747c; font-size:11px; line-height:12px; border:1px solid #b8c3c6; background:#FFFFFF;}
input, textarea    { padding:3px 6px; margin:4px 4px 0 0; }
select             { padding:2px; margin:4px 4px 0 0; height:21px;}
option             { padding:2px;}
.btn-carrot        { width:19px !important; height:19px; background:url(/img/ico-arrow1.png) 0 0 no-repeat; border:none; vertical-align:-1px;}
.btn-carrot:hover  { background:url(/img/ico-arrow1.png) 0 -19px no-repeat; cursor:pointer;}

.btn-submit        { width:60px !important; height:19px; color:#FFFFFF; background:#3d4ea2 url(/img/ico-arrow1.png) right 0 no-repeat; border:none; vertical-align:-1px; padding:1px 14px 2px 0; margin-top:14px;}
.btn-submit:hover  { background:#485cbf url(/img/ico-arrow1.png) right -19px no-repeat; cursor:pointer;}

.contentR form h2  { padding-bottom:0;}
.contentR form input, .contentR form select { width:200px;}


.icon-video, .icon-document, .icon-web { padding:0 0 12px 26px;}
.icon-video    { background: url(/images/frontend/icons/ico-video.png) 0 0 no-repeat;}
.icon-document { background: url(/images/frontend/icons/ico-document.png) 0 0 no-repeat;}
.icon-web      { background: url(/images/frontend/icons/ico-www.png) 0 0 no-repeat;}
/* -- tweaks for register form items -----------------------------------------*/

#register input { width: 210px; }


/* -- header -----------------------------------------*/
#header        { position:relative;}
#logo          { position:absolute; top:20px; left:21px; background:url(/img/LIHN-logo.png) no-repeat;}
#logo a        { display:block;}
#logo, #logo a { width:300px; height:95px;}

#topNav, #topNav ul, #topNav ul a { height:42px;}

#topNav      { position:absolute; left:0; bottom:0; background:url(/img/back-topNav.png) repeat-x;}
#topNav ul   { float:left;}
#topNav ul a { display:block; background-repeat:no-repeat; background-position:0 0;}
#topNav ul a:hover { background-position:0 -42px;}

#login       { position:absolute; top:0; right:0; width:320px; height:113px; background:#cceae9;}
#login h1    { width:auto; height:24px; padding:8px 0 0 20px; border-bottom:2px solid #FFF; font-size:14px; color:#FFFFFF; font-weight:normal; background:#00a0af;}
#login p     { color:#717171; text-align:right; width:225px; float:left; padding-bottom:0px;}
#login input { width:120px;}

.btn-div     { width:84px; float:right; margin-top:17px;}
.btn-logIn   { width:58px !important; height:21px; background:url(/img/btn-logIn.png) 0 0 no-repeat; border:none;}
.btn-logIn:hover { background-position: 0 -21px; cursor:pointer;}
.btn-logout   { width:75px !important; height:27px; background:url(/img/btn-logout.png) 0 0 no-repeat; border:none; cursor:pointer;}

#login span   { display:block; float:left; clear:both; width:200px; color:#717171; font-size:11px; margin:4px 0 0 45px; }
#login span a:link, #login span a:visited { color:#5261ac; text-decoration:none;}
#login span a:hover, #login span a:active { color:#5261ac; text-decoration:underline;}




/* -- hero -----------------------------------------*/
.hero {background-repeat:no-repeat;}
.hero h1 {font-size:25px; line-height:26px; color:#FFFFFF; margin-left:55px; padding-bottom:10px;}

#home .hero h1 {font-size:33px; line-height:26px; color:#FFFFFF; margin-left:55px; padding-bottom:10px;}
.hero h2 {font-size:25px; line-height:26px; color:#FFFFFF; margin-left:55px; padding-bottom:10px;}
#home .hero h2 {font-size:20px; line-height:20px; color:#FFFFFF; margin-left:55px; padding-bottom:10px;}
.hero p  { margin-left:55px; color:#FFFFFF; padding-bottom:10px;}




/* -- footer -----------------------------------------*/
#footerL, #footerR { height:18px; padding:6px 20px 0 20px;}
#footerL { width:600px; background:#c3e2ea; float:left; padding-bottom: 5px;}
#footerR { width:280px; background:#d1eaee; float:right; text-align:right;}
#footer  { border-bottom: 3px solid #FFFFFF; }



/* -- event listings -----------------------------------------*/

.listing         { margin:8px 0;}
.listing h1      { color:#3d4ea2; margin-top:8px;}

.listing h1.green { color:#00575f; }
.listing h2.green { color:#00575f;}

.event-title { margin-bottom: -10px;		}

#events .listing h1 span { color:#FFFFFF; font-size:12px; font-weight:normal;}
#events .listing h1 { width: 100%;}
#events h1 span { color:#FFFFFF; font-size:12px; font-weight:normal;}
#events h1 {width: auto;}
#events h1.green { color:#00575f; }
#events #contentL h1      { color:#3d4ea2; margin-top:8px;}


.listing h1 span { color:#636363; font-size:12px; font-weight:normal;}
.listing h2      { color:#3d4ea2;}
.listing h2 span { color:#717171; font-size:11px; font-weight:normal;}

.listing p       { color:#3d4ea2; padding:0 0 6px 15px; background:url(/img/ico-plus.png) 1px 0 no-repeat; line-height:13px;}

.listing p.event-description { color: #ffffff; margin-left: -12px; margin-bottom: 20px; padding-bottom: 5px; line-height: 13px; background: none;}
.listing p.hospital { color:#3d4ea2; margin-left: -12px; margin-bottom: 20px; padding-bottom: 5px; line-height: 13px; background: none;}

.listing p.no-bullet { color:#636363; padding:0 0 6px 0px; background:none; line-height:18px;}
.listing p.grey-bullet { color:#636363; font-weight: bold; padding:0 0 12px 15px; background:url(/img/ico-plus.png) 1px 0 no-repeat; line-height:13px;}
.listing p.grey { color:#636363; padding:0 0 12px;background: none;line-height:18px; letter-spacing:.03em;}
.listing p.grey strong {font-size: 15px;}
p.member-event-description { color: #666; margin-bottom: 20px; padding-bottom: 5px; line-height: 13px; background: none;}



/* -- hospital pages (nick's additions) --------------------------------------------*/

.directionsList { clear: left; padding-top: 25px; }

#google-directions { font-size:11px; line-height:18px; letter-spacing:.03em;  color: #000000; }


/* -- services pages (nick's additions) --------------------------------------------*/

#search-status {
	font-size:12px; 
	line-height:18px; 
	letter-spacing:.03em; 
	padding-bottom:12px;
	margin-left: -20px;
	color: #636363;
}

#menu-hospitals {  width: 300px; position: absolute; top: 0px; right: -55px;}

#menu-hospitals p { color: #636363; }

/* -- sidebar flip menu -----------------------------------------*/
.menuFlip  { width:357px; right:-24px;}
.bar       { width:357px; height:32px; clear:both; padding-bottom: 25px; cursor: pointer;}
.bar h2    { float:right; width:301px; height:24px; background:#c0dde2; color:#3d4ea2; padding:10px 5px 0 10px; text-decoration:none; font-size: 12px;}
.bar span  { float:left; width:34px; height:34px; background:#3d4ea2 url(/img/ico-plus.png) 12px 12px no-repeat;}
.bar:hover      { cursor:pointer;}
.bar:hover h2   { background:#cceae9;}
.bar:hover span { background:#485cbf url(/img/ico-plus.png) 12px 12px no-repeat;}

.menuFlip p { width:270px; float:right; margin:-15px 25px 0px 0; color:#525252; display:inline;}

.menuFlip a {text-decoration: none;}

/* -- contact page (nicks additions ----------------------------*/
					
.contact-form {color:#636363; padding:0 0 12px 0px; background:none; font-size: 11px;line-height:13px;}


/* -- search title bar -----------------------------------------*/
.srchTlBar      { float:left; width:679px; height:60px; background:#b4d4de url(/img/ico-largeCarrot.png) top right no-repeat; margin:12px 0 0 0;}
.srchTlBar p    { color:#000000; padding:10px 49px 0 55px;}
.srchTlBar span { font-size:16px; font-weight:bold;}

.page-list 	{margin:0;}
.page-list a      { margin: 0;display:inline; width:30px; background: none; color: #3d4ea2; height:14px;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;font-size:12px; font-weight:bold; text-decoration:none;margin-right:5px;}


.page-list a:hover { color:#FFFFFF; background:#3d4ea2; text-decoration: none;}
.page-list-static  { margin: 0;color:#FFFFFF; background:#3d4ea2;width:30px; height:14px;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;font-size:12px; font-weight:bold; text-decoration:none;margin-right:5px;}


/* -- Alphabet form picker -----------------------------------------*/
.alphaPic   { width:180px; margin-bottom: 30px;}

.alphaPic a       { display:block; float:left; width:30px; height:24px; text-align:center; padding-top:6px; color:#3d4ea2; font-size:14px; font-weight:bold; text-decoration:none;}
.alphaPic a:hover { color:#FFFFFF; background:#3d4ea2;}
.alpha-static     { color:#FFFFFF; background:#3d4ea2;}
.alpha-static-2 { color:#ffffff; }

.alpha-invalid	{ display:block; float:left; width:30px; height:24px; text-align:center; padding-top:6px; font-size:14px; font-weight:bold; text-decoration:none;color: #449fac; }



/* -- vertical menu for services page -----------------------------------------*/
.vertMenu     {position: relative;}

.vertMenu h1  { color:#3d4ea2; width:275px; padding:4px 0 4px 30px; margin-right: 35px; font-weight:normal; background:url(/img/ico-arrow1b.png) 6px 6px no-repeat;}
.vertMenu h1:hover  { background-color:#b4d4de; cursor:pointer;}

.vertMenu a.service-link  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; color:#3d4ea2; width:275px; padding:4px 0 4px 30px; margin-right: 35px; font-weight:normal; background:url(/img/ico-arrow1b.png) 6px 6px no-repeat;}
.vertMenu a.service-link:hover  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; background-color:#b4d4de; cursor:pointer;}

.vertMenu a.guideline-list  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; color:#3d4ea2; width:90%; padding:4px 0 4px 30px; margin-right: 35px; font-weight:normal; background:url(/img/ico-arrow1b.png) 6px 6px no-repeat;}
.vertMenu a.guideline-list:hover  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; background-color:#b4d4de; cursor:pointer;}

.vertMenu a.guideline-list2  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; color:#3d4ea2; width:90%; padding:4px 0 4px 30px; margin-right: 35px; font-weight:normal; background:url(/img/ico-arrow1bd.png) 6px 6px no-repeat;}
.vertMenu a.guideline-list2:hover  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; background-color:#b4d4de; cursor:pointer;}


a.link-sidebar  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; color:#3d4ea2; width:90%; padding:4px 0 4px 0px; margin-right: 35px; font-weight:normal;text-decoration: none;}
a.link-sidebar:hover  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; cursor:pointer;text-decoration: underline;}

.vertMenu a.report-list  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; color:#3d4ea2; width: auto; padding:4px 0 4px 0px; margin-right: 35px; font-weight:normal;}
.vertMenu a.report-list:hover  { display: block; font-size:18px; line-height:22px; letter-spacing:.02em; padding-bottom:4px; }

.vertMenuCol   { width:250px; float:left;}
.vertMenuColWide  { width:100%; float:left;}

#service-list { margin-left: -25px; }

.vertMenuPop   { background-color:#b4d4de; padding:10px; padding-top: 5px;}
.vertMenuPop p { color:#3d4ea2; padding:0 10px 8px 15px;}
.special       { background:url(/img/ico-star.png) no-repeat;}

.vertMenuPop span { display:block; background:url(/img/ico-star.png) 0 10px no-repeat; color:#000000; padding:12px 10px 8px 17px; font-size:11px; font-style:italic;}

#about-graph {margin-left: 20px; margin-right: -55px; }

.error {
	color:#990000;
}
.left {
	float: left;
}

.pagination_holder{
	width:490px;
	
}

ul{
	border:0; 
	margin:0; 
	padding:0;
}

#pagination li{
	border:0; 
	margin:0; 
	padding:0;
	font-size:11px;
	list-style:none;
	float:left;
}
#pagination a{

	margin-right:2px;
	float:left;
}
#pagination .previous-off,
#pagination .next-off {
	color:#3d4ea2;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
	font-weight:bold;

}
#pagination .active{
	color:#fff;
	background-color:#3d4ea2;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
	color:#3d4ea2;
	display:block;
	float:left;
	padding:4px 6px;
	font-weight:bold;
	text-decoration:none;
}
#pagination a:hover{
	color:#fff;
	background-color:#3d4ea2;
}
/* PHASE 2*/
#content { background:url(/img/back-mainContent_2.png); padding-bottom:40px; color:#666; }
.leftGrad { width:640px; height:40px; float:left; background:url(/img/back-topGrad-L_2.png) repeat-x;}
.white { color:#666;}
.whites { color:#fff;}
.black { color:#000;}
/*
.contentR p{
	font-size:10px;
	line-height:normal;
	
}
*/
a:link,a:visited,a:active  {
	color:#434e8d;
	text-decoration:none;
}
a:hover{
	color:#434e8d;
	text-decoration:underline;
}

h3 { font-size:18px; line-height:22px; letter-spacing:.01em; padding:4px 4px 0px 0px; margin-bottom:0px; color:#434e8d; background:#fff;}

.date{
	font-size:11px;	
}
a.rss_link:link,a.rss_link:visited, a.rss_link:active,a.rss_link:hover   {
	font-weight:normal;
	color:#434e8d;
	font-size:14px;	
}
a.button_all:link, a.button_all:visited, a.button_all:active {
	font-size: 13px;
	font-weight:bold;
	color: #fff;
	background:url(/img/bt_back.png) repeat-x;
	background-color:#4453a5;
	width: auto;
	border:1px #3c5597 solid;
	padding:6px 8px 5px 8px;
	text-decoration:none;
}

a.button_all:hover {
	text-decoration:none;
}
a.button_more:link, a.button_more:visited, a.button_more:active {
	font-size: 9px;
	color: #fff;
	background:url(/img/bt_back.png) repeat-x;
	background-color:#4453a5;
	width: auto;
	border:1px #3c5597 solid;
	padding:4px 5px 3px 5px;
	text-decoration:none;
}

a.button_more:hover {
	text-decoration:none;
}
a.right_header:link, a.right_header:visited, a.right_header:active {
	font-size: 14px;
	padding:10px 0 5px 0;
	text-decoration:none;
	font-weight:bold;
}

a.right_header:hover {
	text-decoration:none;
}
.hr_div {
	padding:10px 0 10px 0;
}
hr.hr_right {
	color: #fff;
	background-color: #fff;
	height: 1px;
	border: 0;
	text-align:left;
}

#search_topics {
	width:218px; 
	height:80px; 
	background-color:#015760; 
	padding:12px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	
}
.search_h4 {
	color:#FFF; 
	font-size:14px;
	padding-bottom:10px;	
}
.submit_button {
	background:url(/img/bt_back.png) repeat-x;
	background-color:#4453a5;
	font-size: 9px;
	color:#FFF;
	border:1px #3c5597 solid;
	width:40px;
	height: 23px;
	margin-top:-2px;
	padding:0px 0px 0px 0px;
	cursor: pointer;
	vertical-align:middle;
}
.padding0 {
	padding:0px;
}
.padding8 {
	padding:8px 0 8px 0	
}
.news_box {
	border-bottom:1px #efefef solid; 
	padding-top:10px;	
}
