html, body
{
font-family: Arial, garamond, times;
font-size: 12pt;
color: #FFFFFF;
background: #480000;
margin:0px;
text-align: center;
}

img
{
border: 0px;
}

.associates{
list-style:none;
}

.drphoto
{
    float:right;
    margin:0px 25px 0px 15px;
    border: solid 3px #480000;
}
a
{
color: #FFFFFF;
text-decoration:underline;
}

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

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

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

ul 
{
margin-left: 20px;
list-style-type: square;
}

ul li 
{
position: relative;
}

ul li a
{

}

ul li a:hover
{

}


/* UL CONTENT */
ul.content 
{
margin: 0px 0px 3px 25px;
list-style: none;
}
ul.content ul li li
{
list-style: none;
}

#Content1 P
{
    text-align:justify;
}

.clearance
{
    clear:both;
    height:0px;
    overflow:hidden;
}
#wrapper
{
position: relative;
overflow: hidden;
width: 760px;
margin-left: auto;
margin-right: auto;
background-image: url(/images/inner_bg.jpg);
background-repeat: no-repeat;
/*border: 1px solid orange;*/
text-align: left;
padding-bottom:25px;
}

#header
{	
position: relative;
overflow: hidden;
width: 100%;
min-height: 200px;
height: auto !important;
height: 200px;
text-transform: uppercase;
font-family: arial;
font-size: 10pt;
/*border: 1px solid orange;*/
float:left;
}

.inner_nav
{
float: right;
overflow: hidden;
margin-top: 119px;
}

.inner_nav
{
float: right;
overflow: hidden;
margin-top: 119px;
}

/* Fix IE. Hide from IE Mac \*/
* html .inner_nav {margin-top:116px;}
/* End */

#main
{
background: #6D6F47;
float:left;
width:730px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}

*+html #main{ width: 760px; } 
/*\*/ * html #main{ width: 760px; } /**/ 

#main h1
{
    margin-top: 0px;
}

#main_left
{
float: left;
width: 200px;
min-height: 40px;
height: auto !important;
height: 40px;
/*border: 1px solid orange;*/
}

#main_left p
{
padding: 15px 15px 0 15px;
font-size: 11pt;
}

#main_right
{
float: left;
width: 500px;
min-height: 40px;
height: auto !important;
height: 40px;
margin: 0 0 0 20px;
/*border: 1px solid orange;*/
}

#main_right img
{
margin: 15px 0 0 0;
}

#main_right p
{
padding: 10px;
font-size: 11pt;
}

#main_bottom
{
    display: block;

}

#footer
{	
    float: left;
overflow: hidden;
width: 760px;
margin: 20px 0 0 0;
background: #834C60;
/*border: 1px solid pink;*/
}

#footer_left
{
display: inline-block;
vertical-align: middle;
width: 275px;
margin:0 0 0 15px;
font-family: arial;
font-size: 8pt;
}

#footer_right
{
display: inline-block;
vertical-align: middle;
margin:0 0 0 25px;
font-family: arial;
font-size: 8pt;
}

.think{
color:#888888;
font-size:10px;
padding-top:10px;
padding-bottom:10px;
}

.think a{
text-decoration:underline;
}

.think a:hover{
color:#ccc;
text-decoration:underline;
}

/* Fix IE. Hide from IE Mac \*/
* html #footer {}
* html #footer_left {display:inline;}
* html #footer_right {display:inline;}
/* End */



/* set the size of the definition list <dl> and add the background image */
#imap {display:block; width:600px; height:263px; background:url(/images/dr_group.jpg) no-repeat; position:relative; border: solid 3px #480000;}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {display:block; width:600px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(/images/dr_group.jpg) no-repeat 600px 263px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imap a#title {height:263px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #picsc {left:30px; top:40px; z-index:20;}
#imap #picas {left:109px; top:48px; z-index:20;}
#imap #picjg {left:205px; top:31px; z-index:20;}
#imap #pictm {left:286px; top:53px; z-index:20;}
#imap #picpm {left:390px; top:37px; z-index:20;}
#imap #pices {left:480px; top:37px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#Samuel, #imap a#Andrew, #imap a#Jason, #imap a#Todd, #imap a#Peter, #imap a#Edward {display:block; width:85px; height:85px; background:transparent url(/images/hover-1.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}

/* move the link background image to position 0 0 when hovered */
#imap a#Samuel:hover, #imap a#Andrew:hover, #imap a#Jason:hover, #imap a#Todd:hover, #imap a#Peter:hover, #imap a#Edward:hover {background-position:0 0;}

/* define the common styling for the span text */
#imap a:hover span {position:absolute;  width:500px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imap a:hover span {width:500px; w\idth:500px;}

/* move the span text to a common position at the bottom of the image map */
#imap a#Samuel:hover span {left:-30px; top:195px;}
#imap a#Andrew:hover span {left:-109px; top:187px;}
#imap a#Jason:hover span {left:-205px; top:204px;}
#imap a#Todd:hover span {left:-286px; top:182px;}
#imap a#Peter:hover span {left:-390px; top:198px;}
#imap a#Edward:hover span {left:-480px; top:198px;}

/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}