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

/**
------------------------------------------------------------------------------------------------------
@project   : 
@version   : 0.01
@author    : 
------------------------------------------------------------------------------------------------------
*
* BODY
* NOTE: Set the font size in % for a consistent change in size according to user settings
*/
*{
margin:0;
padding:0;
}

body, html{margin:0;padding:0;width:100%;background: #ffffff url(images/insight_topBanner_inside.png) repeat-x;font:100% arial, sans-serif;min-height: 100%;height: auto !important;height: 100%;}

/**
 * LINE-HEIGHT (LEADING)
 * Default line-height based on font-size rather than "computed-value"
 * @see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.6em; margin:0px; padding:0px;}


/**
 * -------------------------------------------------------------------------
 *
 * COMMON ELEMENTS
 *
 * -------------------------------------------------------------------------
 */


/**
 * HEAD
 */
h1, h2, h3, h4, h5{margin:0;padding:0;}


/* Base font sizes */
h1{font:197% arial, sans-serif;} /* 26px equiv */
h2{font:182% arial, sans-serif;} /* 24px equiv */
h3{font:167% arial, sans-serif;} /* 22px equiv */
h4{font:152% arial, sans-serif;} /* 20px equiv */
h5{font:136% arial, sans-serif;} /* 18px equiv */


/**
 * P, TABLE, TH, TR, TD
 */
p, table, th, tr, td, form{margin:0;padding:0;border:0;}


/**
 * A
 */
a{color:#000; text-decoration:none;}


/**
 * A:HOVER
 */
a:hover{color:#000;}


/**
 * IMAGE
 * Remove border from image, rollover border for image a tags
 */
img{border:0;}


/**
 * FORM ELEMENTS
 * 99% for safari; 100% is too large
 */
select, input, textarea{font:99% sans-serif;}


/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code{font:115% monospace;}


.cleaner{clear:both;}

.hide{
position:absolute;
left:-9999px;
}


/**
 * -------------------------------------------------------------------------
 *
 *  ELEMENTS
 *
 * -------------------------------------------------------------------------
 */
 
#header {height:120px;}
#intro { width:530px; float:left;	margin: 0px;}
#intro p { font:97% Arial, sans-serif; color:#333333; line-height: 1.3em; margin-top: 10px; }
#intro h1 {font:170% Arial, sans-serif; font-weight:normal; margin:10px 0px 0px 0px; color:#003366;}
#intro h1 a { text-decoration:none;}
#intro h1 a:hover { text-decoration:none; color:#3399FF;}
#intro h2{font:120% verdana, arial, sans-serif; }
#title { float:left; margin-top:34px;margin-bottom:40px;}

#nav { width: 650px; margin: 30px 0px 0 0 ; float: right; font-size: 110%; text-align:right; text-decoration:none; color:#333333;}
#nav a { margin-left:35px; text-decoration:none;}
#nav a:hover { text-decoration:underline; color:#000000;}

#clinic {width: 250px; height:78px; margin: 0px 0px 0 0 ;float:right; font-size: 110%;text-decoration:none; color:#333333; background: url(images/statistics_clinic_o.png);display:block; padding:18px 50px 10px 20px;}
#clinic a {color:#3399cc; text-decoration:none; }
#clinic a:hover {text-decoration:underline; }
#clinic p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; margin-top:0px; }
#clinic h4 {font:110% Arial, sans-serif; color:#3399cc; margin-top:0px; font-weight:normal;}

#more { width:188px; height:41px; margin:20px 20px 0px 0px; float: right; }
#more a { width:188px; height:41px; background: url(images/more.png);display:block;   }
#more a:hover { width:188px; height:41px; background: url(images/more_on.png);display:block;  }

#mastline { border-top-color:#e9f4f9; border-top-style:solid; border-top-width:1px; width:550px;}
#cont { margin-top:0px;margin-bottom:0px; }

#sidebar { margin-left:630px;width:320px;}


.gridbox { width:580px;   min-height: 500px;}
.post h1 {font:170% Arial, sans-serif; font-weight:normal; margin:0px 0px 30px 0px; color:#3399cc;}
.post h1 a { text-decoration:none;}
.post h1 a:hover { text-decoration:none; color:#3399FF;}
.post h3 {font:110% Arial, sans-serif; font-weight:bold; margin-bottom:8px; color:#003399;}
.post h3 a { text-decoration:none;}
.post h3 a:hover { text-decoration:none; color:#3399cc;}

.post li {font:80% Arial, sans-serif; color:#333333; line-height: 1.3em; margin:.65em auto .65em 15px;}
.post li a { background-color:#FFFF00; color:#000000; line-height: 1.3em; margin:0px;text-decoration:none;}
.post li a:hover {background-color: #CCCCCC; color:#333333; line-height: 1.3em; margin:0px;text-decoration:none;}
.post li li {font-size:105%}

#sidebar .panel-top {padding-left:0px;}
#sidebar .panel-btm {padding-left:0px;margin-bottom:10px;}

#panel {width:280px;height:auto;margin: 0;float:right;font-size:110%;text-decoration:none;color:#333333;background: url(images/panel-mid.png) repeat-y;display:block; padding:18px 20px 10px 20px;}

#panel a { text-decoration:none;font-size:80%;}
#panel a:hover {color:#3399cc; text-decoration:underline;font-size:80%; }
.current_page_item a { color:#003399; font-weight: bold;}
.pagenav { color:red;}

#panel p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; padding-bottom:10px; }
#panel h4 {font:120% Arial, sans-serif; color:#3399cc; margin-bottom:10px; font-weight:normal;padding-left:15px; background:url(images/empty.png) no-repeat;}
#panel h4.current {background:url(images/yellow.png) 0 8px no-repeat;}
#panel h5 {font:90% Arial, sans-serif; color:#339900; margin-top:15px; font-weight: bold; }
#panel ul li a {line-height: 1.2em;}
#panel ul li a:hover {line-height: 1.2em;}
#panel ul {margin: 0px 0px 40px 20px;list-style-type: square; }
#panel ul li { color:#000000; line-height: 0.8em; text-align:left;margin-left:15px;}


#blog {width:280px;margin: 0px 0px 20px 0px;float:right;font-size:110%;text-decoration:none;color:#333333;display:block; padding:0px 20px 10px 20px;}
#blog a:hover {color:#3399cc; text-decoration:underline; }
#blog p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; padding-bottom:5px; }
#blog h4 {font:120% Arial, sans-serif; color:#339900; margin-top:0px; font-weight:normal;border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:1px;}
#blog h5 {margin-top:15px; }
#blog h5 a {font:70% Arial, sans-serif; color:#339900;font-weight: bold; }

#categories {width:280px;margin: 0px 0px 20px 0px;float:right;font-size:110%;text-decoration:none;color:#333333;display:block; padding:0px 20px 10px 20px;}
#categories a:hover {color:#3399cc; text-decoration:underline; }
#categories p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; padding-bottom:5px; }
#categories h4 {font:120% Arial, sans-serif; color:#339900; margin-top:0px; font-weight:normal;border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:1px;}
#categories h5 {margin-top:15px; }
#categories h5 a {font:70% Arial, sans-serif; color:#339900;font-weight: bold; }
#categories ul {list-style-type: none; }
#categories li {margin-left:0px; font-size:80%}


#training {width:280px;height:125px;margin: 0px 0px 20px 0px;float:right;font-size:110%;text-decoration:none;color:#333333;background: url(images/training.png) no-repeat;display:block; padding:18px 20px 10px 20px;}
#training a {color:#3399cc; text-decoration:none; }
#training a:hover {text-decoration:underline; }
#training p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; padding-bottom:10px; }
#training h4 {font:120% Arial, sans-serif; color:#000; margin-top:0px; font-weight:normal;border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:1px;}
#training h5 {font:90% Arial, sans-serif; color:#339900; margin-top:15px; font-weight: bold; }


#book { width:103px; height:21px; margin:0px 0px 0px 0px; float: right; }
#book a { width:103px; height:21px; background: url(images/book_now.png);display:block;   }
#book a:hover { width:103px; height:21px; background: url(images/book_now_on.png);display:block;  }

#next { width:300px; margin:20px 30px 0px 0px; height:60px; float:right;   } 
#nleft { width:29px;background: url(images/next_left.png) right; text-decoration: none; height:41px; color:#FFFFFF; float:right;margin:10px 0px 10px 0px; } 
#nextright a { background: url(images/next_right.png) right; text-decoration: none; height:35px;color:#FFFFFF; float:right;margin:10px 1px 10px 0px; padding:6px 50px 0px 0px;}
#nextright a:hover { background: url(images/next_right_on.png) right; float:right; text-decoration: underline; } 



p.list {font: normal 0.9em Arial, Helvetica, sans-serif;  color: #000000;}
p.list {line-height:1.2em;}


.clear { clear: both; height:auto; margin:0 auto;}

.columned { margin-top:0px; font-weight:normal;}
.columned a { text-decoration:none;}
.columned a:hover {}
p.columned {font-size:90%; color:#333333; margin: 10px 15px 0px 0px;line-height: 1.2em;}

.columned ul li a {color:#000000;line-height: 1.2em;}
.columned ul li a:hover {color:#3399cc;line-height: 1.2em;}
.columned ul {color:#000000;font-size:100%; color:#000000; margin: 10px 0px 20px 0px;list-style-type:disc; list-style-position:inside; }
.columned ul li { color:#000000;line-height: 0.8em; }

h3.columned {font-size:130%; color: #3399cc; margin-bottom:8px;}
h3.columned a { color: #3399cc;}
h3.columned a:hover { color: #000000;}
.post td, .post p {font:80% Arial, sans-serif; color:#333333; line-height: 1.3em; margin:10px auto;}
.post td a, .post p a { background-color:#FFFF00; color:#000000; line-height: 1.3em; margin:0px;text-decoration:none;}
.post td a:hover, .post p a:hover {background-color: #CCCCCC; color:#333333; line-height: 1.3em; margin:0px;text-decoration:none;}
span.dark {color:#000000; font-weight:bold;}
span.dark a {color:#000000; font-weight:bold;text-decoration:none;}
span.dark a:hover {color:#FFCC00; font-weight:bold;}
.alignright{float:right;}



#footer {width: 100%; margin: 0 auto; background-color: #f4f4f4 ; border-top-color:#e0e9ec;border-top-style:solid; border-top-width:1px;height:100%; margin-top:30px;margin-bottom:0 auto;}
#footerbox {width: 960px;margin-top:30px; margin: 0 auto; overflow: hidden;height:150px;}
#footer a { color:#3399FF; text-decoration:none;}
#footer a:hover { color:#000000;}
#footerLeft { font-size:70%; text-align:left; padding:20px 0px 0px 0px; float: left;}
#footerRight {font-size:70%; text-align: right; padding:20px 0px 0px 0px; float: right;}
#footerRight a {padding:0px 0px 0px 10px;}
a.push {margin-right:10px;}




#content { width:640px;margin-top:20px; margin-left:300px; margin-bottom:60px;font-family:Arial, Helvetica, sans-serif;background: url(images/bg_inside.png) right repeat; height:100%; height: auto !important; min-height: 100%; z-index:2; }


#contenttext { float:right;width:560px;margin-top:20px; margin-right:40px; font-weight:normal; height:100%; height: auto !important; min-height: 100%;}
#contenttext p { font-size:75%; font-weight:normal; margin-bottom:20px;} 
#contenttext div.notes { font-size:75%; font-weight:normal; margin: 0px 0px 60px 40px;} 
#contenttext div.notes h3 { color:#FF6600; font-size:130%;  font-weight:normal; }
#contenttext div.notes ul { margin-bottom:15px;}
#contenttext div.notes li { list-style-type:square; margin-left:15px;}
#contenttext h1 { color:#0066cc; font-size:150%; margin-bottom:30px; }
 
 
#contenttext .studies { width:560px; float:right; margin-bottom:40px; background: url(images/bg_studies.png) repeat;}
#contenttext .studiesbg { width:520px;padding:20px ;background: url(images/bg_studies_top.png) top no-repeat;}
#contenttext .studiesbottom { width:560px; background: url(images/bg_studies_bottom.png) bottom no-repeat; height:13px;}
#contenttext .date {color:#333333;}
#contenttext .case {color:#0066cc;font-size:130%; line-height:30px; margin-bottom:5px;}
#contenttext .logo {float:right; border:#CCCCCC 1px solid; margin-left:40px;}
#contenttext .story {font-size:75%; font-weight:normal; margin-bottom:0px;}
#contenttext #italic { font-style:italic; font-size:105%;color:#000;} 
 
 
 
#contentop { width:640px;margin-top:0px; background: url(images/bg_inside_contentop.png) no-repeat; height:13px;}
#contentbottom { width:640px;margin-bottom:0px; background: url(images/bg_inside_contenbottom.png) no-repeat; height:33px; clear:both;}


#post-125 { width:580px; background: url(images/crunching.png) right top no-repeat;}
.post h2, .post h2 a {font:120% Arial, sans-serif; color:#339900; margin-top:0px; font-weight:normal;}
.post h2 a{border-bottom:none;}
.post h2 a:hover {color:#3399cc; }