/*	-------------------------------------------------------------
	New Lifestyles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.author		Matthew Ortiz
	.version	1.0
	.url		www.zitroproject.com
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	New Lifestyles, Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. =body
	2. =container
    3. =layout               // basic page form
	4. =header
		5. =navigation
		6. =subnav
	7. =footer
	8. =general site wide styles
	9. =about page
    10. =admissions page
	11. =survey
*/

    /* css reset */
    html, body, div,
    h1, h2, h3, h4,
    h5, h6, blockquote,
    pre, form,
    hr, .subtle {margin:0px; padding:0px; border: 0; outline: none;}

    html {font-size:100.01%}
    body {font-size:62.5%; }

     a img{border:none;}
     a{outline:none;}
p {margin-top:3px; color:#513127 !important;}
/*	-------------------------------------------------------------
1. =body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  body {background:#F2EFDA url(images/bodyBg.png) repeat-x;}

/*-------------------------------------------------------------
2. =container
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  #container {width:960px; margin:0px auto; background:url(images/headerBg.png) no-repeat center top; font:normal 1.3em  trebuchet MS, Verdana, Helvetica, sans-serif;}

/*-------------------------------------------------------------
3. =layout //basic page form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  #content {width:908px; padding:26px; margin:0px auto; background:url(images/contentBg.png) no-repeat;}
  #main {width:640px; display:block; padding-right:10px; float:left; color:#71574B; background:url(images/contentBorder.png) repeat-y top right; min-height:200px;}
  #sidebar {width:240px; padding-left:10px; float: left;}
  #main, #sidebar {margin-top:35px; }
  .clear {clear:both;}
  #footer {width:908px; margin:0px auto; color:#A89893; font:normal 1.3em  trebuchet MS, Verdana, Helvetica, sans-serif;}

/*-------------------------------------------------------------
4. =header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  #header {height:112px; position:relative;}
  #header h1 a {display:block; height:97px; width:360px; background:url(images/logo.png) no-repeat; overflow:hidden; text-indent:-999em; position:absolute; top:15px; left:25px;}

    /*-------------------------------------------------------------
    5. =navigation
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {list-style-type:none;  width:908px; margin:0px; padding:0px;}
	#nav li {display:inline; float:left; position:relative;}
	#nav li a {display:block; float:left;  text-decoration:none; height:25px; overflow:hidden; padding:0px 20px; letter-spacing:-1px; font:bold 1.3em georgia; color:#513127; background: url(images/contentBorder.png) repeat-y top right;}
	#nav ul {position:absolute; top:25px; left:-70px; background: url(images/subNavLeft.gif) no-repeat top left; padding-left:10px; color:#F2EFDA; z-index:500}
	#nav ul li a {color:#F2EFDA; background:url(images/subNavOff.gif) repeat-x; border-right:1px solid #ccc; color:#F2EFDA;}
	#nav ul li a:hover, #nav ul li.subPageOn a {background:#DBE6F9 url(images/subNavOn.gif) repeat-x; color:#F2EFDA;}
	#nav ul li.rightCurve {background:url(images/subNavRight.gif) no-repeat; height:25px; width:20px; overflow:hidden; display:block; float:left;}
	#nav .clinical ul {width:570px;}
	#nav .llwp ul {width:310px; left:-40px}
	#nav .about ul {width:390px; left:-95px}
	#nav .success ul {width:390px; left:-50px}
	#nav .admissions ul {width:390px; left:-150px}
	#nav li ul li a{padding:5px 10px; font-size:1em; height:15px;}

	#nav li:hover > a, #nav ul:hover > a, li#on a {color:#792231;}
	#nav ul li a:hover {border-bottom:none;}
	#nav li ul.subOn, #nav li ul.subOn2 {visibility:visible;}
	#nav li ul {visibility: hidden;}
	#nav li.sfhover ul, #nav li:hover ul, #nav a:hover ul {}
	#nav li ul.on  }
    /*------------------------------------------------------------- 
    6. =subnav
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    #subNav {list-style-type:none; margin:0px 0px 15px -10px;}
	#subNav li {list-style-type:none; }
    #subNav li a {display:block; padding: 3px 0px 5px 25px; width:215px; font-weight:bold; text-decoration:none; color:#3A79AA;min-height:22px; max-height:56px; background:url(images/subNavoff.png) bottom repeat-x;}
    #subNav li a:hover {color:#999;}
    #subNav li.on a {color:#513127; border-left:2px solid #F2EFDA; margin-left:-2px; padding-left:15px; width:225px; list-style-type:none;}
	
 	#postNav {list-style-type:none; margin:0px 0px 15px -5px !important;}
	#postNav li {list-style-type:none; }
	#postNav .sortitem{margin-left:-5px;margin-top:5px}
    #postNav li a {display:inline !important; padding: 5px 0px 5px 0px !important; width:215px; font-weight:bold; text-decoration:none; color:#3A79AA;min-height:22px; max-height:56px; background:url(images/postNavoff.png) bottom repeat-x;}
    #postNav li a:hover {color:#999;}
    #postNav li.on a {color:#513127; border-left:2px solid #F2EFDA; margin-left:-2px; padding-left:15px; width:225px; list-style-type:none;}
	.postcard{border-bottom-color:#71574B; border-bottom-width: thin; border-bottom-style:solid; margin-bottom:15px;}
	


	 #blogNav {list-style-type:none; margin:-150px 0px 15px -10px;}
	#blogNav li {list-style-type:none; }
    #blogNav li a {display:block; padding: 3px 0px 5px 25px; width:215px; font-weight:bold; text-decoration:none; color:#3A79AA;min-height:22px; max-height:56px; background:url(images/blogNavoff.png) bottom repeat-x;}
    #blogNav li a:hover {color:#999;}
    #blogNav li.on a {color:#513127; border-left:2px solid #F2EFDA; margin-left:-2px; padding-left:15px; width:225px; list-style-type:none;}
/*---------------------------
/*---------------------------------------------------------------
6.2 = altnav  

    /*-------------------------------------------------------------
    6. =altsubnav
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    #altsubNav {position:absolute; top:175px; left:650px; list-style-type: none; margin:0px 0px 15px -10px;}
    #altsubNav ul{ list-style:none;}
	#altsubNav li a {display:block; list-style:none; padding: 3px 0px 0px 25px; width:215px; font-weight:bold; text-decoration:none; color:#3A79AA; height:22px; background:url(images/subNavoff.png) repeat-x;}
    #altsubNav li a:hover {color:#999;}
    #altsubNav li.on a {color:#513127; border-left:2px solid #F2EFDA; margin-left:-2px; padding-left:15px; width:225px;}

/*-------------------------------------------------------------
7. =footer      // FOOT STICK ALT -   http://www.themaninblue.com/experiment/footerStickAlt/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  html {height:100%; }
  body {height:100%;}
  #container{position:relative; min-height:100%;}
  #content { padding-bottom:160px;}
  * html #container {height: 100%;}
  #footerWrap {position: relative; margin:-155px auto 0 auto; padding-top:10px; height:145px; background:#513127 url(images/footerBg.png) repeat-x; overflow:hidden;}
  /* A CSS hack that only applies to IE -- specifies a different offset for the footer */
  * html #footerWrap { margin-top: -139px;}
  #footer a img{border:none;}
  a.hcard img {padding:2px;}
  a:hover.hcard img {background-color:#A89893;}
  .footercol1, .footercol2 {float:left;}
  .footercol1 {width:210px;}
  .footercol2 {width:488px;}
  .copyright {text-align:center; margin-top:105px;}
  #logofloat {text-align:center;}
  #logofloat a img {display:block; float:left; padding:2px;}
  #logofloat a:hover img {background-color:#A89893}
  a.flogo{ width:50px; margin:5px 0px 10px 35px; float:left;}
  /*Micro Formats - styling and hiding */
  #work, .country-name {display:none;}
  #nameLink {color:#FFF; text-decoration:none;}

/*-------------------------------------------------------------
8. =general site wide items
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  h1 {font-size:2em;}
  h3 {font-size:1.2em;}
  h2 {font-size:1.7em;}
  h1, h2, h3 { font-family:Georgia; color:#513127; letter-spacing:-1px;}

  #container img {padding:5px 5px 13px 5px; background:#513127 url(images/imgShadow.png) no-repeat bottom right; }
  .fr {float:right; margin-left:10px; }
  .fl {float:left; margin-right:10px; }
  .subtle {height:2px; background:url(images/hrbg.png) repeat-x; clear:both; float:none;}
	
  .imgTitle {text-align:center; font-style:italic}
  .imgTitle img {display:block;}
  
  span.pulledquote {display: block;	float: right;	padding:0 0 0 10px;	margin: 0 0 10px 10px;	width: 75px;	font-size: 1.5em;	font-family: Georgia, "Times New Roman", Times, serif;
  font-style:italic;
	letter-spacing: -1px;
	line-height: 1.4em;
	text-align: right;
	color: #71574d;
	border-left: 2px solid #513127;
  }
.small{font-size:12px;}
  /* Sidebar Brochure Download Widget */
  a#download {display:block; background:url(images/brochureBG.png); width:206px;  padding-top:4px; height:83px; text-align:center; color:#F2EFDA; font-weight:bold; text-decoration:none; font-family:Georgia; font-size:1.3em; margin:10px 0px; margin-left:700px !important;}
  a:hover#download {background-position:0px -87px;}
    a#download2 {display:block; background:url(images/brochureBG.png); width:206px;  padding-top:4px; height:83px; text-align:center; color:#F2EFDA; font-weight:bold; text-decoration:none; font-family:Georgia; font-size:1.3em; margin:20px 0px; margin-left:74% !important;}
  a:hover#download2 {background-position:0px -87px;}
a#calendar { display:block;  width:206px; height:150px;  padding-top:4px; margin:0px auto;}
a:hover#calendar {display:block;  background:url(images/calendarB.png) no-repeat center; width:206px; height:150px;  padding-top:4px; margin:0px auto;}
  
/*-------------------------------------------------------------
9. =about pages
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .aboutBio {float:left; width:320px; text-align:center; margin:10px 0px;}
  .aboutBio img {display:block; width:150px; margin:0px auto;}
  #about p {margin-bottom:10px;}
   /* Bio Page */
    .bio {clear:left; margin-bottom:10px; padding-bottom:10px; background:url(images/hrbg.png) repeat-x bottom;}
    .bioName, .bioTitle {font:bold 1.6em Georgia;}
    .bioTitle {font-size:1.2em}
  /* Local Info Page */
     #links h4 {margin:10px 0 0 0; padding:0px; width:350px; font-size:1.2em; font-family:Tahoma, Arial, Helvetica, sans-serif}
    #links #main em {margin-left:15px; color:#999;}
    #links #main a {text-decoration:none;}
    #links #main a:visited {color:#0000FF}
    #links #main a:hover {color:#6C9D30; text-decoration:underline }
    #links #main li li{margin-left:30px; list-style: square}
/*-------------------------------------------------------------
10. =admissions pages
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  #admissions ol, #application ol {list-style-type:decimal; margin-left:20px;}
  #application ol {margin:10px 0px 5px 50px;}
  #admissions ol ul {list-style-type:disc}
  #admissions ol ul li {margin:0px 10px 10px 20px;}
  #application blockquote {margin:5px 40px;}
/*-------------------------------------------------------------
10. =tracks page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/  
  #tracks p {margin:5px 0px 15px 10px;}

/*-------------------------------------------------------------
11. =survey
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.onstate-disable, .onstate-housing, .onstate-living, .onstate-inTherapy, .onstate-other1 { display: block; margin-left:20px; }
	.offstate-disable, .offstate-housing, .offstate-living, .offstate-inTherapy, .offstate-other1 { display: none; } 

	.onstate-housing, .onstate-living {margin:-5px 0px 10px 20px; background-color:#FFC; padding:5px 0px;} 

	#survey p {margin-bottom:10px; position:relative;}
	#sectionA label, #last label {display:block;}
	#survey ul {margin:0px 0px 10px 10px;}
	.ulFloat {float:left;}
	.ulFloat li {width:300px;}
	#survey table, #survey td, #survey th {border:none; padding:0px;}
	#survey td, #survey th {border-bottom:1px solid #333; border-right:1px solid #AAA; padding:3px 0px; width:60px;}
	#survey tbody  {text-align:center;}
	#survey .statement {text-align:left; width:322px;}
	#survey table input {width:55px;}
	#survey table tr:hover {background-color:#FFC;}
	
	/*Error styles */
	#sectionA .errMsg, #sectionB .errMsg, #sectionD .errMsg, #sectionF .errMsg, #last .errMsg  {font-weight:bold; color:red; display:block; padding:5px 0px 0px 24px; width:200px;  background:url(images/warning.png) no-repeat left top;}
	#sectionA .errMsg, #last .errMsg {position:absolute; top:14px; left:160px;}
	#sectionA .errFld, #last .errFld {border:1px solid red; padding:2px 1px;}
	#sectionB .errMsg {margin:-10px 0px 10px 10px;}
	#sectionB .errFld {border:1px solid red; color:red;}
	#sectionE .errFld, #pleaseRead .errFld  {border:1px solid red; padding:5px; background:#F5B6A6 url(images/warning.png) no-repeat center center; }
	#sectionE .errMsg, #pleaseRead .errMsg  {display:none;}
	
	dt {font-weight:bold; border-top:1px solid #ccc; padding-top:3px; margin-top:3px;}
	/*---------------------------------------------------------------------------------------*/
	#visit H2 {margin-bottom:10px;margin-top:10px; }
	
	.brochure{
		padding: 50px;
	}
	
	.jobs { border-bottom:solid; border-bottom-color:#71574B; border-bottom-width:1px;}
