/*Designer's specs go here for colors and font styles*/


/*--------- site-wide font styles ----------*/
* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */

body {
text-align:center;}

a img {
border:none;}

h1 {
font-family:Georgia, serif;
font-size:18px;} /* title */

h2 {
font-family:Verdana, sans-serif;
font-size:15px;} /* sub title */

h3 {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:10px;} /* body text font + bold */

p {
font-family:Arial, sans-serif;
font-size:12px;
padding-bottom:15px;
line-height:150%;} /* body text font */

p.subtitle {
line-height:100%;
padding-bottom:5px;}

td {
font-family:Arial, sans-serif;
font-size:12px;}

a {
font-weight:bold;
color:#470c06;}

a:hover {
color:#003366;}

#main ul {
font-family:Arial, sans-serif;
font-size:12px;
padding-bottom:10px;
list-style-position:inside;
margin-left:10px;} 

#main li {
padding-bottom:5px;}

#Resources_page #main li {
padding-bottom:10px;}

img.title {
margin-bottom:15px;}

#nav a {
font-family:Arial, sans-serif; 
font-size:12px; 
color:#FFFFFF; 
text-decoration:none;}

#nav a:hover {
color:#fd983e;}

#nav a.navsel {
color:#fd983e;}

#sidebar ul.subnav {
margin-bottom:45px;}

#sidebar .subnav li {
border-bottom:1px solid #000000;}

#sidebar .subnav a {
font-family:Arial, sans-serif; 
font-size:13px; 
color:#333333;
font-weight:bold;
text-decoration:none;
display:block;
padding:8px 0 8px 20px;
margin-left:15px;
background:url(images/bullet_sq.png) left 50% no-repeat;}

#sidebar .subnav a:hover,
#FamilyLaw_page .subnav a#family_link,
#Mediation_page .subnav a#mediation_link,
#CollaborativeLaw_page .subnav a#collaborative_link {
background:url(images/bullet_sq.png) 3% 50% no-repeat;}

#sidebar img {
margin-left:20px;}

#AboutRobertAKelly_page #sidebar img {
margin:0 0 10px 50px;}

#AboutRobertAKelly_page #sidebar p {
width:300px;
margin-left:50px;}

#footer p {
text-align:right;
font-family:Arial, sans-serif; 
font-size:10px; 
color:#000000;
letter-spacing:2px;
padding-top:7px;
margin-right:15px;}

#footer a {
text-decoration:none;
text-align:right;
font-family:Arial, sans-serif; 
font-size:10px; 
color:#000000;
letter-spacing:2px;
padding-top:4px;}

#footer a:hover {
text-decoration:underline;}


/*------------- layout styles -------------*/
html {
height: 100%;}

body {
height:100%; /*for sticky footer*/
background:url(images/body_bg.jpg) top center repeat-x #DCCDB4;}

#wrapper {
width:1000px;
background-color:#DCCDB4;}

#header {
width:1000px;
float:left;
background-color:#ffffff;}

#logo {
width:380px;
height:118px;
float:left;
text-align:left;}

.clear {
clear:both;}


/*------------ top horizontal navigation ---------------*/
#nav {
width:620px;
height:42px;
float:right;} /* div holding nav ul */

#nav ul {
float:right;
height:42px;
margin-top:76px;
list-style:none;}

#nav ul li {
float:left;
padding:0;}

#nav a {
float:left;
display:block;
height:42px;
background:top center no-repeat;
letter-spacing:-1000em;}

/* Just for Opera, but hide from MacIE for nav image replacement */
/*\*/html>body #nav a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* image replacement for nav buttons normal state */
#nav a#home {
width:70px;
background-image:url(images/nav_home.gif);}

#nav a#services {
width:88px;
background-image:url(images/nav_services.gif);} 

#nav a#calendar {
width:106px;
background-image:url(images/nav_calendar.gif);}

#nav a#about {
width:78px;
background-image:url(images/nav_about.gif);}

#nav a#resources {
width:104px;
background-image:url(images/nav_resources.gif);}

#nav a#contact {
width:91px;
background-image:url(images/nav_contact.gif);}

/* hover and selected states */
#index_page #nav a#home, #nav a#home:hover {
background-image:url(images/nav_over_home.gif);}

#Services_page #nav a#services, #nav a#services:hover,
#FamilyLaw_page #nav a#services, #nav a#services:hover,
#Mediation_page #nav a#services, #nav a#services:hover,
#CollaborativeLaw_page #nav a#services, #nav a#services:hover {
background-image:url(images/nav_over_services.gif);}

#Calendar_page #nav a#calendar, #nav a#calendar:hover {
background-image:url(images/nav_over_calendar.gif);}

#AboutRobertAKelly_page #nav a#about, #nav a#about:hover {
background-image:url(images/nav_over_about.gif);}

#Resources_page #nav a#resources, #nav a#resources:hover {
background-image:url(images/nav_over_resources.gif);}

#Contact_page #nav a#contact, #nav a#contact:hover {
background-image:url(images/nav_over_contact.gif);}


/*------------ main body area ---------------*/
#banner {
width:1000px;
height:190px;
float:left;
clear:both;}

#main {
width:500px;
float:left;
text-align:left;
padding:25px 50px 50px 0;}

#Calendar_page #main {
width:800px; 
padding:25px 80px 50px 80px;
text-align:center;}



/*------------ sidebar (for left vertical sub navigation or whatever content they want to put in the sidebar) ---------------*/
#sidebar {
width:330px;
float:left;
text-align:left;
padding:30px 50px 50px 30px;}

#sidebar ul.subnav  {
list-style:none;
margin-left:20px;}


/*------------ footer ---------------*/
/*  sticky footer  */
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px auto;} /* the bottom margin is the negative value of the footer's height */

.push {
width:100%;
clear:both;}

#footer, .push {
height: 60px;} /* .push must be the same height as .footer */
/*  end sticky footer  */

#footer {
width:100%;
margin:0 auto;
clear:both;
text-align:center;
background-color:#ffffff;
border-top:6px solid #000000;} /* container div for footer info */