/*
Theme Name: Care One Health Training Institute
Theme URI: http://www.careonehealth.org
Author: Jon Horton
Author URI: http://www.jonhorton.com
Version: 2.10
Description: This is a custom redesign for Care One Health Training Institute.
*/

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 {width:60px;}
.grid_2 {width:140px;}
.grid_3 {width:220px;}
.grid_4 {width:300px;}
.grid_5 {width:380px;}
.grid_6 {width:460px;}
.grid_7 {width:540px;}
.grid_8 {width:620px;}
.grid_9 {width:700px;}
.grid_10 {width:780px;}
.grid_11 {width:860px;}
.grid_12 {width:940px;}

.column {	margin: 0 10px;	overflow: hidden;	float: left;	display: inline;}
.row {	width: 960px;	margin: 0 auto;	overflow: hidden;}
.row .row {	margin: 0 -10px;	width: auto;	display: inline-block;}

/* ----- Main Styles ----- */

* 	{    margin: 0;}
html, body {height: 100%;}
body {margin: 0;padding: 0; background-attachment: scroll; background-image: url(http://www.careonehealth.org/images/header_bg.jpg);  background-repeat: repeat-x;background-position: left top; background-color: #fff; font: 14px/1.5em PTSansRegular, sans-serif;}

#wrapper {min-height: 100%; background: #fff;   height: auto !important;    height: 100%; margin: 0 auto -222px;}
#header {	width:100%; background:#083d69 url(http://www.careonehealth.org/images/bg.jpg) 0 0 repeat-x; height:165px;}
#main {height: 125px;  position:relative;overflow: visible;}
#navbar {height: 40px;overflow:hidden;}


  
  /* nav styles */
  
  #topnav {height: 19px;  padding: 10px 0 15px;  text-align: right;text-align:right;font-size:12px;color:#ccc;}
    #topnav a {color:#fff;margin: 0 10px;}
    
  #mainnav {margin:0;clear: both;height:35px;}
  #mainnav ul, #mainnav li {margin: 0; padding: 0;	list-style-type: none; display:inline;}
  #mainnav li {display: block; float: left;}
  
  #mainnav a, #mainnav span.push {  display: block; float: left;  height: 35px; background:url(/images/sprites.png);text-indent: -9999px; overflow: hidden; text-decoration:none; margin: 0 0 0 12px;}
  #mainnav span.push {background:none;width:70px;}

  #mainnav a.courses, #mainnav a.courses:visited {    width: 122px;    background-position:0px 0px;  margin: 0 0 0 14px;  }
  #mainnav a.courses:hover, #mainnav li:hover a.courses {   background-position: 0px -35px;}
  #mainnav a.courses.selected, #mainnav a.courses:active {    background-position: 0px -70px;}

  #mainnav a.schedule, #mainnav a.schedule:visited {  width: 134px;    background-position: -122px 0px; }
  #mainnav a.schedule:hover {  background-position: -122px -35px;}
  #mainnav a.schedule.selected, #mainnav a.schedule:active {  background-position: -122px -70px;}

  #mainnav a.about, #mainnav a.about:visited {    width: 122px;    background-position: -256px 0px;    }
  #mainnav a.about:hover {   background-position: -256px -35px;}
  #mainnav a.about.selected, #mainnav a.about:active {    background-position: -256px -70px;}

  #mainnav a.contact, #mainnav a.contact:visited {  width: 112px;    background-position: -378px 0px;    }
  #mainnav a.contact:hover {    background-position: -378px -35px;}
  #mainnav a.contact.selected, #mainnav a.contact:active {  background-position: -378px -70px;}

  /* courses dropdown */
  #mainnav .sub a {background:none;text-indent:0;display: block;  float: left;  width: 310px;  margin: 0;  padding: 2px 20px;  height: 20px;}
    #mainnav .sub a:hover {background:#083d69;color:#fff}
  #mainnav .sub strong {display: block;float: left;margin: 20px 20px 5px 20px;}
  #mainnav li .sub {
  	position: absolute;
  	top: 78px;
    left: 425px;
    width:350px;
  	z-index: 99999;
  	background: #eee ;
  	padding: 0 0 10px;
  	float: left;
  	border: 1px solid #333;
  	/*--css3 gradient bg--*/
  	background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.08, #CCCCCC),
        color-stop(0.5, #EEEEEE)
    );
    background-image: -moz-linear-gradient(
        center bottom,
        #CCCCCC 8%,
        #EEEEEE 50%
    );
  	/*--Bottom right rounded corner--*/
  	-moz-border-radius-bottomright: 5px;
  	-khtml-border-radius-bottomright: 5px;
  	-webkit-border-bottom-right-radius: 5px;
  	/*--Bottom left rounded corner--*/
  	-moz-border-radius-bottomleft: 5px;
  	-khtml-border-radius-bottomleft: 5px;
  	-webkit-border-bottom-left-radius: 5px;
  	/*-- dropdown shadow --*/
  	-moz-box-shadow:0px 3px 20px #222;
  	-webkit-box-shadow:0px 3px 20px #222;
  	box-shadow:0px 3px 20px #222;
  	display: none; /*--Hidden for those with js turned off--*/
  }

#breadcrumb {padding: 10px 0 0 0;  color: #666;}

#slideshow { width: 940px; height: 300px; background:#ccc url(http://www.careonehealth.org/images/loading.gif) no-repeat 50% 50%;  margin-bottom: 20px;}

#container {background: #eee url(/images/bg.jpg) 0 -165px repeat-x; margin: 0 auto; width:100%;  padding: 20px 0;overflow:hidden; }
.push {height: 222px; position:relative; clear: both;}
#newcourses {/*background: #eee;  -webkit-border-radius: 5px; -moz-border-radius: 5px;  */padding: 10px;}

#footer {height: 190px; position:relative; width:100%;  background: #c3c3c3 url(/images/bg-footer.jpg) repeat-x top center;font-size:90%; color:#555;padding:20px 0;clear: both;}
#builtbyjonhortondesign {padding-top:50px; text-align:right; }

/* ----- PT Sans Font Styles ----- */
@font-face {
	font-family: 'PTSansBoldItalic';
	src: url('/fonts/PTS76F-webfont.eot');
	src: local('☺'), url('/fonts/PTS76F-webfont.woff') format('woff'), url('/fonts/PTS76F-webfont.ttf') format('truetype'), url('/fonts/PTS76F-webfont.svg#webfont2oPncueb') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansBold';
	src: url('/fonts/PTS75F-webfont.eot');
	src: local('☺'), url('/fonts/PTS75F-webfont.woff') format('woff'), url('/fonts/PTS75F-webfont.ttf') format('truetype'), url('/fonts/PTS75F-webfont.svg#webfontaW07W6NV') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansItalic';
	src: url('/fonts/PTS56F-webfont.eot');
	src: local('☺'), url('/fonts/PTS56F-webfont.woff') format('woff'), url('/fonts/PTS56F-webfont.ttf') format('truetype'), url('/fonts/PTS56F-webfont.svg#webfontV5YcF68V') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansRegular';
	src: url('/fonts/PTS55F-webfont.eot');
	src: local('☺'), url('/fonts/PTS55F-webfont.woff') format('woff'), url('/fonts/PTS55F-webfont.ttf') format('truetype'), url('/fonts/PTS55F-webfont.svg#webfontakBUUg6U') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansCaptionBold';
	src: url('/fonts/PTC75F-webfont.eot');
	src: local('☺'), url('/fonts/PTC75F-webfont.woff') format('woff'), url('/fonts/PTC75F-webfont.ttf') format('truetype'), url('/fonts/PTC75F-webfont.svg#webfont8zHvniZB') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ----- Text Styles ----- */

p,dl,hr,h1,h2,h3,h4,h5,h6,pre,address,fieldset{margin-bottom:10px}
h1, h2, h3, h4, h5, h6{font-family: PTSansBold; font-weight: normal; line-height:90%; /* letter-spacing: -1px;*/ color:#222;}
h1	{font-size:32px;margin: 10px 0 20px;}
h2	{font-size:26px;}
h3	{font-size:22px;}
h4	{font-size:18px;}
h5 {font-size: 14px; color:#fff;margin-bottom: 10px; margin-left:10px; }
b, strong {font-family: PTSansBold, sans-serif; font-weight: normal;}
em, italic, i {font-family: PTSansRegularItalic, sans-serif; font-weight: normal; }
strong em {font-family: PTSansBoldItalic, sans-serif; font-weight:normal;}

.small-txt {font-size:80%;}
.error {font-size:500%;}
.error h1 {font-weight:bold;font-size:40px;}
hr.break {margin: 25px 0; border-top: 1px dotted #999;}

.forms{margin-top:20px;}
label {    display: block;      float: left;  width: 200px;  margin: 2px 10px 0px 0px; text-align: right;vertical-align: middle; clear:both;}
input, select, textarea { width:400px; border: 2px solid #ccc; font-size:18px; color: #333; }
span.contactform { width:400px; font-weight:bold; font-size:18px; color: #333; }
input, select {vertical-align: middle;height:30px;}
select {width:404px;}
textarea {width: 396px;}
input.radio {width: 25px; border:0;}
.required {font-size: 18px; font-weight: bold; color: #ff6600;}
.validation-advice { color: #ff6600; background: #fff url(http://www.careonehealth.org/images/alert.gif) no-repeat left center; padding-left: 22px; font-size: 85%; margin-left:150px; } 

input.btn-submit {color: #333; background: #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 10px 0;  display:block; text-transform:capitalize; height: 40px; width:400px; border:0;}
input:hover.btn-submit {background: #333; color:#fff; text-decoration:none;}

#callus {/*background: #ddd;*/ padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color:#fff;  text-align:right;}
.phone {font-size:40px;color:#333;}
.summary p { font: 12px/1.5em;}

/*h1 {font: bold 18px Verdana, Arial, Helvetica, sans-serif;	color: #083d65;	margin:0px;	padding: 0px 0px 0px 10px; text-transform:uppercase;}
h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;	color: #000;	margin: 0px;	padding: 0px 0px 0px 10px;} */

img {border: none; } 
.margin20 {margin-bottom:20px;}
.logo-small {margin-right: 25px;}
/*---- Links ---------*/
a:link, a:visited {color: #5e81bc; text-decoration:none;}
a:hover {text-decoration: underline; color: #083d69;}

/*a.btn, a:visited.btn, a.btn-small, a:visited.btn-small {color: #fff; background: #5e81bc; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 10px 0;  display:block; text-transform:capitalize;}
a.btn { width: 250px;}
a.btn-small {width:150px;}
a:hover.btn, a:hover.btn-small {background: #083d69; text-decoration:none;}
*/

a.btn {
  background: url(/images/sprites.png) no-repeat -560px 0px;
  display: inline-block;
  text-decoration: none;
  text-shadow: 1px 1px 0px #000;
  color: #fff;
  outline: none;
  line-height: 33px;
  padding-left: 40px;
  margin: 10px 0 0 0;
}
a.btn span {
  background: url(/images/sprites.png) no-repeat right -105px;
  line-height: 33px;
  display: block;
  padding-right: 40px;
}

a.btn:hover {background-position:-560px -35px;}
a.btn:hover span {background-position:right -138px; }

a.btn:active {background-position:-560px -70px; color:#f1e5c4;text-shadow: -1px -1px 0px #000;}
a.btn:active span {background-position:right -171px; }


.apply a:link, .apply a:visited {color: #fff; background: #5e81bc; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 10px 0;  display:block; text-transform:capitalize;}
.apply a:hover {background: #083d69; text-decoration:none;}

.centered .validation-advice { color: #ff0000; background: #ffff99 url(http://www.careonehealth.org/images/alert.gif) no-repeat left center; padding-left: 22px; padding-bottom:5px; font-size:85%;} 

/* li {  list-style-image: url(http://www.careonehealth.org/images/bullet_drop.png);} */

.color1 {background: #f4f4f4;}
.color2 {background: #e5e5e5;}
.course-details {width:618px;}
.course-details td {background: #f4f4f4; border-bottom: 1px solid #ddd; padding: 5px;}
.course-details th {background: #ddd; /*color:#fff;*/ text-align: left; padding: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;font-weight: normal;font-family: PTSansBold;}
.course-total td {background:  #5e81bc; color: #fff;}
td.totalcost {background:#345c9e;}
.course-blank td {background: #ddd; border-bottom: 1px solid #ddd; height: 2px;}

/*********************************************
		Main Nav Styles
*********************************************/
    #nav { overflow:hidden;      float:left;      width:100%;     line-height:normal;	}
    #nav ul {	  margin:0 auto 0 auto;	  padding:0;          list-style:none; height: 40px;     }
    #nav li {      display:inline;      margin:0;      padding:0;       }
    #nav a:link, #nav a:visited, #nav span  {      float:left;         margin:0;    padding:13px 40px;     text-decoration:none;   vertical-align:middle;  height: 20px; border-left:1px solid #bbb; }
    #nav a span { /*  display: block; border-right: 1px solid #ddd;  height: 20px; */    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav li a:hover, #nav a:hover.selected { background: #083d69 url(http://www.careonehealth.org/images/bg_header.jpg) 0 -165px repeat-x; color:#fff;    border-left: 1px solid #ddd;  }
    #nav li a.selected {background: #083d69 url(http://www.careonehealth.org/images/bg_header.jpg) 0 -205px repeat-x; color: #fff; border-left: 1px solid #fff;}

/*********************************************
		Sub Nav Styles
*********************************************/
/* a.selected {font-weight:bold;} */
#subnav {/*background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; */ width:300px; }

#subnav ul, #subnav li{margin: 0; padding: 0;	list-style-type: none;}
#subnav li a {width:265px;color:#5e81bc;  padding:5px 10px 5px 25px;	display: block; float: left;	height: 20px;}
#subnav li a:hover, #subnav li a.selected {color:#fff;   text-decoration: none;	display: block; float: left;	height: 20px;background:#083d69;}

#subnav li.open a { width:315px; color:#333;  padding:5px 10px 5px 35px;	display: block; float: left;	height: 20px;background:#fcfcfc url(http://www.careonehealth.org/images/2010/bg.png) 0px -540px repeat-x;}
#subnav li.open a:hover, #subnav li.open a.selected {text-decoration: none;	display: block; float: left;	height: 20px;background:#ddd url(http://www.careonehealth.org/images/2010/bg.png) 0px -570px repeat-x;}

#subnav p {width:315px;   padding:10px 10px 0 10px; display:block;	float: left;	color:#333; }
#subnav h3 {margin:0;width:275px; display: block; float: left;	padding:10px 10px 10px 15px; height: 20px;}
#subnav img {display:inline;}

/* Calendar Styles */
.calendarBG { background-color: #ccc; } 
.calendarBlank { color: #999;background-color: #ddd; font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;  vertical-align: top;text-align:top;} 
.calendarHeader { font-weight: bold; color: #fff; text-align: center; background-color: #000; } 
.calendarMonthLinks { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 11px; font-weight:	 bold; letter-spacing:	.1em; text-decoration: none; color: #fff; background-color: transparent; }
th div.calendarMonthLinks a:hover { color: #fff;}
.calendarDayHeading { font-weight: bold; font-size:11px; color: #fff; background-color: #aaa; text-align: center; vertical-align: middle; } 
.calendarToday { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight:bold; letter-spacing:.1em; text-decoration: none; text-align: center; vertical-align: middle; color: #000; background-color: #ccc; } 
.calendarCell { width: 200px;font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;  vertical-align: top; color: #666; background-color: #fcfcfc;text-align: left;} 
.calendarCell div a {font-weight:normal;}

/*
.calendarMonthLinks a { color: #fff; text-decoration: none; background-color: transparent; } 
.calendarMonthLinks a:visited { color: #fff; text-decoration: none; background-color: transparent; } 
.calendarMonthLinks a:hover { color: #ccc; text-decoration: underline; background-color: transparent; } 
.calendarCell a { color: #000; text-decoration: underline; background-color: transparent; } 
.calendarCell a:visited { color: #000; text-decoration: underline; background-color: transparent; } 
.calendarCell a:hover { color: #fff; text-decoration: none; background-color: transparent; }
*/

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
  
/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {	position:absolute;	top:0px;	left:0px;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {	position:absolute;	top:0px;	left:0px;	width:100%;	height:100%;	border:0;	padding:0;	margin:0;	z-index:60;	display:none;}

/* The slices in the Slider */
.nivo-slice {	display:block;	position:absolute;	z-index:50;	height:100%;}

/* Caption styles */
.nivo-caption {	position:absolute;	left:0px;	bottom:0px;	background:#000;	color:#fff;	opacity:0.8; /* Overridden by captionOpacity setting */	width:100%;	z-index:89;}
.nivo-caption p {	padding:5px;	margin:0;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute;	top:45%;	z-index:99;	cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {	position:relative;	z-index:99;	cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/* Nivo Style Pack */
/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#slider {	position:relative;	background:#202834 url(http://www.careonehealth.org/images/loading.gif) no-repeat 50% 50%;	/*-moz-box-shadow:0px 0px 10px #111;	-webkit-box-shadow:0px 0px 10px #111;	box-shadow:0px 0px 10px #111; */}
#slider img {	position:absolute;	top:0px;	left:0px;	display:none;}
#slider a {border:0;}
.nivo-controlNav {	position:absolute;	left: 10px;	top: 10px;}
.nivo-controlNav a {	display:block;	width:22px;	height:22px;	background:url(http://www.careonehealth.org/images/bullets.png) no-repeat;	text-indent:-9999px;	border:0;	margin-right:3px;	float:left;}
.nivo-controlNav a.active {	background-position:-22px 0;}
.nivo-directionNav a {	display:block;	width:32px;	height:34px;	background:url(http://www.careonehealth.org/images/arrows.png) no-repeat;	text-indent:-9999px;	border:0;}
a.nivo-nextNav {	background-position:-32px 0;	right:10px;}
a.nivo-prevNav {left:10px;}


/* ----- Student Loans Callout ----- */
#student-loans {background:#e5e5e5; border:1px dotted #ccc; padding: 15px; margin: 0 0 20px;}
  #student-loans h4 {border-bottom: 1px dotted #CCC;  padding: 0 0 10px 0;color:#222;}
  #student-loans span {color:#5E81BC; font-family: PTSansBold, sans-serif; font-weight:normal;}