@charset "utf-8";

/*
------------------------------------------------------
 GLOBAL SETTINGS
------------------------------------------------------
*/

* {
	font-family: Arial, Lucida, Verdana, Helvetica, sans-serif; 
}
body {
	behavior: url('/css/csshover3.htc'); /* fix for IE */
	margin:0; 
	padding:0; 
	background: #fff;
	font-size:1em;
}

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

a:hover {
	color: #0088cc; 
	text-decoration: underline;
}

#container {
	margin: 0 auto; 
	padding: 0; 
	width: 996px; 
	height:100%;
	background: #fff;
}

#inner_container {
	margin: 0 auto; 
	padding: 0; 
	width: 940px; 
	height:100%;
	background: #fff;
	
	
}

h1 {
	font-size:1.6em;
	color:#4060af;
	font-weight:bold;
	line-height:1.2em;
}

h2 {
	font-size:1.2em;
	color:#4060af;
	font-weight:bold;
}


h3 {
	font-size:1.2em;
	/* color:#72c7e7; */
	color:#0088CC;
	text-transform:uppercase;
	font-weight:bold;
}

h4 {
	font-size:1em;
	/* color:#72c7e7; */
	color:#0088CC;
	font-weight:bold;
}

h5 {
	font-size:0.9em;
	/* color:#72c7e7; */
	color:#0088CC;
	font-weight:bold;
	margin-bottom:-0.9em;
}

h6 {
	font-size:0.85em;
	/* color:#72c7e7; */
	color:#0088CC;
	font-weight:bold;
	margin-bottom:-0.85em;
}

input, textarea {
	font-size: 1em;
}

#content_main input.full_width {
	width:98%;
}

#content_main input.half_width {
	width:30%;
}

#content_main textarea {
	width:98%;
}

input.hint {
	color:#999;
}
textarea.hint {
	color:#999;
}


/*
------------------------------------------------------
 HEADER SECTION
------------------------------------------------------
*/

#header  {
	position:relative;
	margin: 0; 
	padding:0; 
	width: 954px; 
	height: 108px; 
	z-index:100;
}

	#header div {
		float: left;
	}

	#header_logo {
		position: absolute; 
		top: 35px; 
		left: 0px; 
		width: 285px; 
		/*height:70px;*/
		height: 50px;
		background: #fff;
	}
	
	#header_top_nav {
		position: relative; 
		z-index:0;
		width:664px;
		margin-bottom:18px;
		margin-top:16px;
		font-size:1em;
		left: 300px;
	}
		#header_top_nav ul{
			list-style-type: none; 
			margin:0; 
			padding:0;
		}
		#header_top_nav ul li {
			float:left; 
			padding: 0 12px 0 0;
		}
		
		#header_top_nav ul li a {
			text-decoration: none; 
			display: block;
			border-bottom: solid 3px #D7D3C7;
			padding-bottom:2px;
			
		}
		#header_top_nav ul li a:hover {
			color:#000;
			padding-bottom:2px;
			border-bottom: solid 3px #72c7e7;
		}
		#header_top_nav ul li.on {}
		#header_top_nav ul li.on a {
			border-bottom: solid 3px #72c7e7;
			padding-bottom:2px;
		}
	
	#header_links {
		position:relative; 
		/*float:left;*/
		/*width:655px;*/
		left: 190px;
		width: 785px;
		z-index:500;
	}
		#header_shortcuts  {
			position:relative;
			/*width: 190px;*/
			width: 210px;
			height:40px; 
			background: #FFFFFF; 
			text-align:left;
			padding-top:8px;

		}

		#header_shortcuts a {
			font-size:.8em;
			padding-right:10px;
		
		}
		
		#header_zoom {
			position:relative;
			/* width:40px; */
			width: 33px; 
			height:40px;	
		}
			
		#header_quick_links {
			width: 172px; 
			height:40px;
			background: transparent url('/images/bgnd_quick_links.jpg') no-repeat;
			padding-top:8px;
                         /* testing by KM     margin-right:3px; */

		}
		#header_search_box {
			width: 220px; 
			height:40px; 
			background: transparent url('/images/bgnd_search_268.jpg') no-repeat;
			/*padding-left:8px;*/
			/*padding-top: 2px;*/
			padding-right: 0px;
                        
		}
			#header_search_box input.search_text {
				margin-left:2px;
				padding-left:4px;
				height: 21px;
				border:1px solid #ccc;
				width:148px;
				background: #fff;
				margin-top:4px;
				padding-bottom:2px;
				vertical-align:top;

	  		}
	  		#header_search_box input.search_submit {
				margin-top:4px;
				margin-left:0px;
			}
			
			
		#header_donate {
			width: 77px; 
			height:40px; 
			background: transparent url('/images/bgnd_donate_off.jpg') no-repeat; 
			text-align:left;
			padding-left:8px;
			padding-top:8px;
		}

		#header_donate:hover {
			width: 77px; 
			height:40px; 
			background: transparent url('/images/bgnd_donate_on.jpg') no-repeat; 
			text-align:left;
			padding-left:8px;
			padding-top:8px;
		}


		#header_donate a {
			font-size:.9em;
			color:#fff;
			font-weight:bold;
		}
		
		#header_donate a:hover {
			color:#fff;
			text-decoration:none;
		}
	
/*
------------------------------------------------------
 QUICK LINKS - DROP DOWN MENU
------------------------------------------------------
*/
#quick_links_menu {                                   
  	display: block;
  	float: right;
  	font-size: 0.75em;
  	color:#000;	
  	margin-top: 0px;
  	padding: 0;
  	position: relative;
}
  

	#quick_links_menu ul li {                        
	  	background: none; 
	  	display: block;
	  	float: left;   
	  	margin:-15px 0 0 -20px;
	  	padding: 0 0 0 0;    
	  	position: relative;
	  	width:  auto;
	}
	
	#quick_links_menu ul li:hover,
	#quick_links_menu ul li.hover,
	#quick_links_menu ul li.active-trail {
	  	background-position: left -29px;
	}

	#quick_links_menu ul li a {
	  	background: transparent;
	  	display: block;
	  	padding: 0.416em 0.833em 0.73em 0;    /* 5px 10px 1px 0 */
	  	text-decoration: none;
	}
	
	#quick_links_menu ul li a:hover,
	#quick_links_menu ul li:hover a,
	#quick_links_menu ul li.hover a,
	#quick_links_menu ul li.active-trail a {
	  	background-position: right -29px;
	  	color:#000;
	}

		#quick_links_menu ul li ul {
		  	background: #fff; /* url('/images/drop-bottom.png') no-repeat 0 bottom; */
		  	left: -999em;
		  	margin:0 0 0 -20px;
		  	padding: 2px 0 4px;
		  	position: absolute;
		  	width: 200px;
		  	z-index: 2;
		  	border:2px #beb9a6 solid;
		}
		  
		#quick_links_menu ul li:hover ul,
		#quick_links_menu ul li.hover ul {
		  	display: block;
		  	left: auto;
		}
  
		#quick_links_menu ul li ul li {
		  	background: #fff; /* #94CE18; */
		  	border-bottom: 1px solid #FFFFFF; /* #83A638; */
		  	float: left;
		  	height: auto;
		  	margin: 0;
		  	padding-left:5px;
		  	width:194px;
		}
		
		#quick_links_menu ul li ul li.last {
		  	border-bottom: none
		}
		
		#quick_links_menu ul li ul li a,
		#quick_links_menu ul li ul li a:link,
		#quick_links_menu ul li ul li a:visited {
		  	background: transparent;
		  	color: #000;
		  	display: block;
		  	margin: 0;
		  	padding: 4px 0;
		  	text-transform: none;
		}
		
		#quick_links_menu ul li ul li a:hover {
		  	color: #0088cc;
		  	display: block;
		  	margin: 0;
		  	padding: 4px 0;
		  	text-decoration: none;
		}

/*
------------------------------------------------------
 CAROUSEL
------------------------------------------------------
*/

#homepage_carousel {
	position:relative;
	margin: 0; 
	padding:0; 
	width: 996px; 
	height: 100%; 
	margin-left:-28px;
	z-index:0;
}
	#homepage_carousel_left {
		background-color:#fff;
		position:relative;
		width:28px;
		float:left;
		height:100%;
		z-index:10;
		border-top: solid 1px #fff; /* debug by HJ, so that when this <div> empty, it still holds the space */ 
	}
	
	#homepage_carousel_left img {
		margin-top:135px;
		display:none; /* added by HJ. Initially it is hidden. jQuery will display it. */
		cursor:pointer;  /* added by HJ, make it looks clickable */
	}
	
	#homepage_carousel_middle {
		position:relative;
		float:left;
		width:945px; /* This will be changed to 940px by Javascript SmhCarousel codes. Commented by HJ. */
		height:100%;
		z-index:0;
		overflow: hidden; /* added by HJ, so that you can only see 3 items at any time */
	}
		#homepage_carousel_middle ul {
			list-style-type: none; 
			margin: 0 0 0 0; /* margin-left will be changed to -315px(width of a item) for smooth effect by Javascript SmhCarousel codes. Commented by HJ. */
			padding:0;
			width: 100%;
			position:relative;
			
		}

		#homepage_carousel_middle ul li {
			float:left; 
			padding: 0 5px 0 0;
			width:310px;
		}
		
	
		#homepage_carousel_middle ul li img {
			position:relative;
			border:none;
			z-index:0;
		}
		
		#homepage_carousel_middle ul li .content {
			height:60px; 
			width:310px;
			position:relative;
			margin-top:-75px;
			background:transparent  url('/images/bgnd_carousel_off.png') no-repeat;
			margin-bottom:5px;
		}
		
		#homepage_carousel_middle ul li .content:hover {
			background:transparent  url('/images/bgnd_carousel_on.png') no-repeat;
		}

		#homepage_carousel_middle ul li p {
			padding:0;
			color:#fff;
			font-size:1em;
			margin:11px 19px 11px 10px;
			padding-top:10px;

		}
		#homepage_carousel_middle ul li .content p a {
			color:#fff;
		}		

		#homepage_carousel_middle ul li .content p a:hover {
			text-decoration:none;
		}		
		
	#homepage_carousel_right {
		float:left;
		background-color:#fff;
		position:relative;
		width:28px;
		height:100%;
		margin-left: -5px; /* This will be changed to 0px by Javascript SmhCarousel codes. Commented by HJ. */
		border-top: solid 1px #fff; /* added by HJ, so that when this <div> empty, it still holds the space */
	}

	#homepage_carousel_right img {
		margin-top:135px;
		float:right;
		display:none; /* added by HJ, initially transparent. jQuery will display it.*/
		cursor:pointer;  /* added by HJ, make it looks clickable */
	}

/*
------------------------------------------------------
 MAIN NAVIGATION
------------------------------------------------------
*/

#homepage_main_nav      {
	margin: 0; 
	padding:0; 
	width: 945px; 
	/* height: 175px; */ /*commented by HJ for flexible height */
	background-color:#fff;
}
	#homepage_main_nav .col_odd {
		width: 152px;
		/* height: 180px; */ /*commented by HJ for flexible height */
		float:left;
		margin-right:5px;
	}

	#homepage_main_nav .col_even {
		width: 153px;
		/* height: 180px; */ /*commented by HJ for flexible height */
		float:left;
		margin-right:5px;
	}
	
	
	#homepage_main_nav .col_header {
		height:21px;
		padding-top:3px;
		text-align:center;
		width:100%;		
		background:#beb9a6;

	}	
	
	#homepage_main_nav .col_header a {
		font-size:0.8em;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
	}
	
	#homepage_main_nav .col_header a:hover {
	}

	
	#homepage_main_nav .col_header:hover {
		background:#72c7e7;
	}	
	

	#homepage_main_nav .col_content {
		background:#fff;
		width:100%;
		margin-top:-16px;
	}
	
	#homepage_main_nav .col_content ul {
		list-style-image:url('/images/bullet_blue.gif');
		margin-left:-25px;
	}
	
	#homepage_main_nav .col_content ul li a {
		font-size:0.8em;
	}

/*
------------------------------------------------------
 CONTENT SECTION
------------------------------------------------------
*/

#content {
	clear:both;
	margin: 0; 
	padding:0; 
	background: #ffffff; 
	width: 100%;
	height:100%;
	position:relative;
	z-index:0;
	font-size:1em;/* dynamically adjusted by #font-scale-control */
}


#content_menu {
	position:relative;
	float:left;
	width:150px;
	font-size:0.85em;
}

/*
------------------------------------------------------
 CONTENT MENU SECTION
------------------------------------------------------
*/

/*
------------------------------------------------------
LEVEL 1 NAVIGATION
------------------------------------------------------
*/

#content_menu .selected {
	font-weight:bold;
}

#content_menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:150px;

}

	#content_menu ul li {
		color:#000;
		background:#72C7E7;
		background-image:url('/images/arrow_white_right.gif');
		background-repeat:no-repeat;
		background-position:134px 4px;
		border-bottom:1px solid #3DB7E4;
	}
	
	#content_menu ul li.no_child {
		color:#000;
		background:#72C7E7;
		border-bottom:1px solid #3DB7E4;
	}
	

	#content_menu ul li.on {
		background:#72C7E7;
		text-decoration:none;
		background-image:url('/images/arrow_black_down.gif');
		background-repeat:no-repeat;
		background-position:134px 4px;
		margin-bottom:-1px;
	}

	#content_menu ul li.on a,
	#content_menu ul li.on a:visited,
	#content_menu ul li.on a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}

	#content_menu ul li.on_no_child {
		background:#72C7E7;
		text-decoration:none;
		font-weight:bold;
	}
	
	#content_menu ul li a,
	#content_menu ul li a:visited,
	#content_menu ul li a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}
	
	#content_menu ul .menu_expand {
		border-bottom:0px;
	}

/*
------------------------------------------------------
LEVEL 2 NAVIGATION
------------------------------------------------------
*/

#content_menu ul li ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	background:#FFFFFF;
}

	#content_menu ul li ul li {
		color:#000;
		background:#D7D3C7;
		background-image:url('/images/arrow_white_right.gif');
		background-repeat:no-repeat;
		background-position:134px 4px;
		border-bottom:1px solid #BEB9A6;
		font-weight:normal;

	}

	#content_menu ul li ul li.no_child {
		color:#000;
		background:#D7D3C7;
		border-bottom:1px solid #BEB9A6;
	}

	#content_menu ul li ul li.on {
		color:#000;
		background:#D7D3C7;
		background-image:url('/images/arrow_black_down.gif');
		background-repeat:no-repeat;
		background-position:134px 4px;
		margin-bottom:-1px;
	}

	#content_menu ul li ul li.on a,
	#content_menu ul li ul li.on a:visited,
	#content_menu ul li ul li.on a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}
	

	#content_menu ul li ul li.on_no_child {
		color:#000;
		background:#D7D3C7;
		font-weight:bold;
	}

	#content_menu ul li ul li a,
	#content_menu ul li ul li a:visited,
	#content_menu ul li ul li a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}


/*
------------------------------------------------------
LEVEL 2 NAVIGATION
------------------------------------------------------
*/

#content_menu ul li ul li ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}

	#content_menu ul li ul li ul li {
		color:#000;
		font-weight:normal;
		background:#EFEDE6;
		background-image:url('/images/arrow_white_right.gif');
		background-repeat:no-repeat;
		background-position:134px 4px;
		border-bottom:1px solid #D7D3C7;
	}

	#content_menu ul li ul li ul li.no_child {
		color:#000;
		background:#EFEDE6;
		border-bottom:1px solid #D7D3C7;
	}
	
	#content_menu ul li ul li ul li.on {
		color:#000;
		background:#EFEDE6;
		background-image:url('/images/arrow_black_down.gif');
		background-repeat:no-repeat;
		background-position:134px 4px;
		margin-bottom:-1px;
	}

	#content_menu ul li ul li ul li.on a,
	#content_menu ul li ul li ul li.on a:visited,
	#content_menu ul li ul li ul li.on a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}

	#content_menu ul li ul li ul li.on_no_child {
		color:#000;
		background:#EFEDE6;
		font-weight:bold;
	}


	#content_menu ul li ul li ul li a,
	#content_menu ul li ul li ul li a:visited,
	#content_menu ul li ul li ul li a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}


/*
------------------------------------------------------
LEVEL 4 NAVIGATION
------------------------------------------------------
*/

#content_menu ul li ul li ul li ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}

	#content_menu ul li ul li ul li ul li {
		color:#000;
		font-weight:normal;
		background:#fcfcfc;
		background-repeat:no-repeat;
		background-position:134px 4px;
		border-bottom:1px solid #e5e4dc;
	}

	#content_menu ul li ul li ul li ul li.no_child {
		color:#000;
		background:#fcfcfc;
		border-bottom:1px solid #e5e4dc;
	}
	
	#content_menu ul li ul li ul li ul li.on {
		color:#000;
		background:#fff;
		background-repeat:no-repeat;
		background-position:134px 4px;
		margin-bottom:0px;
		font-weight:bold;
	}

	#content_menu ul li ul li ul li ul li.on a,
	#content_menu ul li ul li ul li ul li.on a:visited,
	#content_menu ul li ul li ul li ul li.on a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}

	#content_menu ul li ul li ul li ul li.on_no_child {
		color:#000;
		background:#fff;
		font-weight:bold;
	}


	#content_menu ul li ul li ul li ul li a,
	#content_menu ul li ul li ul li ul li a:visited,
	#content_menu ul li ul li ul li ul li a:hover {
		color:#000;
		text-decoration:none;
		display:block;
		padding:4px 20px 4px 4px;
	}




/*
------------------------------------------------------
 CONTENT MAIN SECTION
------------------------------------------------------
*/

#content_main {
	position:relative;
	float:left;
	width:578px;
	margin-left:10px;
	margin-right:10px;
	background:#f7f6f4;
	border:1px #d7d3c7 solid;
	height:auto;
	padding:20px;
	font-size:0.9em;
	line-height:1.3em;
}

#content_main ul, ol {
	margin-left:10px;
	padding-left:10px;
}

/* added by HJ, for clickable h4. Otherwise, it is black. Can not be distinguish from text. */
#content_main a {
	color: #0088cc;
	
}

/* added by HJ, for clickable h4. Otherwise, it is black */
#content_main h4 a {
    color:#0088cc;
}

.main_image_section {
	float:right;	
	margin-left:20px;
	margin-bottom:20px;
	margin-top:-16px;
	margin-right:-16px;
	font-size:.75em;
	line-height:1.3em;

}


.other_image_section {
	float:right;	
	margin-left:20px;
	margin-bottom:20px;
	margin-top:50px;
	font-size:.75em;
	line-height:1.3em;

}

/************* Styles carried over ***************/

.bodytext-bold {
	color:#000000;
	font-weight:bold;
}

#one_col {
	float:left;
	width:48%;
}

#two_col {
	float:left;
	padding-left:4%;
	width:48%;
}

.picture {
	-x-system-font:none;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
	padding:3px;
}

.alignLeft {
	float:left;
	margin:0.5em 0.8em 0.3em 0;
}

.alignRight {
	float:right;
	margin:0.5em 0 0.3em 0.5em;
}


td.featureBox {
	background-color:#c2e5f2; 
	border: 1px solid #ccc;
}
td.featureBox h3{
	font-size: 1em; 
	color: #4060af; 
	font-weight:bold;
}
td.featureBox h5{
	font-size: 
	0.9em;
}
td.subFeatureBox h3{
	font-size: 100%; 
	color: #4060af; 
	font-weight:bold;
}

/* Tables - navigational */
table.table_nav {
	border-collapse: collapse;
}
table.table_nav td {
	padding:10px; 
	vertical-align:top;
}
table.table_nav th {
	padding:10px; 
	background-color:#5E957D;
}

/* Tables - informational */
table.table_info {
	width:100%; 
	border-collapse:collapse;
}
table.table_info td {
	padding:5px; 
	border:1px solid #D7D3C7;
	text-align:left; 
	vertical-align:top;
}

table.table_info th {
	padding:5px; 
	border:1px solid #4060AF; 
	background-color:#4060AF; 
	text-align:left; 
	vertical-align:bottom;
	color:#fff;
}

/* Tables - informational type 2 */
table.table_info2 {
	border-collapse:collapse; 
	background-color: #fafafa;
}
table.table_info2 td {
	padding:5px; 
	border:1px solid #000; 
	text-align:center;
}
table.table_info2 td a:link {
	text-decoration: underline; 
}
table.table_info2 th {
	padding:5px 15px; 
	border:1px solid #000; 
	text-align:left; 
	vertical-align:middle; 
	font-weight:100;
}
table.table_info2 th.head {
	background-color: #ccc; 
	border-bottom: 2px solid #000; 
	padding:10px 5px; 
	vertical-align:bottom; 
	font-weight:700;
}
table.table_info2 th.subhead {
	background-color: #ececec; 
	vertical-align:bottom; 
	font-weight:bold; 
	padding:5px
}

/* Tables - odd and even rows */
.odd {
	background-color:#dedddc;
}

/* Performance Indicators */
.sig-below {
	background-color: #c67400;
}
.below {
	background-color: #d39b41;
}
.better {
	background-color: #e0c183;
}	
.sig-better {
	background-color: #ede8c4;
}	

img.icon {
	border:0 none !important;
}

#greybackground {
	background-color:#E6E6E6;
	border:1px solid #CCCCCC;
	padding:10px;
}

#googleMapCanvas {
	border:1px solid #CCCCCC;
	height:400px;
}

/************* Search Results ***************/

.searchheading {
	color:#0088cc;
	font-weight:bold;
}

.summary {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.result_title {
	font-weight:bold;
}

.result_block {
	clear:both;
}

.result_pagescount {
	float:left;
	margin-bottom:20px;
}

.sorting {
	text-align:right;
	float:right;
	margin-bottom:20px;
}

.description {
	color:#555555;
}

.infoline {
	color:#808080;
	font-style:italic;
	padding-bottom:0.8em;
}

.highlight {
	background:#ffff00 none repeat scroll 0 0;
}

/*
------------------------------------------------------
 CONTENT LINKS SECTION
------------------------------------------------------
*/


#content_links {
	position:relative;
	float:left;
	width:146px;
	font-size:0.9em;
	line-height:1.4em;
}
	#content_links a {
		color:#0088cc;
	}
	
	#content_links .pes {
		width:100%;
		margin-bottom:16px;
	}
    
    
    #content_links .pes img {
		margin-right:8px;
		margin-bottom:-4px;
		border:0;
	}

    #content_links .pes a {
		text-decoration:none;	
	}


	#content_links .menu_header {
		height:21px;
		padding-top:3px;
		width:100%;		
		background:#4060af;
		font-weight:bold;
		color:#FFFFFF;
		padding-left:4px;
		border-bottom:4px #fff solid;
	}	
	
	#content_links .menu_content {
		background:#fff;
		width:100%;
		margin-top:-16px;
	}
	
	#content_links .menu_content ul {
		list-style-image:url('/images/bullet_blue.gif');
		margin-left:-25px;
	}

/*
	#content_links .menu_content ul li a {
		font-size:0.8em;
	}

 	#content_links p {
		font-size:0.8em;
		line-height:1.4em;
	}
*/	
	
/*
------------------------------------------------------
 FOOTER SECTION
------------------------------------------------------
*/

    
#footer  {
	clear:both;
	margin:0/*17%*/; 
	padding:20px 0px; 
	background: #fff; 
	width: 100%; 
	text-align:center; 
	font-size:.7em;
}

#footer a {
	text-decoration:underline;
}

/* Footer Badges by KMM */

#badge_left {float: left; width: 290px; height:45px;}
#badge_left img {float: right;}
#footertext {float: left; position:relative; width: 330px; text-align:center;}
#badge_right {float: left;  width: 150px; height:45px;}

/*
------------------------------------------------------
 POPUP WINDOW
------------------------------------------------------
*/
#maxwidth {
	margin:auto;
}

#popup_header {
	background-color:#FFFFFF;
	clear:both;
	height:80px;
	overflow:hidden;
}

#popup_closelink {
	float:right;
	margin-top:5px;
	vertical-align:middle;
}

#popup_closelink  a {
	font-size:0.95em;
	text-decoration:none;
	
}


#popup_closelink  a img {
	border:0;
	text-align:middle;
	vertical-align:middle;
	margin-left:5px;
}
#popup_logo {
	background:transparent url(../images/logo_stmichaels.gif) no-repeat scroll 0 0;
	width:233px;
	height:50px;
	float:left;
	margin:10px;
}

#popup_pagebody {
	background-color:#F7F6F4;
	padding:10px;
	font-size:0.8em;
	line-height:1.4em;	
}

#popup_pagebody a, #popup_pagebody a:visited {
	color:#0088cc;
}

/*** form multiple choice - you can choose layout of xxx columns. ***/
div.multiple_choice_1_columns div.checkbox {float: left; margin:0; width:100%;}
div.multiple_choice_2_columns div.checkbox {float: left; margin:0; width:50%;}
div.multiple_choice_3_columns div.checkbox {float: left; margin:0; width:33.33%;}
div.multiple_choice_4_columns div.checkbox {float: left; margin:0; width:25%;}
div.multiple_choice_5_columns div.checkbox {float: left; margin:0; width:20%;}
div.multiple_choice_6_columns div.checkbox {float: left; margin:0; width:16.67%;}

/*
------------------------------------------------------
 SAFARI HACKS
------------------------------------------------------
*/

@media screen and (-webkit-min-device-pixel-ratio:0){
	#header_top_nav ul li {
		padding:0 12px 0 0;
	}
	
	#homepage_carousel_middle ul li .content {
		margin-top:-70px;
	}

}


/*
------------------------------------------------------
 TELEMEDICINE FORM 
------------------------------------------------------
*/

.clienterr {
	color: #DC5034;
}

/** form input honey pot */
.form-honey {
	display: none;
}


/*
------------------------------------------------------
EYE BIOBANK REQUEST FORM
------------------------------------------------------
*/

form.eform legend {
	color: #DC5034;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 110%;
}

form.eform fieldset {
	width: 95%; 
	border: 1px #ccc solid; 
	margin-bottom: 10px; 
	padding: 15px;
}


table.table_form {
	width:100%; 
	border-collapse:collapse;
	font-size:1em;
}

table.table_form td {
	padding:5px; 
	border:none;
	text-align:left; 
	vertical-align:top;
}

table.table_form th {
	padding:5px; 
	border:none;
	text-align:left; 
	vertical-align:top;
	width: 30%;
	font-weight: normal;
}

table.table_form input {
	padding: 8px;
}

table.table_form input[type="number"] {
width: 35px;
padding: 5px;
vertical-align: middle;
}

table.table_form textarea {
padding: 8px;
}


table.table_security {
	width: 100%;
	margin: 10px 0;
}

table.table_security th {
	width: 40%;
	vertical-align: top;
}

table.table_security td {
	text-align: center;
	vertical-align:top;
}




/*
-----------------------
FONT SCALE TOOL
-----------------------
*/
#font-scale-control a:hover {
	text-decoration: underline;
}

#font-scale-control a.current {
	color: #000000;
	text-decoration: underline;
}