/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/*
wrapper id is a container for index page and haildamage page to keep relative position 
of the starburst and rounded box elements, respectively -- shawn
*/

body {
	margin: 0px 0 0 0;
	padding: 0;
	background: #E6E6E6 url(images/img01.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #000000;
}

h4 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;

}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ol, ul {
	line-height: 180%;
}

ol {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul li {
	padding-left: 8px;
	background: url(images/img07.gif) no-repeat 0px center;
}

ul li  a{display:block;}
.imgbdr{
	border: 1px solid black;
	}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #CC9933;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 5px 15px 0 0;
	border: 1px solid black;
}

img.center {
	align: center;
	margin: 5px 15px 0 0;
	border: 1px solid black;
	}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display:none;
}

/* Menu */
#menu {
	font-size: 14px;
	color: #8d0708;
	visibility: visible;
	}

#topper {
	width: 900px;
	height: 32px;
	margin: 0 auto;
	background: url(images/img02.gif);
}

#wrapper {
	width: 840px;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 900px;
	height: 281px;
	margin: 0 auto;
	background: #2A2A2A url(images/cmlogowide.jpg);
	background-repeat:repeat-x;
	border-right: 1px solid #d1a716;
	border-left: 1px solid #d1a716;
	z-index: inherit;
	
	
}

#logo h1, #logo h2 {
	margin-right: 440px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}

#logo h1 {
	padding-top: 250px;
	font-size: 250%;
}

#logo h2 {
	font-size: 85%;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	background:  #E6E6E6 url(images/img04.gif);
	border-right: 1px solid #d1a716;
	border-left: 1px solid #d1a716;
}

/* Content */

#content {
	float: right;
	width: 600px;
	padding: 0px 32px 10px 10px;
	background: url(images/img05.gif) repeat-x;
	/*border: 1px solid #E6E6E6;*/
}

.twocols {
}

 .twocols .col2 {
	width: 168px;
	padding: 10px 10px 10px 14px;
	background: url(images/img05.gif) repeat-x 0px 30px;
	float: left;
}

.twocols .col1 {
	width: 250px;
	padding: 5px 5px 5px 9px;
	background: url(images/img05.gif) repeat-x 0px 30px;
	float: left;
}

.col1 ul {
		font-size:16px;
		font-weight:bold;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 200px;
	background: url(images/img05.gif) repeat-x;
	border: 1px solid #E6E6E6;
	padding: 0px 17px 0px 0px;
}

.boxed {
}

.boxed .title {
	height: 29px;
	margin: 0;
	padding: 12px 0 0 20px;
	background: #656464 url(images/img06.gif) repeat-x;
	text-transform: uppercase;
	font-size: 122%;
	font-weight: bold;
	color: #FFFFFF;
}

.boxed .content {
	padding: 10px;
	background: url(images/img05.gif) repeat-x;
}

.boxed h3 {
	margin: 0;
}

.boxed p, .boxed ul, .boxed ol {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.boxed ul {
}

.boxed ul li {
	padding: 6px 10px;
	border-top: 1px solid #CFCFCF;
}

.boxed ul li.first {
	border: none;

}


.locations {
	margin-left:20px;
	padding: 10px 0px 10px 10px;
	background: url(images/img05.gif) repeat-x;
}

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

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;*/
    margin-left: 20px;
    width: 170px;
    *width: 170px;
}
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul
{
    left: 0px;
    margin-left: 0px;
    margin: 0px;
    padding-left: 20px;
    padding: 0px;
    /*width: 189px;*/
    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: #E6E6E6;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: none;
    position: absolute;
    /*width: 160px;*/
    top: -1px;
    left: 180px;
    *left: 189px;
	/*background-image: url('http://www.optimumhealthcare.org/images/common/bg_menu.gif');*/
	overflow:inherit;
	/*border-top: 1px solid #cccccc;*/
}
.menulist ul li 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	/*margin-left:20px;*/
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.menulist ul li ul
{
    left: 162px;
	/*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:162px;
    position: relative;
    left: 0px;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 0px;
    margin-bottom: -1px;*/
}

.menulist li ul > li
{
	text-align:left;
	/*background: #ccc;*/
	padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.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: 162px;
    /*background-image: url('http://www.optimumhealthcare.org/images/bg_menu.gif');
    margin-bottom: 0px;
    margin-bottom: 1px; /* Mozilla fix */
    /*border-bottom: 1px solid #000;*/
	padding:0px 0px 0px 0px;
}

.menulist ul
{
    width: 162px;
    /*border: 1px solid #000;*/
}

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

/* Links inside the menu */
.menulist ul li ul li a
{
	margin: 0 0 0px;
	height:1.2em;
    /*border-bottom: 1px solid #c9c2b4;*/
	border-right:1px solid #E6E6E6;
}
/* Links inside the menu */
.menulist ul li ul li 
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus
{
    color: #cc9933;
    /*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;*/
	border-right:0px solid #E6E6E6;
}
.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;
}



/* Footer */

#footer {
	width: 902px;
	margin: 0 auto;
	height: 100px;
	padding: 20px 0 0 0;
	background: url(images/img09.gif) repeat-x;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 85%;
}

table {
	font-size: 18px;
	color: #CC9933;
	


}

#footer a {
	color: #d4a956;
}

#legal {
	float: left;
}

#links {
	float: right;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(demobox.png) no-repeat bottom right; 
} 

.cssbox { 
width: 250px !important; /* intended total box width - padding-right(next) */ width: 250px; 
/* IE Win = width - padding */ padding-right: 15px; 
/* the gap on the right edge of the image (not content padding) */ margin: 20px auto; 
/* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
background-position: top right; 
margin-right: -15px; 
/* pull the right image over on top of border */ 
padding-right: 40px; 
/* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.cssbox_head h2 { 
background-position: top left; margin: 0; 
/* reset main site styles*/ border: 0; 
/* ditto */ padding: 10px 0 10px 25px; 
/* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; 
/* IE Holly Hack */ } 
/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; 
margin-right: 25px; 
/* interior-padding right */ padding: 5px 0 5px 25px; 
/* mirror .cssbox_head right/left */ }