/* general elements */ 


body {font: 95% Arial, sans-serif;
	padding: 0; 
	margin: 0; 
	background: #eee;
	color: #454545;}
	
p {font: 90% Arial, sans-serif;
    padding:0px;
	 margin:0px; }
	
h1 { 
	font: 120% Arial, sans-serif; 
	color: #000000;
	line-height:1.2em;
	 padding:0px;
	 margin:0px;   
	}   
	
h2 { 
	font: 90% Arial, sans-serif; 
	line-height: 1.5em;
	color: #454545;}

h3 { 
	font: 110% Arial, sans-serif; 
	font-weight:bold; 
	color: #454545;
	 line-height:1.5em;
	 padding:0px;
	 margin:0px;   
	 text-align :center ;
	}
ul li
{
    text-align:left;}  

a {color:#134780}

.content { 
	margin: 0 auto;
	width: 1000px;
	padding: 0px;
	background: #fff;}
	
	
table {font: 85% Arial, sans-serif;
		border-collapse: collapse;
		background:#F3F3F3;
		text-align:left;
		padding:3px}

thead tr th {
	padding: 10px 5px;
	text-align:left}

tbody td ,tbody th {padding: 5px;
	color: #454545;}

table a:link {
	color: #000;
	text-decoration: none;}

table th a:link {
	color: #000;
	text-decoration: none;}

table a:visited{
	color: #454545;
	text-decoration: none;}

table a:hover{
	color: #454545;
	text-decoration:none;}

table a:active{
	color: #454545;}

 /* headers */
.head1
	{height:100px; 	
	width: 100%;
	background:url(images/head1.jpg) no-repeat left center;
	padding:10px;
	margin-right:40px}

.head2
	{height:280px; 
	float:left;
	width: 50%;
	background:url(images/head2.jpg) no-repeat left center;
	margin-left:10px}

/* navigation */

.bar {
	height:auto; 
	float:left;
	width:100%;
	background:url(images/nav1.png) no-repeat  left top;
	border-bottom: 3px solid #CFF04F;}
	
	
.bar li {
	float: left;
	text-align: center;
	width: auto;
	padding-bottom:5px;
	padding-top:0px;
	list-style: none;
	background:none;
	width:100px;}
	

	
.bar li a:hover {color:#CFF04F} 


		
.leftnav{float:left;
	width:20%;}
	
.leftnav ul{	margin: 0; padding:0;margin-right:7px}

.leftnav li{font: 90% Arial, sans-serif;
	list-style: none;
	border-bottom-width: 2px;
	margin: 2px; padding: 2px;border:solid 1px white;
	background:#CFF04F url(images/button3.png) no-repeat top right;}

		
.leftnav li a:hover {color:#0094CC;} 

	.nothighlighted { 
		font-weight: bold;
		color: white; 
		text-decoration: none;}
		
			.lnothighlighted { 
		color:#006991; 
		text-decoration: none;
	} 
	.highlighted { 
		color:#333333;
		text-decoration: none;}

/* content */
		
.homeimg2{height:150px; 
		float:right;
		width: 47%;
		background:url(images/passion2.jpg) no-repeat  right bottom;
		margin-left:5px;
		margin-right:5px}

.homeimg1{height:150px; 
		float:right;
		width: 47%;
		background:url(images/passion.jpg) no-repeat  right bottom;
		margin-left:5px;
		margin-right:5px}
		
.quickview
		{
		float:left;
		width: 40%;
		margin-left:5px}

.welcome
		{
		float:left;
		width: 45%;
		margin-left:10px;
		margin-right:35px; 
		margin-bottom:10px;
		margin-top:10px; 
		text-align:justify}

.coursedates
		{float:left;
		width:70%;
		margin:5px;
		padding-left:5px;
}
.coursetitle
		{
		float:left;
		width: 90%;
		margin-right:10%;
		margin-bottom:5px;
		margin-top:5px;
		text-align:center}
	

.courseinfo
		{
		float:left;
		width:70%;
		margin-left:5%;
		text-align:left}
	
		.tandc
		{float:left;
		margin:10px;}
	

.coursetext
{
		float:left;
		width:78%; margin-left:10%;
		text-align:left}

.abouttext
{
		float:right;
		width:68%;
		height :170px;
		margin-left:2%;
		margin-right:2%;
		margin-top:10px;
		margin-bottom:2%;
		text-align:left}


.pic_circles{height:150px; 
		float:right;
		width: 47%;
		background:url(images/circles.gif) no-repeat}

.pic_cpr{height:150px; 
		float:left;
		width: 100%;
		Height: 630px;
		background:url(images/cpr.gif) no-repeat}


.pic_chocking{
		float:left;
		width: 100%;
		Height: 500px;
		background:url(images/chocking.gif) no-repeat}

.pic_chocking2{	float:left;
		width: 600px;
		Height: 400px;
		background:url(images/chocking2.gif) no-repeat}

.pic_acole{	float:left;
		margin-top:10px;
		width: 150px;
		Height: 170px;
		background:url(images/staff_colea.jpg) no-repeat}

.pic_forbes
{
        float:left;
		left:0%;
		margin-top:20px;
		width: 150px;
		Height: 170px;
		background:url(images/staff_forbes.jpg) no-repeat}


.pic_webb{	float:left;
		margin-top:40px;
		width: 150px;
		Height: 150px;
		background:url(images/staff_webb.jpg) no-repeat}

.pic_soren{	float:left;
		margin-top:35px;
		width: 150px;
		Height: 150px;
		background:url(images/staff_soren.jpg) no-repeat}

.pic_stone{	float:left;
		margin-top:35px;
		width: 150px;
		Height: 150px;
		background:url(images/staff_stone.jpg) no-repeat}

.pic_dodson{	float:left;
		margin-top:60px;
		width: 150px;
		Height: 150px;
		background:url(images/staff_dodson.jpg) no-repeat}


.pic_cole{	float:left;
		margin-top:20px;
		width: 150px;
		Height: 170px;
		background:url(images/staff_cole.jpg) no-repeat}

.pic_bath{	float:left;
		margin-top:50px;
		width: 150px;
		Height: 150px;
		background:url(images/Trevor_Bath.jpg) no-repeat}

.pic_kforbes{	float:left;
		margin-top:30px;
		width: 150px;
		Height: 150px;
		background:url(images/Kerry_Forbes.jpg) no-repeat}


right bottom{
		margin-left:5px;
		margin-right:5px}


	
	/* quickviewbox */ 
	
	/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(images/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 95% !important; /* intended total box width - padding-right(next) */
    width:95%; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
    color:#006991;
 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px;
} 
.cssbox_body ul
{ margin: 0px; padding: 0; list-style:none;line-height: 25px }

.cssbox_body a {	color: #708800;	background: inherit;}


/* footer */

.footer { 
	clear: both;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 3px solid #134780;
font:normal normal normal 80% normal normal Arial, bold, sans-serif;
}

.footer a { color: #0094CC; background: #fff; }

#mls {width:15%; float:left; padding:19px; }
#headertitle {width:55%; float:left;  margin-top:30px;}
#medicaltext {color:#ffffff; font-size:30px;}
#lifesignstext {color:#ffffff; font-size:18px;}


#titletabgap {width:5%; height:58px; float:left;}
#tabactive {width:106px; height:35px; float:left; background-image:url(images/tabactive.png); text-align:center; font-size:14px;      }
#tabactive a { color:#10235D; text-decoration:none;}
#tabactive a:hover { color:#000000;}

.tabnonactive {width:106px; height:34px; float:left; background-image:url(images/Nonactive.png); text-align:center; font-size:14px;      }
.tabnonactive a { color:#FFFFFF; text-decoration:none;}
.tabnonactive a:hover { color:#10235D;}


	
	
	
	#info {font-family:font-family:"trebuchet ms", trebuchet, arial, sans-serif; font-size:1em; height:450px;}

#menu {
  margin:0; 
  padding:0; 
  height:32.5em; 
  overflow:hidden; 
  background:#f0f0f0;
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  }
#menu li a span {
  display:none; 
  color:#000;
  font-family:verdana, arial, sans-serif;
  line-height:1.3em;
  }
#menu li a.one span {
  display:block; 
  height:8em; 
  margin:0 10px;
  }
#menu li a:hover {
  background:#f1f1f1;
  }
#menu li a:hover span {
  display:block; 
  height:8em; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#000; 
  font-variant:small-caps; 
  font-size:1.5em; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#00b;
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:1px solid #000; 
  float:left;
  }
.curved {
  width:16em;
  margin:0 auto;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0f0; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c;
  }
.curved .b1 {
  margin:0 4px; 
  background:#88c;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#88c;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c; 
  font-size:0.9em; 
  text-align:justify;
  }