﻿@charset "utf-8";
/* CSS Document */

body{
	behavior: url("/hlthsci/styles/csshover.htc");
	background-color: #316191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	margin:0 0 20px 0
}

h1, h2, h3, h4 {
   margin: 0 0 0 0;
   padding: 5px 0 0 0;
}

h1 {
   font-size: 1.8em;
   color: #bd8747;
   font-family: "Times New Roman", Times, serif;
}

h2 {
	margin: -5px 0 0 0;
   font-size: 1.4em;
   color: #bd8747;
   font-family: "Times New Roman", Times, serif;
}

h3 {
   font-size: 1.1em;
   color: #16538a;
}

h4 {
	font-size:1.0em;
}

#skinnybar_container {
	background-color: #262626;
	width:auto;
	height:54px;
	margin-left:auto;
	margin-right:auto;
}
#skinnybar_content {
	width: 760px;
	height: 54px;
	margin-right: auto;
	margin-left: auto;
	
}
#skinnybar_image{
	float:left;
	width:340px;
}
#skinnybar_search{
	float: right;
	width: 200px;
	height: 54px;
}
#go{
	height:auto;
	width:auto;
	vertical-align:top;
	margin-top:14px;
}
#q{
	width:150px;
	font-size: 9px;
	height: 10px;
	vertical-align: top;
	margin-top:18px;
}

#header {
	margin: 0 auto 0 auto;
	background-image: url('../images/HS_title.jpg');
	background-repeat: no-repeat;
	background-position: left;
	background-color: #316191;
	width: 760px;
	height: 57px;
}

#banner{
	margin: 0 auto 0 auto;
	height: 226px;
	width: 760px;
	border-bottom: 1px black;
}

#menu {
	margin: auto;
	background-image: url('../images/menubg.jpg');
	background-repeat: repeat-x;
	background-color: #4a97df;
	width: 760px;
	height: 24px;
}

#topnav {
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 18px;
	color: #f5fcff;
	margin: 0 0 0 0;
	padding: 2px 0 0 10px;
	list-style-type: none;
}

#topnav li {
	color: #16538a;
	float: left;
	position: relative;
	z-index:100;
	width: 150px;
	text-align: center;

}

#topnav li a {
	color: #f5fcff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;

}

#topnav li:hover {

}

#topnav li ul {
	display: none;
	padding: 0 0 0 0;
}

#topnav li:hover ul {
	padding: 4px 0 0 0;
	margin: 0 0 0 10px;
	font-size: 11px;
	list-style-type: none;
	display: block;
	position: absolute;
	top: 18px;
	left: -5px;
	border: 1px solid #527A43;
	border-width: 0 1px 1px 1px;
	z-index: 500;
}

#topnav li:hover ul li {
	background-color: #cdcbbf;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
	padding: 1px 4px;
	text-align: left;
	border: 1px solid #dcdace;
	border-width: 1px 0 0 0;
}

#topnav li:hover ul li:hover {
	background-color: #f5fcff;
	background-image: none;
}

#topnav li:hover ul li.nocolor:hover {
	background-color:#cdcbbf
}

#topnav li:hover ul li a {
	color: #bd823c;
	font-size: 11px;
	display: block;
	font-weight: bold;
}

#topnav li:hover ul li:hover a {
	color: #ce6667;
}

#topnav li ul li ul {
	display: none;
}

#topnav li:hover ul li ul {
	display: none;
}

#topnav li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 150px;
	top: 0;
	border: 1px solid #b8aeaf;
	z-index: 500;
}

#topnav li:hover ul li:hover ul li {
	border: 0;
}

#topnav li:hover ul li:hover ul li a {
	color: #f5fcff;
}
//* Added by Denise, to get rid of border on arrow images in menu *//
li img {
	border:0
}

#container{
	margin: 0 auto 0 auto;
	width: 760px;
	height: 166p;
	background: #e4e2d5 url('../images/contentBG.jpg') no-repeat;
}

#leftMenu{
	float: left;
	line-height: 1.5em;
	width: 165px;
	height: auto;
}

#leftText{
	float: left;
	margin: 0 0 0 0;
	width: 210px;
}

#leftText hr{
	position: absolute;
	margin: -1px 0 1px 0;
}

#leftText p{
	margin: 0 0 0 0;
	padding: 2px 0 10px 0;
}

#leftText a{
	margin: 0 0 0 20px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5em;
	color: #6485c2;
}

#leftText a:hover{
	color: #f69745;
	text-decoration: none;
}

#links{
	float: left;
	margin: 62px 0 25px 12px;
	padding:0 0 25px 0;
	width: 140px;
	line-height: 1.2;
}
*:first-child+html #links {
	margin: 72px 0 0 12px;
}

#links a{
	text-decoration: none;
	font-size: 12px;
	color: #16538a;
}

#links a:hover{
	color: #bd823c;
	text-decoration: none;
}

#links ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#links ul li {
	margin:0 0 10px 0;
}
#links ul li ul {
	margin:6px 0 0 15px;
	padding:0;
	list-style-type:square;
	list-style-position:outside;	
}
#links ul li ul li {
	margin: 3px 0 2px 10px;
	font-weight:bold;
}

#main{
	float: left;
	width: 595px;
	height: auto;	
}

#main2{
	float: left;
	width: 595px;
	height: 500px;	
}

#mainText{
	margin: 25px 0 25px 0;
	padding:0 0 25px 0;
	float: left;
	width: 575px;
	color: #415466;
	text-align: left;
}

#mainText a {
	color: #6485c2;
}

#mainText a:hover {
	color: #f69745;
}

#mainText2{
	margin: 25px 0 0 0;
	float: left;
	width: 560px;
	color: #415466;
	text-align: left;
}

#facultyContent{
	margin: 25px 0 15px 95px;
	padding:0 0 25px 0;
	float: left;
	width: 575px;
	color: #415466;
	text-align: left;
}

#footer{
	margin: 0;
	padding: 5px 0 0 0;
	width: 760px;
	height: 70px;
	font-size: 11px;
	color: #dde0d5;
	text-align: center;
	line-height: 1.4em;
	background: #316191;
	clear:both;
}

#footer p{
	margin: 10px 0 0 0;
}

#footer a{
	color: #dde0d5;
}


/*Faculty Page*/

#content2 {float: left;	width: 70%;}

/* gutters */

#content2 .gutter {padding: 10px;}

/* content */

#content2 h2 {margin: 0 0 1em 0;	padding: 0;	font-family: Georgia, serif;font-size: 150%;font-weight: 600;}
#content2 h3 {margin: 0 0 1em 0;	padding: 0;	font-family: Georgia, serif;font-size: 140%;font-weight: 600;}
#content2 h4 {margin: 0 0 1em 0;	padding: 0;	font-family: Georgia, serif;font-size: 130%;font-weight: 600;}
#content2 h5 {margin: 0 0 1em 0;	padding: 0;	font-family: Georgia, serif;font-size: 120%;font-weight: 600;}
#content2 h6 {margin: 0 0 1em 0;	padding: 0;	font-family: Georgia, serif;font-size: 100%;font-weight: 600;}

/*dl.feature {width: 95%; margin: 15px 0;	padding: 15px;	border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
dl.feature:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
dl.feature dt {	margin: 0 0 .5em 0;	font-family: Verdana, sans-serif; font-size: 110%; font-weight:600;}
dl.feature dt img {	float: left; margin: 0 15px 0 0;padding: 0; border: 8px solid #D6D5BE;}
dl.feature dd {	margin-left: 150px; font-size: 90%; line-height: 1.5em;}
*/
/* sidebars */

.box {margin: 0 0 20px 0;padding: 0 0 12px 0;font-size: 85%;line-height: 1.5em;}
.box h3 {margin: 0;	padding: 12px;	font-family: Georgia, serif;font-size: 140%;font-weight: normal;}
.box p, .box ul {margin: 0;	padding: 0 12px;}
.box ul li    {margin: 0 0 0 12px;	padding: 0 0 0 18px;list-style: none;}
.box form {margin: 0;padding: 0 0 0 12px;}

/*  IE fixes */

#content2, #sidebar2 {height: 1%;} /* holly hack used for IE 6 to properly display floated elements */

.feature {display: inline-table;}

/*#container {minWidth: 500px; maxWidth: 1400px;}*/
/* Hides from IE/Mac \*/
/** html .feature {height: 1%;}*/
/*.feature {display: block;}
#footer {height: 1%;}*/
/* End hide from IE/Mac */

#globalnav {text-align: right;}
#globalnav ul {margin:0 5px 0 0;padding: 5px;}
#globalnav ul li {display: inline; list-style-type:none;}




/*** Division of Communication Styles ***/
/* layout */

/*#container {margin: 0; width: 758px;}*/
/*#sidebar2 {float: left;	width: 220px; margin: 0; font-size: 95%; line-height: 1.5em;}*/
#content2 {float: left;	width: 550px;color: #000; margin-left: 0}

/*a:link {color: #003366;text-decoration: underline;}
a:visited {color: #003366;text-decoration: underline;}
a:hover {color:#336699;text-decoration: underline;}*/

#content2 a:link {color: #003366;text-decoration: underline;}
#content2 a:visited {color: #003366;text-decoration: underline;}
#content2 a:hover {color:#336699;text-decoration: underline;}

/*#sidebar2 .gutter {padding: 0px;}*/

table {margin: 15px auto; border: 0px solid #000;width: 100%;}
table th {background-color: #99ccff; color:#003366; font-weight: 900;border: 0px solid;}
table td {color: #000;border: 0px solid;padding: 5px;font-size: 95%;} 

/* gutters */
#content2 .gutter {padding: 10px 15px 10px 0; color: black; background-color: transparent}

/* message */
#message {color: #cc9;background: #404530 url(../images/message-bg.gif) repeat-x top left;}
#message strong {background: url(../images/message-strong.gif) no-repeat 0 50%;}

/* content */
#content2 h2, #content2 h3,#content2 h4,
#content2 h5, #content2 h6 {color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif;}


dl.feature dt {color: #000;}
dl.feature dt img {background: url(../images/photo-frame.gif) no-repeat bottom right;}
dl.feature dd {	color: #666;}

/* sidebars */
.box {color: #666;background: none}
.box h3 {color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;}

/*box list items*//*
.box {margin: 0 0 20px 0;padding: 0 0 12px 0;font-size: 95%;line-height: 1.5em;}
.box h3 {margin: 0;	padding: 0 0 10px 0;	font-family: verdana, arial, helvetica, sans-serif;font-size: 140%;font-weight: normal;}
.box p, .box ul {margin: 0 0 0 0px; padding: 0 0 0 0px;}
.box ul li {margin: 0 0 0 0px; padding: 0 0 0 57px; list-style-type: none; border-bottom:1px solid #bdb9ae;}
.box form {margin: 0;padding: 0 0 0 0;}
*/
.box a {display: block;}
.box a:link, a:visited {text-decoration: none;}

/*new list style to try*/
.box {margin: 0 0 20px 0;padding: 0 0 12px 0;font-size: 95%;line-height: 1.5em;}
.box ul {margin: 0 0 0 0px; padding: 0 0 0 0px;}
.box ul a {border-left: 5px solid #f2f2ea}
.box ul li {margin: 0 0 0 0px; padding: 0 0 0 53px; list-style-type: none; border-bottom:1px solid #bdb9ae;}
.box a:hover {margin:0; padding: 0 0 0 5px; background-color: #fff; border-left: 5px solid #003366;} 


#q {border: 1px solid #6b8299; padding-left: 3px;}

.imageleft {float: left; margin: 8px 8px 3px 0px; border: 8px solid #6b8299}
.imageright {float: right; margin: 8px 0px 3px 8px; border: 8px solid #6b8299}
.image_nobrdrrt {float: right; margin: 8px 0px 3px 8px;}
.image_nobrdrlft {float: left; margin: 8px 8px 3px 0px;} 
.imageleftGray {float: left; margin: 8px 8px 3px 0px; border: 8px solid #d1cfc4}
.imagerightGray {float: right; margin: 8px 0px 3px 8px; border: 8px solid #d1cfc4}
	


/*--------------------------------------------------*/
/*Additional Content Styles                         */
/*Created by Casey Moccero 2007                     */
/*mossyg@gmail.com                                  */
/*--------------------------------------------------*/

dl	{
	margin:0px 15px 0px 20px;
}

dt	{
	color:#336699;
	font-weight:bold;
	padding:10px 0 3px 0;
}

dd	{
	background-color:#f1f8ff;
	border:1px solid #6b8299;
}

.style1 {font-size: x-small}

.select {background-color:#d9ecff; border:1px solid #6b8299; margin:6px 10px 6px 10px; width:95%; font-size:small; color:#000000; font-weight:normal; }

#uglist dt {font-weight:normal; font-size:small; color:#000000;}

.fac{
	font-size:11px;
	background-color:#f1f8ff;
	border:1px solid #6b8299;
	position:absolute;
	padding:5px;
	visibility:hidden;
	width:350px;
	height:560px;
	overflow:auto;
}

#names {
	font-weight: bold;
	font-size: 11px;
	background-color:#f1f8ff;
	border:1px solid #6b8299;
	padding-left:5px;
	padding-top:5px;
	line-height:130%;
	height:540px;
}
#names a:link {text-decoration:none;}

#names a:visited {text-decoration:none;}
	
#list	{width:100%; height:500px;}
	
ul.courses	{font-weight:bold;}
	
#names {padding-top:30px;}

#names li	{margin-bottom:3px; list-style:square; color: #99ccff;}

#names span	{color:#000000; font-weight:bold;}


