* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	/*font-weight: normal;
	color: #000000;*/
}
p { 
	margin:0px;
	padding: 0px;
   }
  

h1 {
	font-size: 140%;
	font-weight: bold;
}

h2 {
	font-size: 120%;
	font-weight: bold;
}

h3 {
	font-weight: bold;
}
.headerwhite {
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.print {
	margin-top: 10px;
}

.caption{
	font-size: 10px;
	font-style:italic;
}

body {
	background:url(/portal/admin/css/BKG-page.png) top left #FFFFFF;
	height: 100%;
	width:100%;
}

a{
	color:#0000B9;
	text-decoration: none;
}

a:hover{
	/*color:#D14515;*/
	color:#db4420;
         
	text-decoration:underline;
}
p {
	margin: 4px 2px;
	padding: 2px;
}

img {
	border: none;
	/*behavior: url(pngbehavior.htc);*/
}

div#complete_wrapper{
	float:left;
	background-color:#ffffff;
	width:100%;
	height: auto;
	padding:0;
	margin:0;
}

* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

div#masthead {
/*Makes the login-search flush to the right*/
/*	min-width:1024px;*/
	width:100%;
	height: 90px;
	background-color: #4d73bc;
	vertical-align: middle;
	float: left;
}
div#masthead_limit{
	width:100%;
	height:90px;
	float:left;
	overflow:hidden;
	background-color: #4d73bc;
}
img#public_logo {
	float: left;
	/*width: 258px;
	height: 85px;*/
}

img#masthead_ad {
	
}

div#adbanner_container {
	float: left;
	width: 20%;
}

div#adbanner_container table {
	width: 100%;
	height: 84px;
}

div#adbanner_container table tr td {
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

div#login_search {
	float:right;
	width: 144px;
	height:85px;
	overflow: hidden;
}

div#login_search div {
	float: left;
	padding: 4px;
}

form#portal_login input.login_text {
	color: #999999;
	font-size: 9px;
	
}
form#portal_login a{
	font-size:9px;
}
form#portal_login a#help_link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.center_component {
	margin-bottom: 10px;
}

form#portal_login a#help_link:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

form#portal_login a#login_link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	
}

form#portal_login a#login_link :hover {
	color: orange;
	font-weight: bold;
	text-decoration: none;
}
#login_wrapper {
	border:none;
	float:right;
	background-color:#4b75c2;
	font-size:9px;
	overflow: hidden;
	
}
div.login_wrapper_display{
	width:134px;
	padding: 0;
	height:45px;
	float: right;
	margin:0;
}
fieldset.login_wrapper_form{
	padding:8px 6px 4px 5px;
	background:url(/portal/admin/css/login_frame.gif) no-repeat top left #4b75c2;
	width: 114px;
	margin:0 0 1px 0;
	float:left;
}
fieldset.login_wrapper_form input{
	display:block;
	float:left;
	clear:left;
	margin-bottom:2px;
}
fieldset.login_wrapper_form a{
	display:block;
	float:right;
	clear:right;
	margin-bottom:2px;
}

#login_wrapper ul{
	list-style-type: disc;
	list-style-position: inside;

	
}

#login_wrapper ul li{
	color:#FFFFFF;	
	overflow: hidden;
	padding:0;
}
#login_wrapper ul li a{
	color:#FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
FIELDSET#search_wrapper {
	padding: 3px 3px 2px 0px;
	border: 1px solid #000000;
	background: #F0F4FB;
	width: 121px;
	float: right;
	font-size:11px;
}

form#site_search input#query {
	color: #000000;
	font-size: 10px;
	float:left;
	display:block;

}

form#site_search a#search_link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display:block;
	float:right;
}


/* Primary Channel Nav */

div#hcprichannelnav {
	float: left;
	clear: both;
	background: #9AC84F;
	font-size:12px;
	width:100%;
}


div#hcprichannelnav ul {
	list-style: none;
	padding: 0px;
}

div#hcprichannelnav ul.main_nav {
	float:left;
}

div#hcprichannelnav ul.i18n_nav {
	float:right;
}

div#hcprichannelnav ul li {
	float:left;
	/*border-right: 2px solid;*/
}

div#hcprichannelnav ul.main_nav li{
	margin-right: 8px;
}

div#hcprichannelnav ul.i18n_nav li{
	margin-left: 5px;
}

div#hcprichannelnav ul.i18n_nav li.first {
	margin:2px 0;
	border-left: 1px solid black;
	font-size:12px;
}


div#hcprichannelnav ul li.selected {
	background-color: #FCB514;
}


div#hcprichannelnav ul li a {
	text-decoration: none;
	color: #000099;
	font-weight: bold;
	font-size: 12px;
	display:block;
	float:left;
	padding:2px 4px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

div#hcprichannelnav ul li.selected a {
	color:#000099;
	font-weight: bold;
	background:#FCB514;
}


div#hcprichannelnav ul li a:hover {
	/*color: #db4420;*/
	color: #000099;
	font-weight: bold;
	font-size: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background:#FCB514;
}


/* Page Controls */

div#HCPageControls {
	float: left;
	clear:right;
	text-align:right;
	clear: both;
	background: #d5e4c5;
	color:#db4420;
	width: 100%;
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
}

div#HCPageControls ul {
	list-style:none;
	display:block;
	float:right;
	clear:right;
	padding:3px;
	margin: 0px;
}

div#HCPageControls ul li{
	float:left;
	color:#db4420;
	/*border-right: 2px solid;*/
	margin-left: 3px;
	margin-right: 3px;
	font-size:12px;
}

div#HCPageControls ul li span.name{
	color:#db4420;
	font-style:italic;
	font-weight:bold;
	font-size: 12px;
}

div#HCPageControls ul li a{
	color:#db4420;
	font-size: 12px;
}

/*  Bread Crumb */

div#Breadcrumb {
	float: left;
	text-align: left;
	width: 500px;
	font-weight: bold;
	margin-top: 6px;
	padding-bottom: 2px;
	margin-left: 4px;
}

div#Breadcrumb a span.crumb {
	font-size: 10px;
	font-weight: normal;
	color: #D14515;
}
/*
div#Breadcrumb span.second {
	font-size: 10px;
	color: black;
}

div#Breadcrumb span.third {
	font-size: 10px;
	color: black;
}
*/
div#Breadcrumb a span.last {
	font-size: 10px;
	font-weight: bold;
	color: black;
}

/* Channel Header Date */

div#HCChannelHeaderDate {
	text-align: right;
	float: right;
	font-size: 12px;
	width: 250px;
	font-style: italic;
	font-weight: bold;
	position:relative;
	right: 8px;
	color:#ffffff;
	padding: 3px;
}
div#site_identity_name{
	background:url(/portal/admin/css/bg_green_stripes.gif) repeat top left #d5e4c5;
	clear:both;
	color:#4b75c2;
	font-weight:bold;
	font-size:28px;
	float:left;
	width:100%;
	padding:6px 0px 4px 0px;
}
div#site_identity_description{
	float:left;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#DD4420;
	padding:4px 0 0 208px;
	background:#d5e4c5;
	clear:both;
	width:816px;
}

/*   Footer  */

div#footer {	
	clear: both;
	float: left;
	
	width: 100%;
	background-color:#4b75c2;

}

div#footer table{
	float:left;
	width:100%;
}
div#footer table tbody tr td a span{
	font-weight:bold;
}
div#footer table td{
	text-align:center;
}

div#footer ul {
	float: center;
	font-weight: bold;
	font-size:12px;
}

div#footer ul li {
	list-style: none;
	float: left;
	width: 160px;
}

div#footer ul li a {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	width: auto;
}

div#footer ul li a:hover {
	display: block;
	color: #FFFFFF;
	text-decoration: underline;
}

/* Layout divs */
div#layout_area1 {
	float: left;
	background-color: #FFFFFF;
/*	width:100%;*/
	height: auto;
	overflow: hidden;
	background: url(/portal/admin/css/bkg_light_green.jpg) repeat-y top left #ffffff;
	width:1002px;
}



div#layout_area2 {
	float: left;
	width:1002px;
	height:auto;
/*	background:#ffffff;*/
	background:#d5e4c5;
	padding:0;
	margin:0;
	overflow:hidden;
}
div#layout_bottom1{
	width:100%;
	background:#ffffff;
/*	height:auto;*/
	height:100%;
	float:left;
	margin:0;
	background: url(/portal/admin/css/bkg_light_green.jpg) no-repeat top left #ffffff;
}
div#layout_bottom2{
	width:100%;
/*	height:auto;*/
	height:100%;
	float:left;
	padding: 0px;
	margin:0;
	background: url(/portal/admin/css/bkg_light_green.jpg) no-repeat top left #ffffff;
}

#complete_wrapper #layout_area1 #layout_area2 #display_column #featured_items a:hover {
	color: #D14515;
	text-decoration: underline;
}

/*#featured_items tbody tr td table tbody tr td a {
	font-size: 12px;
}*/

#complete_wrapper #layout_area1 #layout_area2 #display_column .preview_area center_component .preview_menu article_preview_menu .article_preview_item a:hover {
	color: #D14515;
	text-decoration: underline;
}
#complete_wrapper #layout_area1 #layout_area2 #display_column .preview_area center_component .preview_menu article_preview_menu .article_preview_item a:hover {
	color: #D14515;
	text-decoration: underline;
}
div#print{
	float:right;
	clear:right;
}
div#print img{
	float:right;
	clear:right;
	cursor:hand;
}

.photoholder {
	 border: 1px solid #999999;
	 padding: 3px;
	 margin:0 0 0px 3px;
	 background-color: #ebecf7;
	 font-style: normal;	 	 
	 float:right;
	 clear:right;
}
.photoholder.caption { font-size: 80%;
                  text-align: center; }



div.article ul{
	margin-left:20px

}
div.article ol{
	margin-left:20px

}


/* from jeditlive */
b {
	font-weight: bold;
}

i {
	font-style: italic;
}

u {
	text-decoration: underline;
}

span.titlebluebg-textwhite {
	font-weight: bold;
	color: #ffffff;
	background-color: #4a73b3;
	padding: 3px;
}

span.altrow_ltblue {
	background-color: #e6ecf7;
	padding: 3px;
}



span.textlarger {
	font-size: 140%;
}

span.textlarge {
	font-size: 125%;
}

span.textsmall {
	font-size: 80%;
}

span.textred {
	color: #CC0000;
}

span.textblue {
	color: #4a73b3;
}

span.textorange {
	color: #db4420;
}

span.textgreen {
	color: #92ba65;
}


/* Old HISD styles */
/* Photo Album Image Element Style */
.PhotoAlbumImageStyle{display:inline;height:120;width:120;}

.help-Header {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;
}




.photocaption{  
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 10px;
	 padding: 3px; 
	 font-style: normal; 
	 line-height: normal; 
	 font-weight: normal;
	 color: #000000;
	 background-color: #eeeeee;
 }
 .photoholderLeft {
   border: 1px solid #999999;
   padding: 3px;
   background-color: #ffffff;
   font-style: normal;
   color: #999999;
   margin-left: 0px;
   margin-right: 12px;
   margin-top: 2px;
   margin-bottom: 4px; 
   
 }
  
 .photoholderRight {
   border: 1px solid #999999;
   padding: 3px;
   background-color: #ffffff;
   font-style: normal;
   color: #999999;
   margin-left: 8px;
   margin-right: 0px;
   margin-top: 2px;
   margin-bottom: 4px; 
   
} 
 
.HISDCalendarHdr {
	font-size: x-small;
	color: #000000;
	background-color: #9CBEDE;

} 

.HISDtableborder-4sidesNoFillCopy {
	border: 1px solid #666666;

}

.HISDtableborder-4sides {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #f2f6fa;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;

}
.TblrequiredField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.HISDtableborder-3sidesNoFill {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #FFFFFF;


}