/*---------------------
top nav
----------------------*/

#topnav {
 width: 700px;
 float: left;
 margin: 0 0 0 0;
 border-bottom: 5px solid #dfe5f3;
 display: inline;
 float: left;	
}

#topnav li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: left;
}

#topnav a {
 margin: 0 1px 0 0; 
 padding: 0 0 0 14px;
 color: #fff;	 
 font-size: 12px;  	
 background: #779ee6 url('../imagesNew/navleft.jpg') no-repeat left top;
 display: inline-block;
 float: left;   
}

#topnav a span {    
 padding: 5px 14px 6px 0;  
 background: #779ee6 url('../imagesNew/navright.jpg') no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;
}

#topnav a:hover {background: #6885c9 url('../imagesNew/navleft.jpg') no-repeat 0 -52px;}
#topnav a:hover span {background: #6885c9 url('../imagesNew/navright.jpg') no-repeat 100% -52px;}

/*page indicator*/	
body.home #topnav #home,
body.Morbid #topnav #morbid,
body.Effects #topnav #effects,
body.Options #topnav #options,
body.Risks #topnav #risks,
body.Finance #topnav #finance {background: #4b63a1 url('../imagesNew/navleft.jpg') no-repeat 0 -104px;}

body.home #topnav #home span,
body.Morbid #topnav #morbid span,
body.Effects #topnav #effects span,
body.Options #topnav #options span,
body.Risks #topnav #risks span,
body.Finance #topnav #finance span {background: #4b63a1 url('../imagesNew/navright.jpg') no-repeat 100% -104px;}

#topnav a span {float: none;}
#topnav a:hover span {color: #ffffff;}

/*********************************************
*  primary styles
**********************************************/
	
* {
 margin: 0;
 padding: 0;
}

body {
 font-family: Arial, sans-serif;
 font-size: 12px;
 line-height: 18px;
 color: #2b5275;
 text-align: center;
 margin: 37px 0 10px 0;
 background: #ffffff url('../imagesNew/spacer.gif') repeat-x 0 0;
}

div {text-align: left;}
li {list-style: none;}

h1, h2, h3, h4, h5 {
 font-weight: normal;
 color: #2b5275;
 line-height: 18px;
 margin-bottom: 18px; 
}

h1 {
 font-size: 18px;
 color: #699bc9;
 font-weight: bold;
}

h3 {
 font-size: 17px;
 padding-bottom: 10px;
 border-bottom: 1px solid #e7eff5;
}

h4 {display: none;}

p, ul, ol {margin-bottom: 18px;}

ul {
 list-style: none;
 color: #2b5275;
}

ul li {
 padding-left: 12px;
 margin-left: 10px;
 background: transparent url('../imagesNew/bullet.gif') no-repeat left top;
}

a { 
 text-decoration: none;
 color: #699bc9;	 
 padding-bottom: 1px;	
}

a:hover {color: #2b5275;}

.hide, span {display: none;}

/*------------------------------------------------------
main layout pages
---------------------------------------------------------*/

#paper {
 width: 808px;
 margin: 0 auto;
}

#paperedge-left {
 width: 44px; 
 height: 144px;
 background: #ffffff url('../imagesNew/upperleft.jpg') no-repeat 0 0;
 float: left;
}

/*------------------------------------------------------
each page has it own mid paper edge height
---------------------------------------------------------*/
#paperedge_midleft,
#paperedge_midleft-MO,
#paperedge_midleft-HE,
#paperedge_midleft-SO,
#paperedge_midleft-BR,
#paperedge_midleft-FI,
#paperedge_midleft-LAP,
#paperedge_midleft-details,
#paperedge_midleft-drclark,
#paperedge_midleft-faq,
#paperedge_midleft-docsonly,
#paperedge_midleft-terms,
#paperedge_midleft-whole,
#paperedge_midleft-map {
 width: 44px; 
 background: #ffffff url('../imagesNew/midleft.jpg') repeat-y 0 0;
 float: left;
 margin-top: 144px;
}

#paperedge_midleft {height: 1670px;}
#paperedge_midleft-MO {height: 4350px;}
#paperedge_midleft-HE {height: 3200px;}
#paperedge_midleft-SO {height: 6150px;}
#paperedge_midleft-BR {height: 13950px;}
#paperedge_midleft-FI {height: 3400px;}
#paperedge_midleft-LAP {height: 3100px;}
#paperedge_midleft-details {height: 2600px;}
#paperedge_midleft-drclark {height: 1200px;}
#paperedge_midleft-faq {height: 7300px;}
#paperedge_midleft-docsonly {height: 13400px;}
#paperedge_midleft-terms {height: 4100px;}
#paperedge_midleft-whole {height: 31950px;}
#paperedge_midleft-map {height: 950px;}

#paperedge-left-bottom {
 width: 44px; 
 height: 174px;
 background: #ffffff url('../imagesNew/leftbottom.jpg') no-repeat 0 0;
 float: left;

}

#paper-center {
 width: 720px;
 float: left;
 background: #ffffff;
}

#paperedge-right {
 width: 44px; 
 height: 70px;
 background: url('../imagesNew/righttop.gif') no-repeat 0 0;
 float: left;
}

#paperedge_midright,
#paperedge_midright-MO,
#paperedge_midright-HE,
#paperedge_midright-SO,
#paperedge_midright-BR,
#paperedge_midright-FI,
#paperedge_midright-LAP,
#paperedge_midright-details,
#paperedge_midright-drclark,
#paperedge_midright-faq,
#paperedge_midright-docsonly,
#paperedge_midright-terms,
#paperedge_midright-whole,
#paperedge_midright-map {
width: 44px;
  background: #ffffff url('../imagesNew/midright.gif') repeat-y;
 float: left;
 margin-top: 70px;
}

#paperedge_midright  {height: 1770px;}
#paperedge_midright-MO  {height: 4500px;}
#paperedge_midright-HE  {height: 3350px;}
#paperedge_midright-SO  {height: 6270px;}
#paperedge_midright-BR  {height: 14050px;}
#paperedge_midright-FI  {height: 3500px;}
#paperedge_midright-LAP  {height: 3300px;}
#paperedge_midright-details  {height: 2700px;}
#paperedge_midright-drclark  {height: 1300px;}
#paperedge_midright-faq  {height: 7500px;}
#paperedge_midright-docsonly  {height: 13550px;}
#paperedge_midright-terms {height: 4300px;}
#paperedge_midright-whole {height: 32100px;}
#paperedge_midright-map {height: 1100px;}

#paperedge_midright-content  {
 width: 44px;
 height: 500px;  
 float: left;
}

#paperedge-right-bottom {
 width: 44px; 
 height: 174px;
 background: #ffffff url('../imagesNew/rightbottom.gif') no-repeat 0 0;
 float: left;
}

address {
 color: #ffffff;
 padding-top: 10px;
 padding-left: 20px;
 font-style: normal;
 font-size: 11px;
}

#box {
 width: 700px;
 margin: 0 10px;
 display: inline;
 float: left;
}

/*-------------------------------------------------------
page bottom settings
----------------------------------------------------------*/

#header {
 height: 87px;
 width: 720px;
 background: #ffffff url('../imagesNew/topleft.jpg') no-repeat 0 0;
 float: left;
}

#logo {	
 height: 22px;
 width: 199px; 
 margin: 52px 0 0 35px;	
 background: transparent url('../imagesNew/gastricbypass.gif') no-repeat 0 0;
 float: left;	
}

#footer {
 height: 87px;
 width: 720px;
 margin-top: 20px;
 background: #ffffff url('../imagesNew/pagebottom.jpg') no-repeat 0 0;
 float: left;
}

#disclaimer p {
	font-size: 11px;
	color: #9bbddb;
	margin: 0;
	padding: 0px 10px 10px 10px;
	line-height: 15px;
}

#footerCR {
 margin: 15px 0 0 20px;
 font-size: 11px;
 color: #B8BBBC;	
 display: inline;
 float: left;
}

/*-------------------------------
header/footer links 
---------------------------------*/

#headerlinks,
#footerlinks {
 margin: 36px 15px 0 0;
 display: inline;
 float: right;
}
#footerlinks {margin-top: 16px;}

#headerlinks li,
#footerlinks li {
 height: 18px;
 background: transparent url('../imagesNew/headerlinkdivider.gif') no-repeat top right;
 margin: 0;
 padding: 0 10px;
 display: inline;
 float: left;
}

#footerlinks li {background: transparent url('../imagesNew/footerlinkdivider.gif') no-repeat top right;
}

#headerlinks li.last,
#footerlinks li.last { 
 background: none; 
 padding: 0 0 0 10px;
}

#headerlinks a,
#footerlinks a {
 font-size: 11px; 
 color: #6983c9; 
 background: none;
 white-space: nowrap;
}

#footerlinks a {color: #6983c9;}
#headerlinks a:hover {color: #003366;}
#footerlinks a:hover {color: #003366;}

/*-------------------------------------------------------
content
-----------------------------------------------------------*/

#content {
 width: 700px;
 margin-top: 10px;
 float: left;
}

#content-left {
 width: 163px;
 float: left;
}

#content-right {
 width: 507px;
 margin: 18px 10px;
 display: inline;
 float: right;
}

#content-right ul {
 margin: 5px 20px 15px 20px;
 padding: 0;
}

#content-right ul li {
  font-size: 12px;
  margin: 5px 0px;
}

#content-right a {text-transform: none;}

#content-right a:hover {
 background: #DFE5F3;
}

#content-whole {
 width: 678px;
 margin: 18px 10px;
 display: inline;
 float: right;
}

#content-whole ul {
 margin: 5px 20px 15px 20px;
 padding: 0;
}

#content-whole ul li {
  font-size: 12px;
  margin: 5px 0px;
}

#content-whole a {text-transform: none;}

#content-whole a:hover {
 background: #DFE5F3;
}

/*------------------------------------------------------
main
-------------------------------------------------------*/

#main {
 width: 700px;
 margin-top: 10px;
 height: 171px;
 float: left;
 background: url('../imagesNew/mainbg.jpg') no-repeat 0 0;
}

/*-----------------------------------------------------
seasons
-------------------------------------------------------*/

#seasons-left {
 background: #e8ebf4; 
 float: left;
}

#seasons-header {
	margin: -10px 15px 0 15px;
	font-size: 17px;
	color: #699bc9;
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom: 1px solid #2b5275;
}

#seasons-header-bottom {
 margin: 0px 15px 0 15px;
 font-size: 17px;
 color: #699bc9;
 font-weight: bold;
 padding-bottom: 4px;
 padding-top: 4px;
 border-bottom: 1px solid #2b5275;
 border-top: 1px solid #2b5275;
}

#seasons-header-bottom2 {
 margin: -10px 15px 0 15px;
 font-size: 17px;
 color: #699bc9;
 font-weight: bold;
 padding-bottom: 4px;
 padding-top: 4px;
 border-bottom: 1px solid #2b5275;
 border-top: 1px solid #2b5275;
}

#seasons-left ul {
 margin: 5px 15px 0 10px;
 padding: 0;
 color: #003fe5;
}

#seasons-left ul li {
	background: transparent url('../imagesNew/seasonsbullet.gif') no-repeat left top;
	font-size: 12px;
	color: #003fe5;
	margin: 0px 0 10px;
	line-height: 10pt;
	text-decoration: none;
}

#seasons-left a {
	font-size: 12px;
	color: #003fe5;
}

#seasons-left a:hover {
	font-size: 12px;
	color: #699bc9;
}

#seasons-left p {
	font-size: 12px;
	color: #003fe5;
	margin: 10px 15px 5px 15px;
	line-height: 10pt;
}

#seasons-left h3 {
 width: 163px;
 height: 127px;
 margin: 0; 
 padding: 0;
 background: transparent url('../imagesNew/seasonfall.jpg') no-repeat 0 0;
}

#seasons-left-bottom h3 {
 width: 163px;
 height: 127px;
 margin: 0; 
 padding: 0;
 background: #ffffff url('../imagesNew/seasonfallbottom.jpg') no-repeat 0 0;
 border-bottom: 1px solid #ffffff;
}