/*
	MesoRC Revamp Structure Stylesheet
	author:  Zachary Lang, BKV
	date created: 20 August 2009
	version:  1.0
		
	
*/

body	{
background: #f5fafd;
position: relative;
}

.runright	{
display: inline;
float: right;
}

/* HEADER
-------------------------------------------------------------- */

#header_container	{
background: url(./images/bg/header_slice.png) 0 0 repeat-x;
height: 111px;
position: relative;
width: 100%;
}

#header_inner	{
margin: 0 auto;
position: relative;
width: 1000px;
}

#header_inner #contact_callout	{
display: inline;
float: right;
margin: 8px 0 -8px 0;
position: relative;
width: 370px;
}

#header_inner #contact_callout h2, #header_inner #contact_callout p	{
margin: 0;
}

#header_inner h1	{
background: url(./images/header/logo.gif) 0 0 no-repeat;
display: inline;
float: left;
margin: 15px 0 0 25px;
height: 80px;
position: relative;
text-indent: -9999px;
width: 210px;
}

/* NAVIGATION
-------------------------------------------------------------- */

#nav_container	{
background: url(./images/bg/nav_slice.png) 0 0 repeat-x;
border-bottom: 1px solid #4979A9;
border-top: 1px solid #4979A9;
height: 52px;
position: relative;
width: 100%;
z-index: 190;
}

#nav_inner	{
margin: 0 auto;
position: relative;
width: 1000px;
}

#nav_inner ul	{
display: inline;
float: left;
margin: 20px 0 0 50px;
position: relative;
}

#nav_inner ul li	{
background: url(./images/bg/nav_border.png) bottom right no-repeat;
display: inline;
float: left;
height: 40px;
margin: -7px 0 0 0;
padding: 0 26px;
position: relative;
}

#nav_inner ul li.last	{
background: none;
}

#nav_inner ul li.active	{
background: url(./images/bg/nav_active_slice.png) 0 0 repeat-x;
margin: -20px 0 0 0;
padding-top: 12px;
}

#nav_inner ul span.active	{
background: url(./images/bg/nav_border.png) bottom right no-repeat;
display: inline;
float: right;
height: 40px;
margin: 0 -24px 0 22px;
width: 2px;
}

#nav_inner ul span.home	{
background: url(./images/bg/nav_border.png) bottom left no-repeat;
display: inline;
float: left;
height: 40px;
margin: 0 0px 0 -25px;
width: 2px;
}

#nav_inner ul li a	{
position: relative;
top: 9px;
}

/* HERO CONTAINER
-------------------------------------------------------------- */

#hero {
position: relative;
width: 100%;
z-index: 80;
/*margin-left: -3px;  lines up hero with content */
}

#home #hero	{
z-index: 3;
}

#hero_inner {
background: #ccc;
margin: 0 auto;
position: relative;
width: 1020px;
z-index: 81;
}

#home_hero	{
/*background: url(./images/bg/flash_header.jpg) top right no-repeat #ccc;*/
height: 168px;
margin: 0 auto;
position: relative;
/*text-indent: -9999px;*/
width: 1020px;
z-index: 1;
}

#birth-injury #hero_inner_top 	{
background: url(./images/bg/hero_information.png) top right no-repeat #ccc;
height: 168px;
}

#cerebral-palsy-resources #hero_inner_top 	{
background: url(./images/bg/hero_resources.png) top right no-repeat #ccc;
height: 168px;
}

#cerebral-palsy-legal #hero_inner_top, #videos #hero_inner_top 	{
background: url(./images/bg/hero_legal.png) top right no-repeat #ccc;
height: 168px;
}

#sokolove-law #hero_inner_top	{
background: url(./images/bg/hero_girls.png) top right no-repeat #ccc;
height: 168px;
}

/* SOCIAL SIDEBAR
-------------------------------------------------------------- */

#social_sidebar	{
display: inline;
float: right;
margin: -220px -15px 0 0;
position: relative;
width: 198px;
z-index: 10;
}

#home #social_sidebar	{
margin: -220px -25px -500px 0;
z-index: 1000;
}

#social_sidebar_top 	{
background: url(./images/sidebar/top.png) 0 0 no-repeat;
height: 34px;
margin-bottom: -1px;
width: 198px;
}

#social_sidebar_inner	{
background: url(./images/sidebar/slice.png) 0 0 repeat-y;
}

#social_sidebar_bottom 	{
background: url(./images/sidebar/bottom.png) 0 0 no-repeat;
height: 34px;
width: 198px;
}

#social_sidebar h3, #social_sidebar ul	{
margin: 0;
}

#social_sidebar #search	{
display: inline;
float: left;
margin: 0 0 0 15px;
}

#social_sidebar #get_consult	{
display: inline;
float: left;
margin: 0 0 15px 6px;
}

#social_sidebar #get_consult h3	{
background: url(./images/sidebar/legal_consult.png) 0 0 no-repeat;
height: 95px;
text-indent: -9999px;
width: 186px;
}

#social_sidebar #banners	{
margin: 0px auto 15px auto;
width: 172px;
}

#social_sidebar #chat	{
border-bottom: 2px solid #ccc;
margin: 0px auto 15px auto;
width: 186px;
}

#social_sidebar #chat h3	{
background: url(./images/sidebar/chat.png) 0 0 no-repeat;
clear: both;
height: 46px;
margin: 10px auto;
text-indent: -9999px;
width: 171px;
}

#social_sidebar #blog_entries	{
border-bottom: 2px solid #ccc;
display: inline;
float: left;
margin: 0 0 10px 13px;
padding-bottom: 10px;
position: relative;
width: 171px;
}

#social_sidebar div.blog_entry	{
clear: both;
margin: 0 0 -10px 0;
}

#social_sidebar p.blog_date_container	{
background: #d1d6d8;
border: 1px solid #ccc;
border-radius: 3px;
display: inline;
float: left;
-moz-border-radius: 3px;
padding: 3px 0;
-webkit-border-radius: 3px;
width: 30px;
}

#social_sidebar p.entry a:link, #social_sidebar p.entry a:visited	{
color: #333;
display: inline;
float: left;
margin: 2px 0 0 5px;
width: 130px;
text-decoration: none;
}

#social_sidebar p.entry a:hover, #social_sidebar p.entry a:active	{
text-decoration: underline;
}

#social_sidebar #get_connected	{
display: inline;
float: left;
margin: 10px 0 0px 13px;
position: relative;
width: 171px;
}

#social_sidebar #get_connected div.connected	{
clear: both;
}

#social_sidebar #get_connected img	{
display: inline;
float: left;
}

#social_sidebar #get_connected p	{
display: inline;
float: left;
margin: 5px 0 15px 5px;
}

/* CONTENT CONTAINER
-------------------------------------------------------------- */

#container, #hero	{
background: url(./images/bg/container_slice.png) 0 0 no-repeat #f5fafd;;
width: 100%;
}

#inner	{
margin: 0 auto;
position: relative;
width: 1000px;
}

.second_tier #inner h3	{
height: 293px;
margin: 15px 0 0 0;
position: relative;
text-indent: -9999px;
width: 1000px;
z-index: 10;
}

#inner #content	{
background: url(./images/mesorc/bg/container_inner_slice.png) 0 0 repeat-x white;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
display: inline;
float: left;
padding: 65px 0 50px 0;
position: relative;
z-index: 4;
}

/* HOME
-------------------------------------------------------------- */

#home #content	{
width: 980px;
}

#home #upper_content	{
display: inline;
float: left;
margin: -72px 0 -60px 10px;
width: 789px;
}

#home #upper_content_container_top 	{
background: url(./images/home/content_container_top.png) 0 0 no-repeat;
height: 106px;
width: 789px;
}

#home #upper_content_container	{
background: url(./images/home/content_container_slice.png) 0 0 repeat-y;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
width: 789px;
}

#home #upper_left_column	{
display: inline;
float: left;
margin: 0 0 0 20px;
width: 218px;
}

#home #upper_right_column	{
display: inline;
float: right;
margin: -50px 20px 0 0;
width: 218px;
}

#home #upper_middle_column_container	{
display: inline;
float: left;
margin: -465px 0 0 230px;
width: 310px;
}

#home #upper_middle_column_top 	{
background: url(./images/home/middle_column_top.png) 0 0 no-repeat;
height: 24px;
width: 310px;
}

#home #upper_middle_column	{
background: url(./images/home/middle_column_slice.png) 0 0 repeat-y;
border-bottom: 1px solid #ccc;
width: 310px;
}

#home #upper_middle_column_content	{
display: inline;
float: left;
margin: 20px 0 155px 40px;
width: 280px;
}

#home #have_birth_injury	{
background: url(./images/home/headers/have_birth_injury.png) 0 0 no-repeat;
height: 50px;
text-indent: -9999px;
width: 207px;
}

#home #caring	{
background: url(./images/home/headers/caring.png) 0 0 no-repeat;
height: 50px;
text-indent: -9999px;
width: 189px;
}

#home #legal_header	{
background: url(./images/home/headers/legal.png) 0 0 no-repeat;
height: 24px;
text-indent: -9999px;
width: 179px;
}

#home #upper_content ul	{
list-style-image: url(./images/sidebar/main_bullet.png);
}

#home #upper_content ul li	{
margin-bottom: 12px;
}

/* INTERIOR
-------------------------------------------------------------- */

#interior	{
margin: 0 auto;
position: relative;
width: 980px;
z-index: 300;
}

#interior #inner {
background: url(./images/interior/top.png) 0 0 no-repeat;
display: inline;
float: left;
margin-top: -30px;
padding: 50px 0 0 0;
}

#interior #inner #content	{
margin: 50px auto 0 auto;
padding: 0 0 0 0;
width: 980px;
}

#interior #left_nav	{
border-bottom: 1px solid #ccc;
display: inline;
float: left;
margin: -225px 0 0px 0px;
position: relative;
z-index: 115;
}

#sokolove-law #interior #left_nav	{
margin-bottom: 400px;
}

#sokolove-law #interior #left_nav_content	{
padding-bottom: 40px;
}

#interior #left_nav_top	{
background: url(./images/left_nav/top.png) 0 0 no-repeat transparent;
height: 73px;
width: 310px;
}

#interior #left_nav_content	{
background: url(./images/left_nav/slice.png) 0 0 repeat-y;
display: inline;
float: left;
margin: 0px 0 0 0;
width: 300px;
}

#interior #left_nav_headline	{
display: inline;
float: left;
margin: 0 0 20px 35px;
width: 230px;
}

#interior #left_nav_content ul	{
clear: both;
display: inline;
float: left;
margin: 0 0 20px 35px;
width: 230px;
}

#videos #interior #left_nav_content ul	{
margin-left: 50px;
width: 200px;
}

#interior #left_nav_content li	{
list-style-image: url(./images/sidebar/main_bullet.png);
margin: 0 0 10px 25px;
}

#interior #left_nav_content li.subnav	{
list-style-image: url(./images/sidebar/sub_bullet.gif);
left: 15px;
position: relative;
}

#inner #content #content_left div.column ul, #inner #content #content_left div.column1 ul	{
list-style-image: url(../img/bullet.png);
}

#inner #content #content_left div.column ul li, #inner #content #content_left div.column1 ul li	{
line-height: 16px;
margin: 0 0 6px 0;
}

#interior #left_nav_content li.top	{
margin-top: 10px;
}

#interior #interior_container	{
display: inline;
float: left;
margin: -35px 0 0 5px;
width: 445px;
}

/* FOOTER
-------------------------------------------------------------- */

#footer_container	{
background: white;
position: relative;
width: 100%;
}

#footer_container #footer_head 	{
background: url(./images/footer/head.png) 0 0 repeat-x;
height: 59px;
width: 100%;
}

#footer_inner	{
margin: 20px auto;
padding: 30px 0 0 0;
width: 635px;
}

#footer_inner #redundant_nav	{
list-style: none;
margin: 10px auto;
padding: 0 0 15px 0;
width: 635px;
}

#footer_inner #more_footer_links	{
list-style: none;
margin: 10px auto;
padding: 0 0 15px 0;
width: 400px;
}

#footer_inner #redundant_nav li, #footer_inner #more_footer_links li	{
border-right: 1px solid #999;
display: inline;
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}

#footer_inner #redundant_nav li.last, #footer_inner #more_footer_links li.last	{
border: none;
}

#footer_inner p#copyright	{
clear: both;
}

#home #footer_container	{
margin-top: 0px;
}

#home #footer_home	{
background: url(./images/footer/home_container.png) 0 0 no-repeat;
margin: 0 auto;
width: 1041px;
}

#home #footer_left, #home #footer_right	{
display: inline;
float: left;
margin: 35px 0 0 60px;
width: 340px;
}

#home #footer_right	{
margin-left: 30px; /* less margin than declared above */
}

#home #footer_left div.blog_entry	{
clear: both;
margin: 0 0 -10px 0;
}

#home #footer_left p.blog_date_container	{
background: #d1d6d8;
border: 1px solid #ccc;
border-radius: 3px;
display: inline;
float: left;
-moz-border-radius: 3px;
padding: 3px 0;
-webkit-border-radius: 3px;
width: 30px;
}

#home #footer_left p.entry a:link, #home #footer_left p.entry a:visited	{
color: #333;
display: inline;
float: left;
margin: 2px 0 0 5px;
position: relative;
text-decoration: none;
width: 300px;
}

#home #footer_left p.entry a:hover, #home #footer_left p.entry a:active	{
position: relative;
text-decoration: underline;
}

#home #footer_home div.items img	{
margin-bottom: 7px;
}

#home #footer_separator	{
background: url(./images/footer/separator.png) 0 0 no-repeat;
display: inline;
float: left;
height: 163px;
margin: 30px 0 0 30px;
position: relative;
width: 11px;
}

/* LEGAL CONSULT FORM
-------------------------------------------------------------- */

#legal_consult_form	{
margin: 0 0 20px 0;
}

#legal_consult_form input.text, #legal_consult_form label	{
display: block;
}

#legal_consult_form label.privacy	{
display: inline;
}

#legal_consult_form input.text	{
width: 250px;
}

#legal_consult_form select	{
width: 255px;
}

#legal_consult_form textarea	{
height: 100px;
margin: 5px 0;
width: 300px;
}

#legal_consult_form div.radioBtn	{
margin: -12px 0 0px 0;
}

#legal_consult_form input#injured_DOB	{
width: 80px;
}

#legal_consult_form input#middle_initial	{
width: 15px;
}

#legal_consult_form p.input	{
margin: 0 0 15px 0;
}

/* LANDER SPECIFIC
-------------------------------------------------------------- */

#lander #hero_inner_top 	{
background: url(./images/lander/hero_lander.png) top right no-repeat #ccc;
height: 240px;
}
#lander #hero_inner_top_cp 	{
background: url(./images/lander/hero_lander_cerebralpalsy.png) top right no-repeat #ccc;
height: 240px;
}
#lander #hero_inner_top_ep 	{
background: url(./images/lander/hero_lander_erbspalsy.png) top right no-repeat #ccc;
height: 240px;
}
#lander #hero_inner_top_bi 	{
background: url(./images/lander/hero_lander_birthinjury.png) top right no-repeat #ccc;
height: 240px;
}

#lander #interior #inner {
background: url(./images/interior/top.png) 0 0 no-repeat;
display: inline;
float: left;
margin-top: -90px;
padding: 50px 0 0 0;
}

#lander #interior #interior_container	{
display: inline;
float: left;
margin: 0px 0 0 25px;
width: 700px;
}

#lander #interior #left_nav	{
border-bottom: 1px solid #ccc;
float: left;
clear: right;
margin: 0px 25px 75px 0px;
position: relative;
z-index: 115;
}

#lander #interior #left_nav_top	{
background: url(./images/lander/left_nav_top.png) 0 0 no-repeat transparent;
height: 219px;
width: 310px;
}

#lander #interior #left_nav_content	{
background: url(./images/lander/left_nav_slice.png) 0 0 repeat-y;
display: inline;
float: left;
margin: 0 0 0 0;
padding-top:10px;
width: 310px;
}

#lander #nurses_paragraph	{
color: #333;
font-size: 13px;
font-weight: normal;

left: 45px;
position: relative;
top: 5px;
width: 220px;
}

#lander #social_sidebar	{
display: inline;
float: right;
margin: -220px -15px 0 0;
position: relative;
width: 260px;
z-index: 10;
}

#lander #social_sidebar_top 	{
background: url(./images/lander/sidebar_top.png) 0 0 no-repeat;
height: 55px;
margin-bottom: -1px;
width: 260px;
}

#lander #social_sidebar_inner	{
background: url(./images/lander/sidebar_slice.png) 0 0 repeat-y;
}

#lander #social_sidebar_bottom 	{
background: url(./images/lander/sidebar_bottom.png) 0 0 no-repeat;
height: 28px;
width: 260px;
}

#lander #social_sidebar #get_justice	{
display: inline;
float: left;
margin: 0 0 15px 3px;
}

#lander #social_sidebar #get_justice h3	{
background: url(./images/lander/sidebar_justice.png) 0 0 no-repeat;
height: 72px;
text-indent: -9999px;
width: 254px;
}

#lander #social_sidebar #contactForm	{
display: inline;
float: left;
margin: 10px 0 0px 13px;
position: relative;
width: 230px;
}

#lander #social_sidebar #contactForm div.connected	{
clear: both;
}

#lander #legal_consult_form input.text	{
width: 230px;
}

#lander #legal_consult_form select	{
width: 230px;
}

#lander #legal_consult_form textarea	{
height: 100px;
margin: 5px 0;
width: 230px;
}

#aboutSokolove {
height: auto;
margin: 0 0 0 0;
padding: 0 0 0px 0;
width: 1000px;
}

#aboutSokolove h6	{
background: url(./images/lander/sokoloveLogo.png) top left no-repeat;
height: 40px;
margin: 0 0 10px 0;
text-indent: -9999px;
width: 281px;
}










/* SANDBOX
-------------------------------------------------------------- */

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow-y: scroll; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 400px; 
    width: 260px; 
}