body {
	font: 86% arial, helvetica, sans-serif;
	background: white url(http://www.accidentrecovery.org/images/background.jpg);
	background-repeat: repeat-x;
	margin: 0;
}
#wrapper {
	margin:0px auto;
	width:550;
	height:auto;
	}

.accessaid, h1 {
	position: absolute;
	height: 0;
	overflow: hidden;
	left: 9px;
	top: 15px;
}

#header {
	background: #000000 url(http://www.accidentrecovery.org/images/banner.jpg);
	height: 241px;
	width: 698px;
}

#navigation {
	position: absolute;
	top: 245px;
	left: 0px;
	width: 177px;
	color: #000000;
	text-align:center;
	min-height:100%;
	display: table-cell; 
	height: 100%;
	height: auto;
}

#navigation ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
#navigation ul a {
	color: #000000;
	text-decoration: none;
	display: block;
	background: #c9c2b4;
	padding: 3px 0.5em 3px 3px;
	margin: 0 1em 1px 1em;
}

#navigation a:visited {
	color: #000000;
}

#navigation a:hover {
	background: #500202;
	color: #FFFFFF;
}


/* --------------------------------------------------------------------

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* VERTICAL FREESTYLE MENU LAYOUT */


.menulist 
{
	/*border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
    background: transparent ;/*url('http://www.optimumhealthcare.org/images/common/bg_menu.gif') repeat-y top left;*/
	display:block;
	clear:both;
}
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul
{
    left: 0px;
    margin-left: 0px;
    margin: 0px;
    padding-left: 0px;
    padding: 0px;
    /*width: 177px;*/
    list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul
{
    /*background-image: url('http://www.optimumhealthcare.org/images/common/title_menu2.gif');
    width:152px;
	background: #c9c2b4;*/
    margin: 0px;
    padding: 0px;
    display: none;
    position: absolute;
    /*width: 160px;*/
    top: -1px;
    left: 152px;
	/*background-image: url('http://www.optimumhealthcare.org/images/common/bg_menu.gif');*/
	overflow:inherit;
}
.menulist ul li 
{
    padding-left: 0px;
    padding: 0px;
    margin: 0px;
}
.menulist ul li ul
{
    left: 152px;
	/*background-image: url('http://www.optimumhealthcare.org/images/common/bg_menu.gif');*/
	overflow:inherit;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li
{
	width:177px;
    position: relative;
    left: 0px;
    margin-left: 0px;
    margin: 0px;
    padding-left: 0px;
    padding: 0px;
    /*border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 0px;
    margin-bottom: -1px;*/
    border: 0px solid #000;
}

.menulist li ul > li
{
	text-align:left;	
}
.menulist ul > li:last-child
{
    /*background-image: url('http://www.optimumhealthcare.org/images/common/title_menu2.gif');
    margin-bottom: 0px;
    margin-bottom: 1px; /* Mozilla fix */
}
.menulist ul > li
{
     /*width: 152px;
   background-image: url('http://www.optimumhealthcare.org/images/bg_menu.gif');
    margin-bottom: 0px;
    margin-bottom: 1px; /* Mozilla fix */
    /*border-bottom: 1px solid #000;*/
}

.menulist ul
{
    width: 177px;
    /*border: 1px solid #000;*/
    border-bottom: 0px solid #000;
}

/* Links inside the menu */
.menulist a
{
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
	margin: 0 0 0px;
	text-decoration: none;
	color: #181b22;
    font-weight: 700;
    line-height: 14px;
    height: 16px;
}

/* Links inside the menu */
.menulist ul li ul li a
{
	margin: 0 0 0px;
    border-bottom: 1px solid #c9c2b4;
}
/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus
{
    color: #FFF;
    background-color: #CCCC99;
    /*background-image: url('http://www.optimumhealthcare.org/images/common/title_menu2.gif');*/
    background-repeat: repeat-x;
    /*background: transparent url('http://www.optimumhealthcare.org/images/common/dot.gif') no-repeat 8px 2px;*/
}
.menulist a.highlighted
{
    color: #FFF;
    background-color: #CCCC99;
    /*background-image: url('http://www.optimumhealthcare.org/images/common/title_menu2.gif');*/
    background-repeat: repeat-x;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind
{
    float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child + html .menulist li
{
    float: left;
    width: 100%;
}

* html .menulist li
{
    float: left;
    height: 1%;
}
* html .menulist a
{
    height: 1%;
}
/* End Hacks */
.menulist li:hover > ul
{
    display: block;
}

#navigation ul li ul a {
	color: #000000;
	text-decoration: none;
	display: block;
	background: #c9c2b4;
	padding: 3px 0.5em 3px 3px;
	margin: 0 1em 0px 1em;
	border: 1px solid #e8e2d3 ;
}
#content {
	background: white;
	background: white;
	xpadding: 0px 0em 0em 0em;
	padding: 35px 0px 1em 0px;
	border-left: 177px solid #e8e2d3;
	color: #333;
	background-color:#ffffff;
	clear:both;
	min-height:600px;
}

#content1 {
	background: white repeat-y;
	background: white repeat-y;
	xpadding: 0px 0em 0em 0em;
	padding: 150px 0px 0em 0px;
	border-left: 177px solid #e8e2d3;
	color: #663300;
	min-height:1000px;
}



h2 {
	font-size: 1.5em;
	color: #e8e2d3;
}

h3 {
	font-size: 1.25em;
	color: #000000;
	padding: 0px 20px 0px 20px;
}

h3 a:link {
	color:#5E0000;
	font-weight:bold;
	}
	
h3 a:hover {

	color:#CC0000;

}

h3 a:visited {

	color:#999999;

}


h4 {
	font-size: 1.00em;
	color: #000000;
	padding: 0px 20px 0px 20px;
}

h4 a:link {
	color:#5E0000;
	font-weight:bold;
	}
	
h4 a:hover {

	color:#CC0000;

}

h4 a:visited {

	color:#999999;

}

#content img {
	padding: 0px -4px 0px -4px;
	margin: 0px 0px 0em 0em;
	
}

#container {
	position: relative;
	width: 698px;
	border: solid #000000;
	border-width: 0 2px 0;
	margin: auto;
	padding: -5px 0px -5px 0px;
}

#pic {
	position:absolute;
	top: 243px;
	left: 178px;
	width: 521px;
	height: 37px;
	padding: 0px;
	float: left;
	margin: 0 0 0em 0em;
	color: #600;
	}
	
p {
	padding: 0px 20px 0px 20px;
}

p a:link {
	color:#5E0000;
	font-weight:bold;
	}
	
p a:hover {

	color:#CC0000;

}

p a:visited {

	color:#999999;

}

#footer {
	background: url(http://www.accidentrecovery.org/images/background);
	background-repeat:repeat-x;
	background-position:left top;
	height: 26px;
	width: 698px;
	margin: 0px auto;
	border-bottom: 3px solid #000000;
	min-height:100%;
	display: table-cell; 
	height: 100%;
	height: auto;
	clear:both;
}

#bullets {
	width: 550px;
	height: 255px;
	list-style-type: none;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 10px;
	background:  url(http://www.accidentrecovery.org/images/bulletman.gif);
	background-repeat: no-repeat;
	color: #000000;
	font-size: 2.3em;
	border-left: 2px solid #000000;
}

#bulletlist {
	padding: 0px 150px 0px 10px;
	background-image: url(http://www.accidentrecovery.org/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2.3em;
}

.bullets {
	width: 490px;
	height: 265px;
	list-style-type: none;
	padding: 12px 0px 0px 10px;
	margin: 0px 0px 10px 10px;
	background:  url(http://www.accidentrecovery.org/images/bulletman.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color:#ffffff;
	color: #000000;
	border-left: 2px solid #000000;
}

.bullets li
{
    padding-right: 350px;
	padding: 0px 150px 0px 10px;
	background-image: url(http://www.accidentrecovery.org/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	line-height:2.3em;
}
.content1
{
    width:514px;
}
.content1L
{
    float:left;
    width:281px; 
}
.content1R
{
    float:left;
    width:223px; 
}

.number {
	/*background-image:url(http://www.accidentrecovery.org/highlight.png);*/
	background-image:url(http://www.accidentrecovery.org/images/highlight.png);
	font:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 padding: 5px 0px 5px 0px;
 margin-left:0px;
 color:white;
 background-color:#CCC;
 }
 
 .number1 { 
	font-size: 1.25em;
	color: black;
	}

 .number2 { 
	font-size: 1.55em;
	color: black;
	}
	
.links {
	font-size: 12px;
}	
.links a {
	font-size: 12px;
}
#addy {
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	/*color:#999999;*/
	color:#000000;
	height: 20px;
	width: 695px;
	padding: 5px 0px 5px 5px;
	border-top: 3px solid #000000;
	text-decoration:none;
	margin: 0px auto;
}
#addy a {
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	/*color:#999999;*/
	color:#000000;
	height: 8px;
	width: 696px;
	padding: 5px 0px 5px 0px;
	/*border-top: 3px solid #000000;*/
 	text-decoration:none
}

/*Houston Styles Applied by Jerry*/

#navigation_houston {
	position: absolute;
	top: 244px;
	left: 2px;
	width: 177px;
	color: #000000;
	text-align:center
}

#navigation_houston ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#navigation_houston ul a {
	color: #000000;
	text-decoration: none;
	display: block;
	background: #c9c2b4;
	padding: 3px 0.5em 3px 3px;
	margin: 0 1em 1px 1em;
}

#navigation_houston a:visited {
	color: #000000;
}

#navigation_houston a:hover {
	background: #500202;
	color: #FFFFFF;
}

.style3
{
    font-size: 15px;
    color: #000000;
}

.style4
{
    font-size: medium;
}




/* ##### 
   #####     
   #####     
   #####     
   #####     
   #####     
   #####     
   #####  Below here is new css added by Steve      
   #####     
   #####     
   #####     
   #####     
   #####     
   #####     
   ##### */


/* ##### 
   #####     generic css for any page
   ##### */

#abc
{
    float: none;
    clear: both;
}


/* ##### 
   #####     page specific css 
   ##### */



/* ##### 
   #####     car-accident.html
   ##### */


.car-accident_box1
{
  float: left;
  width: 260px; 
  height: 290px; 
  margin-left: 0px;
}

.car-accident_box1 img
{
  margin-left: 40px;
}



.car-accident_box1 h3
{
  text-align: center;
}


.car-accident_box2
{
  float: left;
  width: 260px; 
  height: 290px; 
  margin-left: 0px;
}

.car-accident_box2-formrow
{
  float: left;
  width: 250px; 
  margin-left: 0px;
}

.car-accident_box2 h2
{
  font-size: 15px;
  color: #000000;
  font-size: medium;
/*  text-align: center;  */  
}

/* ##### 
   #####     motor-accident.html
   #####     no changes
   ##### */

/* ##### 
   #####     truck-accident.html
   ##### */

.truck-accident_box1
{
  float: left;
  width: 260px; 
  height: 220px; 
  margin-left: 150px;
}

.truck-accident_box1-formrow
{
  float: left;
  width: 250px; 
  margin-left: 0px;
}
    
#truck-accident-right
{
   height: 625px; 
}

.truck-accident-h3
{
  font-size: 15px;
  color: #000000;
  font-size: medium;
  text-align: center;  
}

/* ##### 
   #####     drunk-accident.html
   ##### */

#drunk-accident-right
{
   height: 445px; 
}

/* ##### 
   #####     boat-accident.html
   ##### */

#boat-accident-right
{
   height: 560px; 
}


/* ##### 
   #####     construction-accident.html
   ##### */

#construction-accident-right
{
   height: 530px; 
}

/* ##### 
   #####     other-accident.html
   ##### */

.other-accident-h3
{
  font-size: x-large;
}

#other-accident-img1
{
  margin-left: 170px;
}

#other-accident-right
{
   height: 2200px; 
}


/* ##### 
   #####     workers-comp.html
   ##### */

#workers-comp-right
{
   height: 510px; 
}

/* ##### 
   #####     workers-comp.html
   ##### */

#head-injuries-right
{
   height: 640px; 
}

/* ##### 
   #####     been-in-an-accident.html
   ##### */

#been-in-right
{
   height: 1150px; 
}

#been-in-right-img1
{
  margin-left: 170px;
}


/* ##### 
   #####     contact-accident-recovery.html
   ##### */

#contact-right
{
   height: 800px; 
}

.contact-us_box3
{
  float: left;
  width: 30px; 
  height: 160px;
  padding-left: 0px;
}

.contact-us_box4
{
  float: left;
  width: 100px; 
  height: 170px;
  padding-left: 0px;
}

.contact-us_box4 ul li
{
  padding-top: 5px;
  text-align: left;  
  height: 20px;
}

.contact-us_box4 ul
{
  list-style-type: none;
  float:left;
  margin-top: 5px;
  *margin-top: 0px;

}

.contact-us_box5
{
  float: left;
  width: 380px; 
  height: 170px;
  padding-left: 0px;
}

.contact-us_box5 input
{
  height: 20px;
  *height: 16px;
}

.contact-us_box6
{
  float: left;
  width: 30px; 
  height: 100px;
  padding-left: 0px;
}

.contact-us_box7
{
  float: left;
  width: 250px; 
  height: 125px;
  padding-left: 0px;
}

.contact-us_box7 ul li
{
  padding-top: 4px;
  text-align: left;  
  height: 20px;
}

.contact-us_box7 ul
{
  list-style-type: none;
  margin-top: 5px;
  *margin-top: 0px;
}

.contact-us_box8
{
  float: left;
  width: 250px; 
  height: 125px;
  padding-left: 0px;
}

.contact-us_box8 input
{
  height: 20px;
  *height: 16px;
}

.contact-us_box8 select 
{
  height: 20px;
  *height: 20px;
  
}

.contact-us_box10
{
  float: left;
  width: 480px; 
  height: 165px;
  *height: 150px;
  margin-left: 30px;
  clear: both;
}

#contact-us_box10-p
{
  margin-left: -12px;
}


.contact-us_box12
{
  float: left;
  width: 475px; 
  height: 35px;
  margin-left: 30px;
}