@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.png) 0 -95px 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;}


/**
 * 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
 *
 * -------------------------------------------------------------------------
 */
 

#intro { width:530px; float:left;	margin: 0px;}
#intro p { font:90% Arial, sans-serif; color:#333333; line-height: 1.25em; 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:110% verdana, arial, sans-serif; }
#title { float:left; margin-top:14px;}

#nav { width: 600px; margin: 10px 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: 200px; height:60px; margin: -15px 0px 0 0 ; float: right; font-size: 100%; text-decoration:none; color:#333333; background: url(images/statistics_clinic.png);display:block; padding:14px 45px 10px 15px;}
#clinic a:hover {color:#3399cc; text-decoration:underline; }
#clinic p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; margin-top:0px; }
#clinic p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; margin-top:0px; }
#clinic h4 {font:100% Arial, sans-serif; color:#3399cc; margin-top:0px; font-weight:normal;}

#panel { width: 200px; height:60px; margin: 14px 0px 0 0 ; float: right; font-size: 100%; text-decoration:none; color:#333333; background: url(images/statistics_software.png);display:block; padding:14px 45px 10px 15px;}
#panel a:hover {color:#3399cc; text-decoration:underline; }
#panel p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; margin-top:0px; }
#panel p {font:70% Arial, sans-serif; color:#333333; line-height: 1.3em; margin-top:0px; }
#panel h4 {font:100% Arial, sans-serif; color:#3399cc; margin-top:0px; font-weight:normal;}

#more { width:188px; height:41px; margin:2px 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;  }
#mast { margin-bottom:25px; height:170px; width:940px;}
#cont { margin-top:0px;margin-bottom:35px;}

.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;}
p.small {font:80% Arial, sans-serif; color:#333333; line-height: 1.3em; margin-top:0px;}
p.small a { background-color:#FFFF00; color:#000000; line-height: 1.3em; margin:0px;text-decoration:none;}
p.small 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;}



#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:10px; margin: 0 auto; overflow: hidden;height:80px;}
#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;}