/* CSS Document: Start
--------------------------------------------------------------------*/

/* GLOBAL Rules
--------------------------------------------------------------------*/
.bodyfont 
{
	font: 15px/18px "Segoe UI","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
.headerLOGO{margin-top:5px; margin-left:10px;}
.headerMENU{margin-top:4px; margin-left:10px; height:22px;}

* { margin: 0; padding: 0;  }
body, html { color: #222; text-align: center; }
body { background: #fff url(../i/bg/bg-body.jpg) top center no-repeat; }

/* GENERAL Rules
--------------------------------------------------------------------*/
a, a:link { margin: 0; padding: 0; text-decoration: none; color: #014075; }
a:visited { color: #014075; text-decoration: none; }
a:hover { text-decoration: none; color: #a63007; border-bottom: 1px dotted #3b81b6; }
a:active { text-decoration: none; color: #c00; }

p, address { margin: 0 0 1.1em 0; padding: 0; line-height: 1.4em; font-weight: normal; text-align: left;  }
p.intro { font-size: 1.2em; line-height: 1.5em;  }
p.intro a { font-size: 1em; line-height: 1em;  }
p.photo {  margin-top: 3px; font-size: .9em; line-height: 1em; }
p.back-to-top { margin: 0 0 1.3em 0; padding: 0; line-height: 1em; text-align: right; }
p.back-to-top a { text-decoration: none; }
td, div, th { margin: 0; padding: 0; line-height: 1.4em; font-weight: normal; text-align: left; vertical-align: top; }
p strong, p em { line-height: 16px; }
ul, ol { margin: 0 0 0 20px;  }
ul ul { margin: .5em 0; padding: 0; }
ul li, ol li { margin: 0 0 10px 0; }
ul li { margin: 0 0 10px 0; padding: 0; list-style-type: circle; }

sup { font-size: .8em; line-height: 0.9em;}
sup a { font-size: 1em; line-height: 1em; text-decoration: none; }

.float-left { float: left; display: inline; }
.float-right { float: right; display: inline; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

span, p a { font-size: 1em; line-height: 1em; font-family: inherit; }
.small { font-size: 11px; }
.small strong, .small em { font-size: 11px; }

.noWrap { white-space: nowrap; }

.hidden { display: none; }
.dont-hide { display: block; }

.margin-top10 { margin-top: 10px; }
.margin-top15 { margin-top: 15px; }
.margin-top20 { margin-top: 20px; }
.margin-top25 { margin-top: 25px; }
.margin-top30 { margin-top: 30px; }
.margin-top35 { margin-top: 35px; }

img { display: block; border: 0; }
img.inline { display: inline; border: 0; }
img.float-left, span.float-left { margin: 0 15px 8px 0; _padding-right: 15px; _margin-right: 0;}
img.float-right, span.float-right { margin: 0 0 8px 15px;  _padding-left: 15px; _margin-left: 0; }
img.intro { margin: 0 0 13px 0; }
img.bordered { border: 1px solid #8e8e8e; padding: 3px; background-color: #fff; }

strong { font-weight: bold; }
strong.underline { text-decoration: underline; }
em { font-style: italic; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal;  color: #a63007; color: #111; }
h2 span, h3 span { color: #92c12e; font-weight: inherit; }
h1, h1 strong { font-size: 22px; line-height: 1.2em; font-weight: bold;  }
h2, h2 strong { font-size: 18px; line-height: 1.2em; }
h3, h3 strong { font-size: 16px; line-height: 1.1em; }
h4, h4 strong { font-size: 15px; line-height: 1em; }
h5, h5 strong { font-size: 13px; line-height: 1em; }
h6, h6 strong { font-size: 12px; line-height: 1em; }	


/* MAIN DIV Rules
--------------------------------------------------------------------*/
div#container { width: 970px; margin: 0 auto; }
div#page { margin: 0; padding:   25px 0 0 0; }

div#header { height: 110px; clear: both; text-align: left; background: transparent; position: relative; }
div#header a#logo-therify-link { _position: absolute; _top: 25px; _left: 10px; }
div#header a#logo-therify-link:hover { border: 0; }
div#header img#logo-therify { clear: both; margin: 0; position: absolute; top: 25px; left: 10px; }

div.box { margin: 0 0 25px; padding: 0; }
div.no-border { border: 0 !important; }


/* NAVTOP Rules
--------------------------------------------------------------------*/
div#navtop { display: none; padding: 0; position: absolute; top: 13px; right: 20px; overflow: visible; }  
div#navtop ul { margin: 0; float: right; }
div#navtop ul li {  margin: 0 0 0 30px; list-style: none; display: inline; float: right; }
div#navtop ul li.first {  }
div#navtop ul li a { font-size: 10px; font-weight: bold; display: block; color: #fff; padding: 2px; text-transform: uppercase; outline: none; _width: 99%; }
div#navtop ul li.current a { border-bottom: 1px dotted #fff; }
div#navtop ul li a:hover { border-bottom: 1px dotted #fff; }


/* MAIN NAV Rules
--------------------------------------------------------------------*/
div#navmain { position: absolute; bottom: 0; bottom: 1px; _bottom: 0; left: 0; width: 100%; overflow: visible; background-color: #0382c7; border-top: 1px solid #81c0e3; }  
div#navmain ul { margin: 0 0 0 15px; height: 24px; overflow: visible; }
div#navmain ul li {  margin: 0; list-style: none; display: inline; float: left; position: relative; _position: static; _left: 100px; _height: 1%;  }
div#navmain ul li a { vertical-align: middle; font-size: 14px; font-weight: bold; display: block; color: #fff; padding: 0 15px; line-height: 23px; text-decoration: none; text-transform: capitalize; outline: none; } 
div#navmain ul li a:hover { background-color: #6eb4ef;  }
div#navmain ul li.current a { color: #fff; background-color: #6eb4ef; }
div#navmain ul li a.current:hover { background-color: #6eb4ef !important; }
/* submenus, by default hidden */

div#navmain ul ul { display: block; height: auto; float: none; position: absolute; margin: 0; z-index: 20 !important; top: 24px; border-top: 1px solid #81c0e3;  left: 0; width: 220px; overflow: hidden; background-color: #0382c7; _height: 1%; }
div#navmain ul ul li { display: block; float: none; height: auto; border: 0; _position: relative; background-color: transparent; }
div#navmain ul ul li a { font-size: 12px; width: 99.5%; line-height:24px; outline: none; border: 0; background-color: transparent;  }
div#navmain ul li.current ul li a { background-color: #0382c7;  }
div#navmain ul li.current ul li a:hover { background-color: #6eb4ef;  }
div#navmain ul li.current ul li.current a { background-color: #6eb4ef; }
div#navmain ul ul.hidden { display: none; }
div#navmain ul li#about-therify-link ul { _left: 90px; }
div#navmain ul li#about-therify-link ul li { _left: 0; _height: 1%; _position: relative; }


/* SLIDESHOW AREA Rules
--------------------------------------------------------------------*/
div#slideshow { margin: 0 0 12px 0; background: transparent url(../i/bg/bg-slideshow.png) 0 0 no-repeat; width: 970px; height: 168px; position: relative; position: static; }
div.slide { margin: 0; top: 1px; left: 10px; width: 950px; height: 168px; position: absolute; z-index: 10; position: static; top: auto; left: auto; margin: 1px 0 0 10px; }
div.slide h1, div.slide h2 { text-indent: -5000px; }
div#slide-1 { background: transparent url(../i/slides/img-slide-01.jpg) 0 0 no-repeat; }


/* HOMEPAGE Columns Rules
--------------------------------------------------------------------*/
div#business-focus-columns { margin: 0 0  0px 0; }
div#business-focus-columns div.column { margin: 0 13px 0 0; width: 309px; float: left; display: inline; }
div#business-focus-columns div.column p { margin-left: 7px; margin-right: 7px; }
div#business-focus-columns div.column ol,
div#business-focus-columns div.column ul { margin-left: 20px; margin-right: 7px; }
div#business-focus-columns div.column ul li { font-size: 14px; margin-bottom: 0.3em; }

div.column div.focus { width: 309px; height: 255px; margin: 0 0 0.5em 0; /* background: transparent url(../i/bg/bg-box-homepage.png) 0 0 no-repeat; */ }
div.focus h2, div.focus h2 strong { font-size: 21px; line-height: 1em; line-height: 1.4em; text-indent: -5000px; }
div.column div.focus h2 { margin: 0 !important; }

div#the-therify-solution div.focus { background: transparent url(../i/focus/img-the-therify-solution.jpg) 0 0 no-repeat; }
div#for-administrators div.focus { background: transparent url(../i/focus/img-for-administrators.jpg) 0 0 no-repeat; }
div#for-clinicians div.focus { background: transparent url(../i/focus/img-for-clinicians.jpg) 0 0 no-repeat; }
div#for-clinicians.column { margin-right: 0 !important; }

/* CONTENT AREA Rules
--------------------------------------------------------------------*/
div#colLeft, div#content { margin: 0; padding: 0 0  0px; text-align: left;  }
div#colLeft { display: none; width: 75px; min-height: 285px; padding-left: 0; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-bottom: 0.4em; }
#content h1 { margin-bottom: 0.7em; }

div#content ul { margin: 0 0 1.3em 1.3em; padding: 0; }
div#content ul li { margin: 0 0 .5em 0; padding: 0; }
div#content ul ul { margin: .7em 0 1em 1.5em; padding: 0; }
div#content ul ul li { list-style: disc; line-height: 1.1em; }

div#content div#sitemap ul.hidden { display: block; }
div#content div#sitemap div#navmain ul.dontHide { display: none !important; }
div#content div#sitemap ul li, div#sitemap ul li a  { font-size: 15px; }
div#content div#sitemap ul ul  { margin: 15px 10px 15px 25px; }

div.columns {}
div.columns div.column { width: 48%; margin: 0; float: left; _display: inline; }
div.columns div#column1 { }
div.columns div#column2 { float: right; }
div.columns div#column2 div#btns { padding:  15px 0 0 100px; }
div.columns div#column2 div#btns input.button { float: none; margin-left: 0; }

/* CONTENT AREA: Template 1 - 1 column, normal
--------------------------------------------------------------------*/
body.col1 div#colLeft { display: none; }
body.col1 div#content { margin-left: 8px; }

/* CONTENT AREA: Template 2 - 2 column, normal
--------------------------------------------------------------------*/
body.col2 div#content { width: 711px; width: 840px;   }
body.col2 div#content, body.col3 div#content { margin-left: 30px; }
body.col2 div#colLeft, body.col3 div#colLeft { display: none;  }

/* CONTENT AREA: Template 3 - 2 column, normal
--------------------------------------------------------------------*/
body.col3 div#content { width: 570px;   }


/* Bio rules */
div.bio { padding-left: 157px; }
div.bio h2 { font-weight: bold; }
div.bio h2 strong { font-weight: normal; font-style: italic; }
div.bio img.float-left { margin: 0.3em 0 0.1em -157px; margin-left: -157px; padding: 1px 4px 9px !important; background: transparent url(../i/bg/bg-bio-photos.png) 0 0 no-repeat;  }
div.bio p { font-size: 14px; }

/* FOOTER Rules
--------------------------------------------------------------------*/
div#footer { margin-bottom: 20px; background: transparent url(../i/bg/bg-footer.png) 0 0 repeat-x;   }
div#footer div, div#footer p, div#footer ul li { color: #444; font-size: 11px !important; }
div#footer ul li { list-style: none; float: left; display: inline; }
div#footer a { font-size: 1em; }
div#footer div#copyright { padding: 0 0 0 33px; margin: 0; line-height: 30px; background: transparent url(../i/bg/bg-footer-left.png) 0 0 no-repeat;  }
div#footer div#footer-links { padding: 0 33px 0 0; margin: 0; background: transparent url(../i/bg/bg-footer-right.png) 100% 0 no-repeat; text-align: right;  }
div#footer div#footer-links ul { _float: right; }
div#footer div#footer-links li { line-height: 30px; margin-left: 10px; _float: right; _position: relative; }
div#footer div#footer-links li a { padding: 0 3px;  }


/* NAVTOP Rules
--------------------------------------------------------------------*/
div#navbottom { padding: 10px 0 8px 0; background-color: #959595; margin: 0; overflow: visible; float: right; _display: inline; }  
div#navbottom ul { margin: 0 30px;  }
div#navbottom ul li { border-right: 1px solid #fff; margin: 0 5px; list-style: none; _display: inline; float: right; }
div#navbottom ul li.first { border-right: 0; margin-right: 0; }
div#navbottom ul li a { display: block; color: #fff; padding: 2px 5px; margin-right: 10px; text-transform: capitalize; outline: none; _width: 99%; border-bottom: 1px solid #959595; }
div#navbottom ul li.current a,
div#navbottom ul li a:hover { color: #111; }
div#navbottom ul li a:hover { border-bottom: 1px dotted #111; }
	

/* FORM GENERAL Rules
--------------------------------------------------------------------*/
form { margin: 0 0 1em 0; padding: 0; }
form p.small { padding-left: 100px; margin-bottom: 15px; }
div.row { margin: 0 0 7px 0; }
label { width: 90px; padding: 0 10px 0 0; display: inline; float: left; white-space: nowrap; text-align: left; }
label.req { font-weight: bold; }
input.text { margin: 0 5px 0 0; padding: 1px 0 0 1px; width: 249px; height: 1.6em; border: 1px solid #5c5c5c; border-right-color: #d4d0c8; border-bottom-color: #d4d0c8; }
input.button { margin: 0 0 0 15px; padding: 2px 3px; cursor:pointer; float: right; font-weight: bold; display: block; line-height: 20px;  color: #fff; background-color: #0382c7;
border-top: 1px solid #c7c7c7; border-right: 1px solid #3d3d3d; border-bottom: 1px solid #151515; border-left: 1px solid #3d3d3d; }
input.button:hover { background-color: #6eb4ef; color: #111; border-top: 1px solid #2d2d2d;  }
span.req { color: #c00; }
textarea { margin: 0; width: 249px; height: 125px; padding: 1px 0 0 1px; border: 1px solid #5c5c5c; border-right-color: #d4d0c8; border-bottom-color: #d4d0c8; overflow: hidden; overflow: auto; }
div.buttons { width: 352px; }

/* TABLE Rules
--------------------------------------------------------------------*/
table { margin: 0 0 1.3em 0; padding: 0; border: 0; }

/* TABLE padded Rules
--------------------------------------------------------------------*/
table.padded { padding: 0; }
table.padded th { padding: 4px 6px; font-weight: bold; text-align: left; vertical-align: bottom; }
table.padded td { padding: 4px 6px; }

/* TABLE bordered Rules
--------------------------------------------------------------------*/
table.bordered { border-top: 1px solid #111; border-left: 1px solid #111; border-collapse: collapse; }
table.bordered th,
table.bordered td { border-right: 1px solid #444; border-bottom: 1px solid #444; }


/* CLEARFIX Rules /// www.positioniseverything.net/easyclearing.html
-----------------------------------------------------------------------*/
.clearfix:after, .page:after, .box:after, ul.picList li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .page, .box, ul.picList li { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .page, * html .box, * html ul.picList li { height: 1%; }
.clearfix, .page, .box, ul.picList li { display: block; }
ul.picList li { display: inline-block; }
/* End hide from IE-mac */

/* END CSS Rules
--------------------------------------------------------------------*/