@charset "utf-8";
/*this template came from Dreamweaver css templates*/
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	 /*text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #ede7d0; /* this creates the two column, drop shadowed background. It will go from top to bottom making both columns appear to be the same length no matter which is longer. */
	background-image: url(../images/hcc_backgroundtan2.gif);/*blue background is part of this image*/
	background-repeat: repeat-y;
	background-position: center top;
}
.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; /*#ede7d0 -tan color- 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: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

.hcc_home #header {
	background: #0b2d62;
	padding: 0 0px 0 0px;  /* 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;
} 

.hcc_home #logo {
	margin:0px;
	background-repeat:no-repeat;
	float:left;
	padding: 0px;
	height: 150px;
	width: 190px;
 }
.hcc_home #header_graphic {
	position:relative;float:left;
	width:610px;
	height:107px;
	margin:0px;
	background-image:url(../images/Header_blank.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 ------------------------------------------*/
   
.hcc_home #sidebar1 {
	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/sidebar-notree.jpg);
	background-repeat: no-repeat;
	height: 440px;
	background-color: #01209f;
}

#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 #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: #ede7d0;/*tan*/
	padding: 10px 0px 0px 0px;	
}
.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: #ede7d0;/*tan*/
	padding: 5px 0px 0px 5px;	
}
.hcc_home #popup {
	background-color: #ede7d0;/*tan*/
	}

.hcc_home #home_page_photo {
	margin:0px;
	padding:0px;
}
.hcc_home #footer {
	background-color: #ede7d0;
	font-size:80%;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom:20px;
	line-height:16px;
	color:#06337D;
} 
.hcc_home #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.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------------------------------------------*/
	#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: #EDE7D0;
    /*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: #ede7d0;/*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*/