@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

* { margin:0; padding:0; outline:none;}

body {background: url(../images/bg_body.gif) top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

p { margin:0px; padding:0px; line-height:1.2em; color:#000;}
p a:link, p a:visited {color:#21298e; text-decoration: underline;}
p a:hover {color:#21298e; text-decoration: underline}

h1 {font-family:"Times New Roman", Times, serif; font-size:15px; font-weight:bold; font-style:italic; color:#190696; margin-bottom:3px;}

h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; font-style:italic; color:#190696; background:url(../images/bg_h2.gif) top left no-repeat; padding-left:15px;}

h3 { margin:0px; padding:0px; font-family:"Times New Roman", Times, serif; font-size:15px; font-weight:bold; color:#9F9F9F; text-transform:uppercase; padding-bottom:10px; font-style:italic}

img { border:none;}

a.readmore { color:#1b2b9a; text-decoration:underline;} 


/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper {width:780px; float:left;}

/*
---------------------------------------------
03. HEADER STYLES
---------------------------------------------
*/

#header {width:780px; height:175px; background:url(../images/bg_header.jpg) no-repeat; }

#header a.home {height:17px; width:45px;  margin:4px 0 0 7px; float:left; display: inline; }
#header a.logo {height:120px; width:330px;  margin:6px 0 0 230px; position:absolute; }


#header ul { padding:154px 0 0 0; float:right;  height:21px; display:block; }
#header ul li { float:left; list-style:none;}
#header ul li a {display:block; float:left; height:21px;}
#header ul li a.calenderofevents {background:url(../images/menu_event_seminars.gif) no-repeat; width:192px;}
#header ul li a.faqs {background:url(../images/menu_faqs.gif) no-repeat; width:49px;} 
#header ul li a.glossaryofterms {background:url(../images/menu_glossary_terms.gif) no-repeat; width:114px;} 
#header ul li a.contactus {background:url(../images/menu_contact_us.gif) no-repeat; width:137px;} 
#header ul li a:hover {background-position:0 -21px;}


/*
---------------------------------------------
04. FLASH BUTTON
---------------------------------------------
*/

#flash_button {width:780px; height:94px; float:left;}


/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/

#content {width:780px; float:left; background: url(../images/bg_content.gif) left repeat-y #fff; overflow:hidden;}


/*
---------------------------------------------
06. LEFT PANEL
---------------------------------------------
*/

#leftpanel {width:283px; background:url(../images/bg_left_top.jpg) top no-repeat; padding-top:65px; float:left;}
#leftpanel h2 { margin:0; float:left }

#leftpanel #successstory { width:228px; padding:10px 2px 15px 0; margin-left:31px;}

#leftpanel .main {width:228px; float:left; background:url(../images/bg_paragraph_left.gif) no-repeat top center; padding-top:15px }
#leftpanel .photo  {width:117px; height:115px; float:left; background: url(../images/bg_photo.jpg) no-repeat; padding-top:2px}
#leftpanel .content  {width:100px; float: right; padding-right:5px }


#leftpanel .morestories { width:130px; padding-left:0;}
#leftpanel .morestories h2{ height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#08A814; font-style:normal; padding-right:25px; position:relative; padding-left:0; padding-top:10px; background:none;}
#leftpanel .morestories h2 a{background: url(../images/button_go.gif) no-repeat right top; height:20px; float:left;width:110px;}
#leftpanel .morestories h2 a:link, #leftpanel .morestories h2 a:visited { text-decoration:none; color:#08A814}
#leftpanel .morestories h2 a:hover { text-decoration:none; color:#08A814}


/*
---------------------------------------------
07. RIGHT PANEL
---------------------------------------------
*/

#rightpanel {width:497px; float:right;padding:10px 0 0 0; }
#rightpanel img.americancollegeofsurgeons { float:left; margin-top:-37px;}

#rightpanel p { padding-left:10px; padding-bottom:10px;}

#rightpanel .mainflash {width:497px; float:left; clear:both; margin-top:1px;}

#rightpanel .mainflash img.mainflashlinks {float:left;}

#rightpanel .surgery-link {position: absolute; width:140px; height:120px; margin-left:-140px; margin-top:10px;}
#rightpanel .cbsnews-link {position: absolute; width:140px; height:60px; margin-left:-140px; margin-top:110px;}
#rightpanel .bmi-link {position: absolute; width:140px; height:100px; margin-left:-140px; margin-top:180px; }


/*
---------------------------------------------
08. FOOTER STYLES
---------------------------------------------
*/

#bgfooter {width:100%; background:url(../images/bg_footer.gif) repeat-x top right; float:left;}
#footer {width:780px; float:left; height:57px;}


/*
---------------------------------------------
09. INNERPAGE - HEADER
---------------------------------------------
*/

#header-inner {width:778px; height:185px; }
.blank{background:url(../images/blank_header.jpg) no-repeat;}
.wls{background: url(../images/bg_headerinner.jpg) no-repeat;}
.terms{background:url(../images/hdr_terms.jpg) no-repeat;}
.team{background:url(../images/hdr_ourteam.jpg) no-repeat;}
.pt{background:url(../images/hdr_patient_test.jpg) no-repeat;}
.c_e_s{background:url(../images/hdr_calender.jpg) no-repeat;}
.faq{background:url(../images/hdr_faq.jpg) no-repeat;}
.contactus{background:url(../images/hdr_contact.jpg) no-repeat;}
.start{background:url(../images/hdr_starting.jpg) no-repeat;}
#header-inner a.home {height:15px; width:45px;  margin:8px 0 0 12px; float:left; display:inline; }

#header-inner a.logo {height:120px; width:330px;  margin:6px 0 0 230px; float:left; display:inline; }


/*
---------------------------------------------
10. INNERPAGE - NAVIGATION
---------------------------------------------
*/

#nav-inner { width:100%; height:34px; background:url(../images/bg_navbar.jpg) repeat-x;}

#nav-inner ul { float:left; height:34px; display:block}
#nav-inner ul li { float:left; list-style:none}

#nav-inner ul li a {display:block; float:left; height:34px;}
#nav-inner ul li a.weightloss {background: url(../images/weightloss1.jpg) no-repeat; width:151px; float:left}
#nav-inner ul li a.weightloss_selected {background: url(../images/weightloss1.jpg) no-repeat; width:151px; float:left; background-position:0 -34px;}

#nav-inner ul li a.ourteam {background: url(../images/ourteam1.jpg) no-repeat; width:69px;}
#nav-inner ul li a.ourteam_selected {background: url(../images/ourteam1.jpg) no-repeat; width:69px; background-position:0 -34px;}

#nav-inner ul li a.patient {background: url(../images/patient1.jpg) no-repeat; width:127px;}
#nav-inner ul li a.patient_selected {background: url(../images/patient1.jpg) no-repeat; width:127px; background-position:0 -34px;}

#nav-inner ul li a.calender {background: url(../images/calender1.jpg) no-repeat; width:174px;}
#nav-inner ul li a.calender_selected {background: url(../images/calender1.jpg) no-repeat; width:174px;background-position:0 -34px;}

#nav-inner ul li a.faq {background: url(../images/faq1.jpg) no-repeat; width:44px;}
#nav-inner ul li a.faq_selected {background: url(../images/faq1.jpg) no-repeat; width:44px; background-position:0 -34px;}

#nav-inner ul li a.glossary {background: url(../images/glossary1.jpg) no-repeat; width:111px;}
#nav-inner ul li a.glossary_selected {background: url(../images/glossary1.jpg) no-repeat; width:111px;background-position:0 -34px;}

#nav-inner ul li a:hover {background-position:0 -34px;}


/*
---------------------------------------------
11. INNERPAGE - CONTENT
---------------------------------------------
*/

#content-inner { width:100%; background:#FFFFFF url(../images/bg_innercontent.jpg) no-repeat; float:left; padding-top:5px}


/*
---------------------------------------------
12. INNERPAGE - COLUMN 1 LEFT
---------------------------------------------
*/


#column1 { width:478px; padding: 0 0 10px 40px; float: left}

#column1 .photo { width:478px; background:url(../images/hands.jpg) top right no-repeat; float: left}

#column1 h1 { font-family:"Georgia", "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#032FB5; padding-left:12px}

#column1 ul { list-style:none; padding-top:20px; padding-left:40px}
#column1 ul li { font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#0000CC; line-height:1.3em; padding-bottom:15px;}
#column1 ul li a:link, #column1 ul li a:visited { text-decoration:underline; color:#0000CC}
#column1 ul li a:hover { text-decoration:underline; color:#0000CC}
#column1 img{padding: 20px 0 0 40px;}
#column1 h3{font-size: 24px;font-family: "Times New Roman",Georgia,Times;font-weight: bold;color:#000000;font-style: normal;text-decoration: underline;padding: 50px 0 0 40px;}
.cal-sub-head{font-size:16px;font-family: "Times New Roman",Georgia,Times;color:#000000;font-style: italic;padding: 20px 0 0 40px;}
.month{font-size: 16px !important;text-decoration: none !important;padding: 15px 0 0 40px!important;}
.cal-head-month{padding: 0 0 0 40px !important;}
#content-inner .divider { width:12px; height:424px; background:url(../images/divider.jpg) no-repeat; float:left }

#column1 .our-team{font-size:16px;font-family: "Times New Roman",Georgia,Times;color:#000000;padding: 20px 0 0 40px;}
#patient-testimonial{font-size:16px;font-family: "Times New Roman",Georgia,Times;color:#000000;padding: 20px 0 0 40px;}
#faq-content{background: url("../images/faq.jpg");padding: 15px 0 0 40px;margin: 0 0 0 1px}
#faq-content a{font-family: "Times New Roman",Georgia,Times;font-size:15px;}
#glossary-content, #bariatric-center, #faq{font-family: "Times New Roman",Georgia,Times;font-size:16px;padding: 15px 0 0 40px;}
#bariatric-center{ background:url(../images/ACS-logo_20p.jpg) no-repeat; min-height:590px; _height:590px;}
#faq h4{ font-size:16px; color:#34c415; text-decoration:underline;}
#faq h5{ font-size:14px;color:#2e2790; padding:20px 0 10px 0;}


/*
---------------------------------------------
13. INNERPAGE - COLUMN 2 RIGHT
---------------------------------------------
*/

#column2 { width:265px; float:left; padding-left:10px;}
#column2 h3 span { color:#2104AB; font-size:14px; font-style:normal}

#column2 .links{ font-size:11px; font-weight:bold; color:#34C60B; padding-bottom:10px; text-decoration:none;}
#column2 .links a{ font-size:11px; font-weight:bold; color:#34C60B; padding-bottom:10px; text-decoration:none; float:left; padding:0 0 10px 0;}
#column2 .links span { font-size:11px; }
#column2 .links a:link, #column2 h4 a:visited { text-decoration:none; color:#34C60B}
#column2 .links a:hover { text-decoration:none; color:#34C60B}
#column2 p { font-size:11px; font-weight:normal; color:#B3B3B3; padding-top:5px}


/*
---------------------------------------------
14. INNERPAGE - FOOTER STYLE
---------------------------------------------
*/

#footer-inner {width:100%; float:left; background: #FFFFFF url(../images/footer_inner.jpg) no-repeat}

.download{
	background:url(../images/download_button.gif) no-repeat left top;
	height:50px;
	float:left;
	padding:0 0 0 60px;
	margin:30px 0 0 0;
	}
.thickbox{
	float:left;
	padding:20px 0 20px 0;
	width:100%
	}
sup{
	font-size:10px;
	}