@charset "utf-8";
/*this template came from Dreamweaver css templates*/
body  {
	margin: 0 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background: #8C8D8E url(../images/internal-greyStripe-bg.jpg) repeat-x;
}
a {
	text-decoration: none;
	color:#BBB;/*color:dk grey*/
}
a:hover {
	text-decoration: underline;
}
h1, h2 {
	color:#DDD;/*color:lt grey*/
	margin-bottom:10px;
	font-variant: small-caps;
}
h2 {
	font-size: 1.2em;
	margin-left:15px;/*color:#7a2531;*/
}
h3 {
	color:#DDD;
	font-size:1em;
	font-variant: small-caps;
	margin-top:10px;
	margin-left:15px;
}

.clear{
    clear:both;
}
.hcc_home #header-spacer{
	width:100%;
	height:40px;
}
.hcc_home #shadowWrapper{
	width:850px;
	margin: 0 auto;
	background: url(../images/internal-pageShadow-bg.png) top center repeat-y;
	margin-top: 10px;
	/*border: 1px solid #000;*/
}
.hcc_home #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #01209F; /*#01209f the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
	margin-top: -15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

.hcc_home #mainContentWide {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-left: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background-color: #EAECE7;
	padding: 5px 0px 0px 5px;	
}

.hcc_home #header {
	background: #0b2d62;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 150px;
	margin-bottom:-15px;
} 

.hcc_home #logo {
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-415px;
	/*margin: -15px 0 0 10px;*/
	background-repeat:no-repeat;
	/*float:left;*/
	padding: 0px;
	height: 150px;
	width: 205px;
	z-index:101;
	/*
	margin: -15px 0 0 10px;
	background-repeat:no-repeat;
	float:left;
	padding: 0px;
	height: 150px;
	width: 205px;
	*/
 }
.hcc_home #header_graphic {
	position:relative;
	float:right;
	width:610px;
	height:107px;
	margin: -15px 0 0 0;
	background-image:url(../images/internal-graphicHeader-bg.jpg);
}

.hcc_home #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color:#00209f;
}
/* side bar menu for main pages ------------------------------------------*/

#tree {
    float: left; /* since this element is floated, a width must be given */
	width: 185px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 300px;
    background-image:url(../images/sidebar-tree.jpg);
    background-repeat: no-repeat;
    margin-top:25px;
}
.hcc_home #sidebar1 {
	position:relative;
	float: left; /* since this element is floated, a width must be given */
	clear:both;/**/
	width: 185px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0px 0px 5px;
    height: 540px;
	background-color: #01209f; 	
	/*background-image:url(../images/sidebar-notree.jpg);*/
	/*background-repeat: no-repeat;*/border-style:solid;
border-width:0px;
}

.hcc_home #sidebar_menu {
	display: block;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.hcc_home #sidebar_menu a{
	color: #FFFFFF;
	line-height:18px;
	text-decoration:none;
	text-indent:0px;
}

.hcc_home #sidebar_menu a:hover{
	color: #FFFFFF;
	line-height:18px;
	text-decoration:underline;
}
 
.hcc_home #mainContent {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-left: 190px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background-color: #ffffff ;
	padding: 10px 0px 0px 0px;	
	border:thin 2px red;
}

#JustContent h1
{
    color:#003399;/* blue */
}

#JustContent{
	width:600px;
	height:100%;
	min-height:545px;
	height:auto !important;/*This does not work in IE without this*/
}

#JustContent ol{ 

    margin-left:15px;
}


#footerWrap h1
{
    color:#DDD;
}
/* 2 column page changes--------------------------------------*/

#mainContentRight { /* used for 2 column layout for content floating to the right*/ 
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-left: 190px; /*float:right;
    clear:both; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 5px 0px 0px 5px;
	position:relative;
	background-color: orange;
	width:580px;
	border-style:solid;/**/
	border-width:1px;/**/
	/*top:127px;*/
	/*margin:0px;*/
}

.hcc_home #popup {
	background-color: #EAECE7;
	}

.hcc_home #home_page_photo {
	margin:0px;
	padding:0px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.printpage a
{color:white}

/* navigation------------------------------------------*/
#navcontainer{
	position:absolute;
	left:50%;
	margin-left:-210px;
	top:127px;	
	z-index:100;
}
	#nav {margin: 0;padding: 0;}
	#nav li {list-style: none;height: 44px;float: left;position: relative;}
	#nav li a {height: 44px;text-indent: -9000px;display: block;}
	#nav .current a { background-position: 0 -44px; }

/* buttons------------------------------------------*/
	a#futurestudent,a#currentstudent,a#alumni,a#famvis,a#business {width: 122px;height: 44px;}
	a#futurestudent {
	background-image: url(../images/MenuBlue_01.jpg);
}
	a#currentstudent {
	background-image: url(../images/MenuBlue_02.jpg);
}
	a#famvis {
	background-image: url(../images/MenuBlue_03.jpg);
}
	a#alumni {
	background-image: url(../images/MenuBlue_04.jpg);
}
	a#business {
	background-image: url(../images/MenuBlue_05.jpg);
}
	a#futurestudent:hover,a#currentstudent:hover,a#famvis:hover,a#alumni:hover,a#business:hover{ background-position: 0 -44px; }

/* Athletic navigation------------------------------------------*/
	#nav_athletics {margin: 0;padding: 0;}
	#nav_athletics li {list-style: none;height: 44px;float: left;position: relative;}
	#nav_athletics li a {height: 44px;text-indent: -9000px;display: block;}
	#nav_athletics .current a { background-position: 0 -44px; }

/* Athletic buttons------------------------------------------*/
	a#button1,a#button2,a#button3,a#button4 {width: 152px;height: 44px;}
	a#button1 {
	background-image: url(../images/button_Athletics.jpg);
}
	a#button2 {
	background-image: url(../images/button_Teams.jpg);
}
	a#button3 {
	background-image: url(../images/button_Resources.jpg);
}
	a#button4 {
	background-image: url(../images/button_Broadcast.jpg);
}
	
	a#button1:hover,a#button2:hover,a#button3:hover,a#button4:hover{ background-position: 0 -44px; }
		
.empdir 
{
    font-size: 8pt;
    font-family: Arial;
}

.empdirv2 
{
    font-size: 8pt;
    font-family: Arial;
}

#emplistcontainerdiv
{
    width: 575px;
    height: 350px;
}

#emplistheadingdiv
{
    width: 98%;
    height: 40px;
}

#emplistdiv
{
    border: solid thin black;
    width: 98%;
    height: 300px;
    overflow: auto;
}
.sbnomenu
{
	float: left; /* since this element is floated, a width must be given */
	width: 185px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 5px;
	background-image: url(../images/sideimageWtree190x445.jpg);
	height: 440px;
	background-color: #01209f;
    color: #ffffff;
    position: absolute;
    margin-left: 7px;
    margin-top: 8px;
}

.EnrKey 
{
    font-size: 10px;
    width: 780px;
}

/**************************************************HCC's Course Window Classes ****************************************************************/

.DimOut {
	background: transparent url(../images/blackOut.png);
	position:fixed;
	left: 0px;
	top: 0px;
	width: 100%; 
	height: 100%; 
	z-index: 200;
  visibility: hidden;
}

.TitleBar {
 background-color: #0033A7;
 color: white;
 font-size: 12px;
 height: 30px;
 width: 850px;
 /*width: 100%;*/
 border-color: #7F9DB9;
 border-style: solid;
 border-width: 1px;
 margin-top: 0px;
 -webkit-border-radius: 7px;    /* for Safari */
 -moz-border-radius: 7px;       /* for Firefox */
}

.CRSWin {
 background-color: #F0F0F0;
 position: absolute;
 left: 50%;
 margin-left: -425px;
 top: 50px;
 width: 850px;
 height: 450px;
 z-index: 201;
 border-style: outset;
 visibility: hidden;
 border: 1px solid #000;   /* if needed */
 -webkit-border-radius: 7px;    /* for Safari */
 -moz-border-radius: 7px;       /* for Firefox */

}

.CRSMsg {
 color: gray;
}

.CRSHeadTbl {
 margin-top: 10px;
 margin-left: 20px;
 margin-bottom: 10px;
 width: 805px;
}

.CRSHead {
 font-weight: bold;
 font-size: 16px;
}

.CRSCampus {
 font-family: Impact, fantasy;
 color: darkblue;
 font-size: 16px;
}

.CRSInfo {
 background-color: white;
 overflow: auto;
 margin-top: -5px;
 /*border-color: #7F9DB9;*/
 border-color: #000;
 border-style: solid;
 border-width: 1px;
 margin-left: 20px;
 height: 340px;
 width: 805px;
 z-index: 202;
 border-left: 0px;
}

.CRSAreaTitle {
 margin-left: 10px;
 color: darkblue;
 font-weight: bold;
 font-size: 14px;
 margin-top: 10px;
}

.CRSAreaBody {
 margin-left: 30px;
}

.CRSSubTitle {
 font-weight: bold;
}

.CRSstamp {
 position: absolute;
 left: 30%;
 top: 110px;
 z-index: 203;
}

.CRSHover {
 cursor: pointer;
 color: darkblue;
}

.CRSHoverOver {
 cursor: pointer;
 color: gray;
}

.INSInfo {
 background: url(../images/INSInfo.gif) top left no-repeat;
 position: relative;
 width: 337px;
 height: 175px;
 margin-top: -185px;
 margin-left: -120px;
 visibility: hidden;
 z-index: 204;
}

.INSData {
 margin-left: 7px;
 margin-top: 5px;
}

.INSMsg {
  color: darkblue;
  font-weight: bold;
}

.CrsListing 
{
    background-color: #FCF6DF;
    font-size: 10px;
    width:  780px;
    height: 350px;
    overflow: auto;
    /*border-color: #7F9DB9;*/
    border-style: solid;
    border-width: 1px;
    background: #FFF;
    border-color: #000;
    border-left: 0px;
    border-right: 0px;
}

.CrsRowOn
{
    background-color: #EAECE7;
    /*background-color: #DDD;*/
}

.CrsRowOff
{
    /*background-color: #FCF6DF;*/
    background-color: #FFF;
}

.CrsNoteBackgrd 
{
   background: url(../images/fullsticky.gif) top left no-repeat;
   position: absolute;
   width: 235px;
   height: 221px;
   color: black;
   visibility: hidden;
   top: 1px;
   left: 1px;
   z-index: 200;
}
/**************************/

.outerdiv 
{
    position: absolute;
    margin-left: -7px;
    margin-top: -7px;
    width: 800px;
}

.apachemaincontent
{
	margin-top:7px;
	margin-right:0px;
	margin-bottom:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-left: 197px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background-color: #EAECE7;/*tan*/
	padding: 10px 0px 0px 10px;
	width: 600px;	    
}
/* William Dev */
#jqDockPlaceholder
{
    display:block;
    line-height:100px;
}

#twoColumn
{
    background: url(../images/2column_bg.gif);
    width:100%;
    height: 600px;
}
/*Search Area*/

/****************** Internal Pages v2 ****************************/
#content-links { 
    position:relative;
    top:0;
    right:0;
}
.content-area {
	position: relative;
	clear: both;
}
/** Content Box **/
#content-box{
    position:relative;
    background:#EAECE7;
    width:787px;
}

#contact-box{
    float:right;
    background: #EAECE7 url(../images/internal-contentHeader-bg.png) top right no-repeat;
	width:100%;
    height:34px;
	padding-bottom: 3px;
	margin-right:7px; 
}
#content-header{
    clear:both;
    float:left;
    width:787px;
    height:137px;
}
#headerSpace{
	height:35px;
}
.linkHeader{
	list-style:none;
	margin-top:10px;
	border-bottom:1px solid #666;
}

#content-cycle-links{
    position:relative;
    top:-340px;
    right:0;
    width:200px;
	/*float:left;
	width:190px;*/
    margin:19px 0 -320px 573px;
	font-size:0.9em;
}
#content-cycle-links li,
#content-links li{
	list-style:url(../images/internal-linkArrow-ico.png);
	margin-right:5px;
}
#content-cycle-links li a,
#content-links li a
{
	text-decoration: none;
}
#content-cycle-links li a:hover,
#content-links li a:hover
{
	text-decoration: underline;
}

/** Profile Cycler **/
.cycle-container {
	position: relative;
	width: 573px;
	clear: both;
	margin-left:12px;
}
	
#cycle-slideshow {
	height: 341px;
	width: 472px;
	overflow: hidden;
}
	
#cycle-slideshow div {
	position: relative;
}
	
	
#cycle-vert-navigation {
    position: relative;
	margin: 0;
	padding: 9px 9px 9px 0;
	position: absolute;
	top: 0;
	right: 0;
	list-style-type: none;
	z-index: 9;
	height: 323px;
	width: 125px;
	background: transparent url(../images/student_spotlight_thumbnail_shadow.png) no-repeat;
}
	
#cycle-vert-navigation * { display: none; }
	
#cycle-vert-navigation li {
	margin: 6px 0 0 0;
	float: left;
	display: block;
	width: 116px;
	height: 73px;
	overflow: hidden;
}
	
#cycle-vert-navigation li:first-child { margin-top: 11px; }
	
#cycle-vert-navigation li a {
	display: block;
	width: 116px;
	height: 73px;
}

#cycle-vert-navigation li a img {
	margin: 0 0 0 22px;
	width: 94px;
	height: 73px;
	display: inline;
}
	
#cycle-vert-navigation .activeSlide {
	background-image: url(../images/student_spotlight_arrow.gif);
}

/***************** Future Student & BNI ********************************/

.futureStudent #content-links{
    height:315px;
    width:200px;
	background: url(../images/internal-link-fs-bg.png) no-repeat;
	margin: 20px 0 -40px 565px;
}

.futureStudent .content-area {
	width:573px;
}
.futureStudent #content-header{
	    background: #EAECE7 url(../images/internal-titlebar-futureStudent.png) top left no-repeat;
}

/* jqDock */
.futureStudent #menu1 {position:absolute; top:70px; left:-40px; width:100%; z-index:1; display:none;}
.futureStudent #menu1 div.jqDockWrap,#menu2 div.jqDockWrap {margin:0 auto} /*...centre the dock...*/
.futureStudent #menu1 div.jqDock,#menu2 div.jqDock {cursor:pointer;}/*...set the cursor...*/
.futureStudent div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#000; cursor:pointer; }
.futureStudent .bioImage {position:relative; top:0; left:0; padding:10px;}

/********************** Current Student ********************************/
.currentStudent #content-header{
	    background: #EAECE7 url(../images/internal-titlebar-currentStudent.png) top left no-repeat;
}
.currentStudent #content-cycle-links{
		background: url(../images/internal-link-cs-bg.png) no-repeat;
}
/************************** Alumni *************************************/
.alumni #content-header{
	    background: #EAECE7 url(../images/internal-titlebar-alumni.png) top left no-repeat;
}
.alumni #content-cycle-links{
		background: url(../images/internal-link-alumni-bg.png) no-repeat;
		height:315px;
}
/************************** Visitor ***********************************/
.visitor #content-header{
	    background: #EAECE7 url(../images/internal-titlebar-visitor.png) top left no-repeat;
}
.visitor .content-area{
	float:left;
	margin-top:20px;
	width:790px;
}
.visitor-gutter{
	float:left;
	width:7px;
}
.visitor .links li{
	list-style:url(../images/internal-linkArrow-ico.png);
	margin-right:5px;
}
.visitor .links a{
	text-decoration: none;
}
.visitor li a:hover
{
	text-decoration: underline;
}
.visitor #content-links1,
.visitor #content-links2,
.visitor #content-links3,
.visitor #content-links4{
	float:left;
	width:190px;
	height:315px;
	margin:0 auto;	
}
.visitor #content-links1{
		background: url(../images/internal-link-visitors-bg.png) no-repeat;
}
.visitor #content-links2{
		background: url(../images/internal-link-events-bg.png) no-repeat;
}
.visitor #content-links3{
		background: url(../images/internal-link-media-bg.png) no-repeat;
}
.visitor #content-links4{
		background: url(../images/internal-link-resources-bg.png) no-repeat;
}
/************************** BNI ***************************************/
.BNI .content-area {
	float:left;
	width: 500px;
	margin-left: 40px;	
}
.BNI #content-header{
	    background: #EAECE7 url(../images/internal-titlebar-bni.png) top left no-repeat;
}
.BNI #content-links{
    height:540px;
    width:200px;
	background: url(../images/internal-link-bni-bg.png) no-repeat;
	margin: 7px 0 -40px 515px;
}
/** Added Later **/

#stripe{
    clear:both;
    position: absolute;
    background: #780000;/*Originally #D30F33*/
    top:150px;
    left:0px;
    width:100%;
    height:150px;
    z-index:-1;
}

#tool_set{
    clear:both;
    position:absolute;
    top:55px;
    left:50%;
    margin-left:200px;
}
#search_div
{
    background: url(../images/search_bg.gif) 0 0 no-repeat;
    position:relative;
    top:0px;
    left:0px;
    width:200px;
    height:23px;
}
.search_q{
    position:relative;
    left:5px;
    width: 150px;
    border: none;
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #AAA;
}
.search_q_active{
    color: #000
}
.search_submit{
	background: transparent;
	height: 20px;
	width: 25px;
	margin: 0;
	padding: 0;
	cursor: pointer;
        border:none;
}
#search_cat{
        position:relative;
        color:#BBB;
}
#search_cat a {
    text-decoration: none;
    color:#BBB;
}
#search_cat a:hover {
    text-decoration: underline;
    color:#DDD;
}
.search_pipe {
    color:#FFF;
    margin: 0 5px;
}

/************************ Footer ***************************/
#footerWrap {
	clear:both;
	background:#000;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:400px;
	margin:0;
	background:#4E0A0A url(../images/main-footer-slice.jpg) bottom center repeat-x;
	border-top:5px solid #ffffff;
}

#footer {
	position:relative;
	left:50%;
	margin-left:-500px;
	width:1000px;
	height:400px;
	background:#4E0A0A url(../images/main-footer-bg.jpg) bottom center no-repeat;
	color:#FFF;
}

#footer ul, ol {
	padding: 0;
	/*padding:0 0 .25em 1.5em;*/	
}
#footer h2 {
	font-size:1.3em;
	margin-bottom:0px;
	margin-left:5px;
	margin-top:0;	
}
#footer h3 {
	font-size:1.1em;
	margin-left:5px;
	margin-bottom:0px;
	font-variant:none;
}
#footer #container1 ul {
	margin-left:5px;
}
#footer #container1 li {
	font-size:1.1em;
	list-style: none;
	color:#AAA;
}

/* Start of Footer Column CSS */
#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	height:265px /* Important: Sets height of #address */
}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
	
#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
	margin-top: 20px;
}
.main-swirl{
	background: url(../images/main-swirl-bg.png);
	width:100%;
	height:100%;
}
#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
	margin-top: 20px;
}
#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
	margin-top: 20px;
}
#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
	margin-top: 20px;
}
#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
	margin-top: 20px;
}
#container1 li {
	font-size:0.9em;
	list-style: none;
	color:#AAA;
}
#container1 li img {
	vertical-align:middle;
	margin: 2px 2px 2px 0;
}
/** Footer Content **/
#footer a {
	color:#AAA;
	text-decoration:none;
}
#footer a:hover {
	color:#DDD;
}
#main-contact-info {
	margin-top:10px;
}
#main-contact-info img {
	margin-right:5px;
}
#social-set img:first-child {
	margin-left:15px;
}
/** Footer Credits **/
#address {
	font-size:0.9em;
	text-align:center;
	color:#AAA;
}
#credits, #copyright {
	font-size:1.1em;
}
#credits a {
	color:#AAA;
}
.credit-pipe {
	margin:0 5px;
}
#credits ul {
	margin-left:0;
}
/** Subfooter **/
#subfooter {
	margin-top:100px;
	height:40px;
	font-size:0.85em;
	color:#505050;
	background: #000;
}
#subfooter a {
	color:#505050;
}
#subfooter a:hover {
	color:#909090;
}
#credits {
	display:inline;
	float:left;
}
#copyright {
	display:inline;
	float:right;
	text-align: right;
}
#subfooter-blackout{
	clear:both;
	position:absolute;
	top:100%
	left:0;
	width:100%;
	height:20px;
	background: #000;
	z-index:1;
}
/******************************** Profile Pages ******************************/
#profiles {
	background: url(/HCC/images/watermark-H.png) no-repeat 50% top;
	width:700px;
}
#profiles h1{
	margin: 10 auto;
	font-size:1.6em;
	color:#184B8E;
	font-variant:small-caps;
  	text-shadow:2px 2px 2px #CCC;
}
p.profiles-demographic {
	margin-left:20px;
	line-height:0.6em;
	font-size:1em;
}
#profiles blockquote {
  margin:0 auto;
  background:url(/HCC/images/closeQuote5.png);
  background-repeat:no-repeat;
  background-position: 450px bottom;
  width:550px;
 } 

#profiles blockquote p {
  margin:0;
  background-image:url(/HCC/images/openQuote5.png);
  background-repeat:no-repeat;
  background-position:top 80%;
  /*padding:50px 45px 45px 5px;*/
  padding: 50px 45px 45px 15px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:1.5em;
  color:#184B8E;
  /*text-shadow:1px 1px 1px #000;*/
 }

/********************************* Syllabus ***********************************/
#syldiv h1,
#syldiv h2,
#syldiv h3{
	color: #184B8E;
}