/*
-----------------------------------------------------------------------------------------
UPPCC Stylesheet
Created: 12/01/2009
-------------------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------------------
Global Declarations
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;} /*--- Zero out everything ---*/
.clearer {clear:both;}
.bluetext{color:#003399;}
.yellowtext{color:#fdc301;}
.boldblue{
	font-weight:bold;
	color:#003399;
}	

a.navone{
	display:block;
	float:left;
	width:90px;
	height:29px;
	background:url(../imgs/nav-off.jpg) no-repeat 0 0;
}
a.navone:hover{background:url(../imgs/nav-on.jpg) no-repeat 0 0;}
a.navtwo{
	display:block;
	float:left;
	width:147px;
	height:29px;
	background:url(../imgs/nav-off.jpg) no-repeat -90px 0;
}
a.navtwo:hover{background:url(../imgs/nav-on.jpg) no-repeat -90px 0;}
a.navthree{
	display:block;
	float:left;
	width:175px;
	height:29px;
	background:url(../imgs/nav-off.jpg) no-repeat -237px 0;
}
a.navthree:hover{background:url(../imgs/nav-on.jpg) no-repeat -237px 0;}
a.navfour{
	display:block;
	float:left;
	width:104px;
	height:29px;
	background:url(../imgs/nav-off.jpg) no-repeat -412px 0;
}
a.navfour:hover{background:url(../imgs/nav-on.jpg) no-repeat -412px 0;}
a.navfive{
	display:block;
	float:left;
	width:134px;
	height:29px;
	background:url(../imgs/nav-off.jpg) no-repeat -516px 0;
}
a.navfive:hover{background:url(../imgs/nav-on.jpg) no-repeat -516px 0;}




body{
	background:url(../imgs/bgkd-lines.jpg) repeat 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

body a{color:#003399;}
body a:hover{text-decoration:none; color:#333;}

.container{
	margin:0 auto;
	padding:0 9px;
	width:770px;
	min-height:600px;
	background:url(../imgs/bgkd-container.jpg) repeat-y 0 0;
}
	.container .masthead{
		float:left;
		width:770px;
		height:234px;
		background:#fff url(../imgs/bgkd-masthead.jpg) no-repeat 0 0;
	}
	
	 .sp .container .masthead{
		float:left;
		width:770px;
		height:145px;
		background:#fff url(../imgs/bgkd-sp-masthead.jpg) no-repeat 0 0;
	}
	
	
		.container .masthead .utilities{
			float:left;
			width:770px;
			height:30px;
		}
			.container .masthead .utilities .utilities-half{
				float:left;
				padding:17px 20px 0 20px;
				width:345px;
				height:13px;
				color:#99aed6;
			}
				.container .masthead .utilities .utilities-half a{text-decoration:none;color:#333;}
				.container .masthead .utilities .utilities-half a:hover{text-decoration:none;color:#fdc301;}
				
		.container .masthead .logo{
			float:left;
			padding:0 0 89px 0;
			width:770px;
			height:86px;
			text-align:center;
		}
		.sp .container .masthead .logo{
			float:left;
			padding:0 0 0 0;
			width:770px;
			height:86px;
			text-align:center;
		}
		
		.container .masthead .navigation{
			float:left;
			padding:0 60px;
			width:650px;
			height:29px;
		}
			.container .masthead .navigation ul{list-style:none;}
			.container .masthead .navigation ul li{float:left;margin:0;}
			
	.container .content{
		float:left;
		padding:0 0 40px 0;
		width:770px;
		background:#fff url(../imgs/bgkd-content-top-shadow.jpg) repeat-x 0 0;
	}
		.container .content .column-box{
			float:left;
			width:199px;
			min-height:100px;
			
		}
		
			.container .content .column-box .column-nav{
				float:left;
				width:199px;
				padding:38px 0 10px 0;
				background:#E1E1E9 url(../imgs/bgkd-top-shadow.jpg) repeat-x 0 0;
			}
				.container .content .column-box .column-nav ul{list-style:none;width:199px;}
					.container .content .column-box .column-nav ul li{
						width:199px;
						height:24px;
					}
						.container .content .column-box .column-nav ul li a{
							padding:6px 0 0 29px;
							height:18px;
							display:block;
							font-size:12px;							
							text-decoration:none;
							background:#E1E1E9 url(../imgs/bgkd-secondary-nav.jpg) no-repeat 0 2px;
						}
							.container .content .column-box .column-nav ul li a:hover{color:#fdc301;}			
			
			.container .content .column-box .column-content{
				float:left;	
				margin:0 0 3px 0;		
				padding:38px 20px 10px 20px;
				width:159px;
				color:#434343;
				background:#E1E1E9 url(../imgs/bgkd-top-shadow.jpg) repeat-x 0 0;
			}	
			.sp .container .content .column-box .column-content{
				float:left;	
				margin:0 0 3px 0;		
				padding:0 20px 10px 20px;
				width:159px;
				color:#434343;
				background-color:#E1E1E9;
				background-image:none;
			}	
				.container .content .column-box .column-content ul{list-style:none;}
					.container .content .column-box .column-content ul li{
						margin:0 0 6px 0;
						padding:0 0 0 8px;
						background:url(../imgs/dots.gif) no-repeat 0 4px;
					}
						.container .content .column-box .column-content ul li a{color:#003399;}
						.container .content .column-box .column-content ul li a:hover{text-decoration:none; color:#111;}
						
				.container .content .column-box .column-content h1{
					font-size:11px;
					margin:0 0 13px 0;
					font-weight:bold;
					color:#003399;
				}	

				.container .content .column-box .column-content p{margin:0 0 8px 0;}
				.container .content .column-box .column-content .frm-text{
					width:110px;
					padding:1px;
					border:1px solid #434343;
				}	
				.container .content .column-box .column-content table{
					border:0;
				}
					.container .content .column-box .column-content table tr td{padding:3px 3px 3px 0;}
				
		.container .content .hm-content{
			float:left;
			padding:25px 15px 15px 15px;
			width:342px;
		}
			.container .content .hm-content p{margin:0 0 8px 0;}
			.container .content .hm-content h1{
				margin:0 0 15px 0;
				font-size:20px;
				font-weight:normal;
				font-family:"Times New Roman", Times, serif;
				color:#003399;
				border-bottom:1px solid #fdc301;
			}
			.container .content .hm-content h2{
				margin:0 0 6px 0;
				font-size:13px;
				font-weight:bold;				
				color:#003399;
			}
			.container .content .hm-content .hm-row{
				float:left;
				margin:0 0 10px 0;
				width:342px;
			}

				.container .content .hm-content .hm-row a{font-weight:bold;color:#003399;}
				.container .content .hm-content .hm-row a:hover{text-decoration:none;font-weight:bold;color:#333;}
				
				.container .content .hm-content .hm-row .hm-left{
					float:left;
					padding:0 0 0 8px;
					width:34px;
					background:url(../imgs/dots.gif) no-repeat 0 4px;
					font-weight:bold;
					color:#003399;
				}
				.container .content .hm-content .hm-row .hm-right{
					float:left;
					width:300px;
				}		
		.container .content .sp-content{
			float:left;
			padding:25px 15px 15px 15px;
			width:541px;
		}
			.container .content .sp-content p{margin:0 0 12px 0;}
			.container .content .sp-content h1{
				margin:0 0 15px 0;
				font-size:20px;
				font-weight:normal;
				font-family:"Times New Roman", Times, serif;
				color:#003399;
				border-bottom:1px solid #fdc301;
			}
			.container .content .sp-content h2{
				margin:0 0 10px 0;
				font-size:12px;
				font-weight:bold;
				color:#003399;
			}
			.container .content .sp-content .quotebox{font-style:italic;}	
			.container .content .sp-content ul{list-style:square;margin:0 0 0 12px;}
				.container .content .sp-content ul li{color:#fdc301;margin:0 0 5px 0;}
					.container .content .sp-content ul li p{color:#333;margin:0;}
					.container .content .sp-content ul li ul{list-style:none;margin-top:3px;}
					
					
			.container .content .sp-content ol{margin:0 0 0 23px;}
				.container .content .sp-content ol li{color:#fdc301;margin:0 0 5px 0;}
					.container .content .sp-content ol li p{color:#333;margin:0;}
			
			
			.container .content .sp-content .news-row{
				float:left;
				margin:0 0 10px 0;
				width:541px;
			}
				.container .content .sp-content .news-row .news-left{
					float:left;
					width:121px;
				}
				.container .content .sp-content .news-row .news-right{
					float:left;
					width:420px;
				}
			.container .content .sp-content .sp-half{
				float:left;
				width:270px;
			}
			
			
			.container .content .sp-content .results-box{
				float:left;
				margin:0 0 10px 0;
				width:541px;
			}			
				.container .content .sp-content .results-box .header{
					background-color:#E0E0E0;
					font-weight:bold;
					text-transform:uppercase;
					color:#333;
				}		
				.container .content .sp-content .results-box .grey-it{
					background-color:#ececec;
				}
			
			
			
			
				.container .content .sp-content .results-box .box-name{
					float:left;
					padding:2px;
					width:175px;
				}
				.container .content .sp-content .results-box .box-designation{
					float:left;
					padding:2px;
					width:205px;
				}
				.container .content .sp-content .results-box .box-cert{
					float:left;
					padding:2px;
					width:56px;
				}
				.container .content .sp-content .results-box .box-expire{
					float:left;
					padding:2px;
					width:79px;
					text-align:right;
				}
				.container .content .sp-content .results-box .box-additional{
					float:left;		
					padding:2px 2px 8px 2px;			
					width:527px;
					background-color:#F9F07B;
				}
					.container .content .sp-content .results-box .box-additional .box-loc-header{
						float:left;						
						width:65px;
						font-weight:bold;
						text-transform:uppercase;
						color:#333;
					}
					.container .content .sp-content .results-box .box-additional .box-loc{
						float:left;						
						width:112px;
					}
					.container .content .sp-content .results-box .box-additional .box-prog-header{
						float:left;
						width:65px;
						font-weight:bold;
						text-transform:uppercase;
						color:#333;
					}
					.container .content .sp-content .results-box .box-additional .box-prog{
						float:left;
						width:100px;
					}
					
			
			
			
			
			
	.container .footer{
		margin:0 auto;
		padding:0 9px;
		width:770px;
		min-height:100px;
		
	}
		.container .footer .footer-content{
			float:left;
			margin:0 11px;			
			width:730px;
			border-top:1px solid #fdc301;
			text-align:center;
		}
			.container .footer .footer-content p{
				margin:20px 0 0 0;
			}

.footer-bgkd{
	margin:0 auto;
	padding:0 9px;
	width:770px;
	min-height:25px;
	background:url(../imgs/bgkd-footer.jpg) no-repeat 9px 0;
}
