/* CSS Document VMC Weightloss Surgery */

body {
	
text-align: center;
background-image:url(images/mainbkltblue.jpg);
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 150%;
}



#header {
height: 185px;
background:url(images/header4.gif) no-repeat top left;
border-bottom: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


#header2 {

width: 766px;

background-color: #35689b;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 0px;

}

#navcont {

width: 775px;
height: 30px;
background-color: #35689b;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #35689b;

}

#wrap{
text-align: left;
width: 775px;
margin: 20px auto 0 auto;
background-color: transparent;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
}


#main_content{
background-image:url(images/fauxbk.gif);
border:none;
padding: 10px 10px 0px 10px;
}



/* text links*/
A:link {
font-weight: bold; color: #ffffff; text-decoration: none
}
A:active {
font-weight: bold; color: #cccccc; text-decoration: none
}
A:visited {
font-weight: bold; color: #ffffff; text-decoration: none
}
A:hover {
font-weight: bold; color: #cccccc; text-decoration: underline
}



#bold{
line-height:70%;
font-weight: bold;
padding-left:4px;
margin-left:4px;
}

.italic{ 
font-style: italic; 
}

.bold{ 
font-weight: bold; 
}

h1 {
font-size: 14px;
font-weight: bold;
margin: 0 0 0 0;
padding: 0px 0px 6px 0px;
text-align:center;
color: #ffffff;
}

h2 {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align:center;
color: #35689b;
}

h3 {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
color: #35689b;
}

#leftcolumn { 
font-size: 0.85em;
color:#000000;
background:url(images/colbk1.gif) no-repeat top left;
padding:6px;
width: 180px;
height:570px;
float: left;
/*border: 1px solid #e7e5e5;*/
/*background-color: #ffffff;*/


}


/* left column of the index.htm - start*/
.leftlist{
	
margin:8px 4px 8px 8px;
line-height: 20px;
font:1.2em Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
}
.leftlist A:link {
font-weight: normal; color: #000000; text-decoration: none
}
.leftlist A:active {
font-weight: normal; color: #35689b; text-decoration: none
}
.leftlist A:visited {
font-weight: normal; color: #000000; text-decoration: none
}
.leftlist A:hover {
font-weight: normal; color: #35689b; text-decoration: underline
}

#media {

padding: 18px;
margin-left: 200px;
width:450px;
}
#media A:link {
font-weight: bold; color: #99cc00; text-decoration: none;
}
#media A:active {
font-weight: bold; color: #cccccc; text-decoration: none;
}
#media A:visited {
font-weight: bold; color: #99cc00; text-decoration: none;
}
#media A:hover {
font-weight: bold; color: #cccccc; text-decoration: underline;
}



#centercolumn {
background-color: #ffffff;
/*border: 1px solid #ccc;*/
padding: 18px;
margin-left: 200px;
width:450px;
}
 
#centercolumn a:link,
#centercolumn a:visited {
            color: #99cc00;
}
 
#centercolumn a:hover,
#centercolumn a:active {
            color: #35689b;
}


#centercolumn2 {
background-color: #ffffff;
/*border: 1px solid #ccc;*/
padding: 18px;
margin-left: 200px;
width:450px;
}
 
#centercolumn2 a:link,
#centercolumn2 a:visited {
            color: #99cc00;
}
 
#centercolumn2 a:hover,
#centercolumn2 a:active {
            color: #35689b;
}






#centersched {

/*border: 1px solid #ccc;*/
padding: 18px;
margin-left: 210px;
width:460px;
background:url(images/grnbk.gif);

}

#centersched2 {

/*border: 1px solid #ccc;*/
padding: 18px;
margin-left: 300px;
width:400px;
background:url(images/grnbk.gif);

}


 
 #table{

/*border: 1px solid #ccc;*/
/*padding: 10px;*/
font: 0.75em Verdana, Arial, Helvetica, sans-serif;
color: #000;

background-color: #ffffff;


}


	
.list2
	{
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	margin-left: 14px;
	list-style:outside;
	/*list-style-image:url(images/bullet.gif);*/
	vertical-align:top; 
            
	
	}





#center_clear {
clear: left;
/*border-bottom: 1px solid #ccc;*/
margin-left: 161px;
}




.mainimg{

width:200px;
	margin-left: 100px;
text-align: center;
}

.building img {
/*border: 2px solid #000000;*/
text-align: center;
}



.schedule_table {
/*float:left;
margin-top: 5px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;*/
font-weight: normal;
line-height: 150%;
font: 0.8em "Trebuchet MS", "Gill Sans", Verdana, Tahoma, sans-serif;
}
.schedule_table A:link {
font-weight: bold; color: #aa273d; text-decoration: none
}
.schedule_table A:active {
font-weight: bold; color: #aa273d; text-decoration: none
}
.schedule_table A:visited {
font-weight: bold; color: #000000; text-decoration: none
}
.schedule_table A:hover {
font-weight: bold; color: #aa273d; text-decoration: underline
}

.schedule_table td {
padding: 3px;
}




* html .staff_info { /* IE6 hack - Need this to fix the "3 pixel gap" bug. */
height: 1%;
margin-left: 137px; /* offset the extra 3 pixels (3px less than what it's supposed to be) that IE6 adds with the 3 pixel bug. */
}


#copyright {
height:106px;
background: url(images/footer22.gif) no-repeat;
}


/*=========================
Nav Start home page
=========================*/

#nav_cont {
background: #35689b;
padding: 10px 0px 0px 20px;
}

#nav, #nav ul { /* all lists */
padding: 0;   
margin: 0;
list-style: none;
height: 2.2em;
border: none;
}

#nav a {
display: block;
width: auto;
/*width: 11em;*/
padding: 1px 30px 1px 6px;

}

#nav li { /* all list items */
float: left;
width: auto;  /* width needed or else Opera goes nuts */
background: #35689b;
/*border: 1px solid #000000;
border-bottom: none;*/
padding: 2px 2px 1px 2px;
}

#nav li ul { /* second-level lists */
position: absolute;
background: #35689b;
width: 11em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
width: 11em;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}



#content {
clear: left;
color: #E1D0A0;

}

/* nav home end*/


/*=========================
Nav Start interior pages
=========================*/



#nav_cont {
background: #35689b;
padding: 10px 0px 0px 20px;
}

#nav, #nav ul { /* all lists */
padding: 0;   
margin: 0;
list-style: none;
height: 2.2em;
border: none;
}

#nav a {
display: block;
width: auto;
/*width: 11em;*/
padding: 1px 10px 1px 6px;

}

#nav li { /* all list items */
float: left;
width: auto;  /* width needed or else Opera goes nuts */
background: #35689b;
/*border: 1px solid #000000;
border-bottom: none;*/
padding: 2px 2px 1px 2px;
}

#nav li ul { /* second-level lists */
position: absolute;
background: #35689b;
width: 11em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
width: 11em;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* nav interior pages end*/


.leftseminar{

list-style-type: none;
border: 1px solid #99cc00;

background-color: #e7e5e5;
margin-top: 40px;

line-height: 150%;	
text-align:left;
width:175px;
padding: 2px 2px 2px 2px;



}.leftseminar A:link {
font-weight: bold; color: #35689b; text-decoration: none
}
.leftseminar A:active {
font-weight: bold; color: #35689b; text-decoration: none
}
.leftseminar A:visited {
font-weight: bold; color: #35689b; text-decoration: none
}
.leftseminar A:hover {
font-weight: bold; color: #35689b; text-decoration: underline
}


.leftseminarpic{

list-style-type: none;
border: 1px solid #99cc00;

background-color: #ffffff;
margin-top: 40px;

line-height: 150%;	
text-align:left;
width:175px;
padding: 2px 2px 2px 2px;


}.leftseminarpic A:link {
font-weight: bold; color: #35689b; text-decoration: none
}
.leftseminarpic A:active {
font-weight: bold; color: #35689b; text-decoration: none
}
.leftseminarpic A:visited {
font-weight: bold; color: #35689b; text-decoration: none
}
.leftseminarpic A:hover {
font-weight: bold; color: #35689b; text-decoration: underline
}


.staff_pic {
float: left;
border: 2px solid #35689b;
margin-top: 4px;
margin-right: 14px;
margin-bottom: 4px;
margin-left: 4px;
}


.staff_container {
    float: left;
    height: 1%; /* IE6 and IE7 hack - Need this to fix the "Has Layout" bug. */
    margin-bottom: 40px;
	
	width:500px;
}

.staff_pic {
    float: left;
    border: 2px solid #000000;
    margin-top: 4px;
    margin-bottom: 40px;

	
}


.staff_pic2 {
    float: left;
    border: 2px solid #000000;
    margin-top: 4px;
    margin-bottom: 15px;

 margin-right: 14px;}

.staff_info {
    margin-left: 140px;
		padding-bottom: 20px;
}

* html .staff_info { /* IE6 hack - Need this to fix the "3 pixel gap" bug. */
	height: 1%;
	margin-left: 137px; /* offset the extra 3 pixels (3px less than what it's supposed to be) that IE6 adds with the 3 pixel bug. */
}




