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

modifications, (c) 2008 weightlossnyc.com, all rights reserved */

/* Elements */

div {background:#fff; margin:0;padding:0;}

body {
	background:#99b8d6 url(/lose-weight-now/weightlossnyc-tile.gif);
	/*text-align: justify;*/
	text-align:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color:#333;
	margin:0;padding:0;
}

h1 {}
h2, h3 {margin-top: 0px;}
h4, h5, h6 {}
p, ol, ul, dl, blockquote {}
a { color: #333;}
a:hover {text-decoration: none;}

.img1 {float: left;margin: 3px 15px 0px 0px;}

/* Header */

div#header {
	width: 780px;
	height: 190px;
	margin: 0px auto;
	/*background: url(/lose-weight-now/weight_loss_center.jpg) no-repeat;*/
	background: url(/lose-weight-now/weightlossnyc-logo.png) no-repeat;
	padding:0 1px;
	/*border:#333 thin solid;*/
}

/* Content */

div#content {
	background: #fff;
	width: 780px;
	margin: 0px auto;
	margin-bottom:20px;
	border:#333 thin solid;
}

div#colOne {
	float: right;
	width: 540px;
	margin-top: 20px;
	padding-right: 20px;
}

div#colTwo {
	float: left;
	width: 160px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	/*background:url(/lose-weight-now/slender.jpg) repeat-x 50% 50%;*/
}

div#colTwo ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

div#content h1 {
	padding: 5px 0px 5px 5px;
	color: #173E68;
}

div#content h2 {
	padding: 5px 0px 5px 5px;
	text-transform: uppercase;
	font-size: 16px;
	color: #2D2D2D;
	border-bottom: 1px dashed;
}

div#content h3 {color: #6C6C6C;}

/* #colTwo ul.sideNav */
ul.sideNav {list-style-type:none;width:100%;margin-top:-2px;text-align:left;}
ul.sideNav li {white-space:nowrap;display:block;}
ul.sideNav li a:link{display:block;padding:2px 0;}
ul.sideNav a:hover{background: #FFA826;color: #fff;}

/* syntax: ul.sideNav li.sideTab [a | ul li a] */

ul.sideNav li.sideTab { margin-top:10px;}
ul.sideNav li.sideTab a:link,
ul.sideNav li.sideTab a:visited{font-size:16px;font-weight:bold; margin-left:-4px; text-decoration:none;}

/* ie bites cock */
ul.sideNav li.sideTab ul {list-style-type:none;margin-left:5px;}
ul.sideNav li.sideTab ul *,
ul.sideNav li.sideTab ul li a:link,
ul.sideNav li.sideTab ul li a:visited {font-weight:normal;font-size:14px; margin-top:5px;text-decoration:underline;}

/* questions */

ul.qnav {width:90%;}
ul.qnav li a {line-height:18px;font-size:12px;}

/* cdata - column no dots, ddata - column default */
ul.cdata {list-style-type:none;}
ul.ddata, ul.cdata {margin-left:50px;}

/* Footer */

#footer {
	width: 780px;
	margin: 0px auto;
	padding: 0;
	/*height: 40px;*/
}

#footer p {
	text-align: center;
	/*font-size: 11px;*/
	color: #999;
	margin:auto;
}

#footer a {	color: #666;}
#footer a:hover { color: #333;}

/* topnav */
div#imenu{float:left;width:780px;padding-top:10px;background:#666;}
ul#inav,ul#inav li{list-style-type:none;margin:0;padding:0}
ul#inav{margin-left:100px;width:650px}
ul#inav li{float:left;margin-right: 3px;text-align: center}
ul#inav a{float:left;width:7em;padding:5px 0;background:#E7F1F8;text-decoration:none;color:#666}
ul#inav a:hover{background: #FFA826;color: #fff}
ul#inav li.it a,ul#inav li.it a:hover{background:#fff;color:#003}
ul#inav li.it a {font-weight:bold;}

.quote {background-image:url(/common/quote.gif); background-repeat:no-repeat; background-position:left; padding:4px; text-align:right; width:80%; margin:5px auto;}
.quote blockquote {text-align:left;padding:4px; margin:5px auto; width:80%;}
.quote a {text-decoration:none; font-size:small; font-weight:lighter; text-align:right;}

/* patient forms */
.formlink {border:none;}

/* fees table */
table.fees_table,
table.fees_table tr td {border:1px solid #ccc;}
table.fees_table tr td h2 {border:none;}

#header h1, #header h2, #header a {text-decoration:none;} /* for now */

/* print: navigation and sidebar not needed; expand main content
	non-screen: no background images needed
	.mobile/.screen == text/screen toggle
 */
@media print
{
	.screen,img {display:none;}
	.mobile {}
	
	div,*,body,ul {background-image:none;}
	div#header {width:90%;height:auto;}
	div#content, div#colOne {width:90%;}
	div#colTwo {width:0;display:none;}
	div#imenu, ul.inav {display:none;}
}
@media mobile, aural, braille, embossed, handheld
{
	.screen,img {display:none;}
	.mobile {}
	
	div,*,body,ul,div#header {background-image:none;}
	ul.inav li {display:inline;}
	h1,h2,h3,h4,h5 {font-size:medium;}
	a,p,b,ul,ol,li {font-size:small;}
} 
@media screen
{
	.screen {}
	.mobile {display:none;}
}