html { overflow-y: scroll; }
* { outline: none; }

/***** ZERO ALL ELEMENTS *****/
html,body,table,tr,td,p,br,form,h1,h2,h3,h4,div,ul,li {
	margin: 0px; padding: 0px;
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

body, table {
	font-size: 16px;
}

* html body, * html table  {
	font-size: medium;
}

.error {
    padding: 3px 5px; 
    color: #900;
    background: #FCC;       
}

/***** DEFAULT STYLES *****/
a:link, a:visited { color: #bdd431; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
img { border: 0px; }

h1 { font-size: 2.6em; font-weight: normal; margin-bottom: 15px; font-family: Copper Black, calibri, Arial, Helvetica, sans-serif; }
h2 { font-size: 2.6em; font-weight: normal; margin: 0 0 15px 0;  }

table th, table td { text-align: left; vertical-align: top; }

/***** LAYOUT *****/
body { }

#pagecontainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
}

	#header {
		width: 895px;
		height: 60px;
		margin: 20px 55px 20px 10px;
		padding: 0;
	}
	
		#listen {
			float: right;
			width: 60px;
			height: 60px;
		}
		
			#listen img { float: left; }
			
			#listen a { display: block; background-image: url(/navicons/listen.gif); width: 60px; height: 60px; }
			#listen a:link, #listen a:visited { background-position: left top; }
			#listen a:hover, #listen a:active { background-position: left bottom; }
	
	#contentarea {
		position: relative;
		width: 950px;
		height: 455px;
		margin: 0 0 0px 10px;
		padding: 0;
	}
	
		#mainbox {
			position: relative;
			width: 450px;
			height: 450px;
			background: #eee;
			z-index: 3;
			
			-webkit-border-top-left-radius: 25px;
			-moz-border-radius-topleft: 25px;
			border-top-left-radius: 25px;
		}
				
			#mainbox h1 {
				font-size: 50px;
				font-weight: bold;
				color: #fff;
				padding: 15px 15px 0 15px;
				line-height: 50px;
			}
			
			#mainbox ul {
				position: relative;
				z-index: 9999;
				margin: 0 15px;
			}
			
				#mainbox ul li {
					list-style: none;
					padding: 2px 0;
				}
				
					#mainbox ul li a:link, #mainbox ul li a:visited { color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; }
					#mainbox ul li a:hover, #mainbox ul li a:active { color: #000; }
					#mainbox ul li.active a:link, #mainbox ul li.active a:visited { color: #ffffff; }
		
		            #mainbox ul li ul li a:link, #mainbox ul li ul li a:visited, #mainbox ul li.active ul li a:link, #mainbox ul li.active ul li a:visited { 
		                color: #FFF; 
		                font-size: 1.1em;
		            }
		            
		            #mainbox ul li ul li.active a:link, #mainbox ul li ul li.active a:visited { 
		                color: #000;
		            }
		            
		            #mainbox ul li ul li a:hover, #mainbox ul li.active ul li a:hover {
		                color: #000;
		            }
		
			#main-shadow-right {
				position: absolute;
				width: 10px;
				height: 450px;
				left: 450px;
				top: 0;
				background: url(/images/main-shadow-right.png) no-repeat left top;
			}
			
			#main-shadow-bottom {
				position: absolute;
				width: 460px;
				height: 10px;
				left: 0;
				top: 450px;
				background: url(/images/main-shadow-bottom.png) no-repeat left top;
			}
			
		#subbox
		{
			position: absolute;
			width: 443px;
			height: 446px; /*height: 430px;*/
			background: #fff;
			border-right: 2px solid #f00;
			border-top: 2px solid #f00;
			border-bottom: 2px solid #f00;
			left: 25px;
			top:0; /*top: 12px;*/
			z-index: 2;
			
		}
		
			#subboxsub { overflow: hidden; overflow-y: auto; width: 383px; height: 406px; padding: 20px 30px; position: relative; }
		
			#subbox h2 {
				font-size: 22px;
				font-weight: bold;
				margin: 0 0 5px 0;
			}
			
			#subbox p {
				margin: 0 0 11px 0;
				line-height: 17px;
				font-size: 13px;
			}
			
			#subbox ul { margin: 0 0 10px 15px; }
			#subbox ul li { font-size: 13px; padding: 1px 0; }
			
			#subbox th, #subbox td { padding: 3px; font-size: 13px; }
		
			#sub-shadow-right {
				position: absolute;
				width: 10px;
				height: 431px;
				left: 445px;
				top: 0;
				background: url(/images/sub-shadow-right.png) no-repeat left top;
			}
			
			#sub-shadow-bottom {
				position: absolute;
				width: 455px;
				height: 10px;
				left: 0;
				top: 431px;
				background: url(/images/sub-shadow-bottom.png) no-repeat left top;
			}
			
			div#popimg {
				position: absolute; top: 70px; right: -410px;
				width: 400px; height: 300px;
				display: none;
			}
			
				#popimg-caption {
					position: absolute; left:0; bottom: -16px;
					width: 395px; height: 24px; line-height: 12px;
					color: #fff;
					padding: 4px 0 4px 5px;
					font-weight: bold; font-size: 11px;
				}
	
				#popimg-close { position: absolute; top: -10px; left: -10px; cursor: pointer; z-index: 9999; }
				#popimg-shadow-bottom {
					position: absolute; left: 0; top: 316px;
					width: 400px; height: 10px;
					background: url(/images/popimg-shadow-bottom.png) no-repeat left top;
				}
				
			div#popvid {
				position: absolute; top: 70px; right: -543px;
				width: 533px; height: 300px;
				background: #000;
				display: none;
			}
			
				#popvid-main { width: 533px; height: 300px; background: #fff; }
	
				#popvid-close { position: absolute; top: -10px; left: -10px; cursor: pointer; z-index: 9999; }
				#popvid-shadow-right {
					/*
					display: none;
					position: absolute; left: 533px; top: 0;
					width: 10px; height: 300px;
					background: url(/images/popvid-shadow-right.png) no-repeat left top;
					*/
				}
				#popvid-shadow-bottom {
					position: absolute; left: 0; top: 300px;
					width: 543px; height: 10px;
					/*background: url(/images/popvid-shadow-bottom.png) no-repeat left top;*/
					background: url(/images/popimg-shadow-bottom.png) no-repeat left top;
				}
			
			div#popboxarea {
				position: absolute;
				left: 445px;
				top: -2px;
				width: 55px;
				z-index: 1;
				display: none;
			}
			
			div.popbox-file {
				width: 45px; height: 45px;
				padding: 0 10px 10px 0;
				/*background: url(/images/popbox-bg.gif) no-repeat left top;*/
			}
				div.popbox-img img { cursor: pointer; }
			
			div.popbox-aud {
				width: 45px; height: 45px;
				padding: 0 10px 10px 0;
				/*background: url(/images/popbox-bg.gif) no-repeat left top;*/
			}
				div.popbox-img img { cursor: pointer; }
			
			div.popbox-img {
				width: 45px; height: 45px;
				padding: 0 10px 10px 0;
				/*background: url(/images/popbox-bg.gif) no-repeat left top;*/
			}
				div.popbox-img img { cursor: pointer; }
				
			div.popbox-vid {
				width: 45px; height: 45px;
				padding: 0 10px 10px 0;
				/*background: url(/images/popbox-bg.gif) no-repeat left top;*/
				position: relative;
			}
			
				div.popbox-vid-overlay {
					width: 45px; height: 45px;
					position: absolute;
					left: 0; top: 0;
				}
				
				div.popbox-vid img { cursor: pointer; }
			

	#navigation, #iframeNavigation {
		width: 950px;
		height: 97px;
		margin: 0 0 20px 10px ;
		padding: 0;
	}
	
		#logo {
			float: left;
			width: 139px;
			height: 104px;
		}
	
	#iframeNavigation
	{
		width: 910px;
	}
	
		#navigation ul {
			float: right;
			margin: 0 45px 0 0;
			padding: 0;
		}
		
			#navigation ul li{
				list-style: none;
				margin: 0 0 0 1px;
				padding: 0;
				float: left;
				width: 85px;
				height: 90px;
				text-align: center;
			}
			
			#navigation ul li a img {
				display: block;
				float: left;
				margin: 15px 10px 5px 10px;
				padding: 0;
				width: 65px;
				background: url(/images/new-nav.gif) no-repeat left top;
			}
			
			#navigation ul li.section1 a img { background-position: 0px top; }
			#navigation ul li.section2 a img { background-position: -65px top; }
			#navigation ul li.section3 a img { background-position: -260px top; }
			#navigation ul li.section4 a img { background-position: -390px top; }
			#navigation ul li.section5 a img { background-position: -130px top; }
			#navigation ul li.section6 a img { background-position: -325px top; }
			#navigation ul li.section7 a img { background-position: -455px top; }
			#navigation ul li.section8 a img { background-position: -195px top; }
			
			#navigation ul li.section1.active a img, #navigation ul li.section1 a:hover img { background-position: 0px -66px; }
			#navigation ul li.section2.active a img, #navigation ul li.section2 a:hover img { background-position: -65px -66px; }
			#navigation ul li.section3.active a img, #navigation ul li.section3 a:hover img { background-position: -260px -66px; }
			#navigation ul li.section4.active a img, #navigation ul li.section4 a:hover img { background-position: -390px -66px; }
			#navigation ul li.section5.active a img, #navigation ul li.section5 a:hover img { background-position: -130px -66px; }
			#navigation ul li.section6.active a img, #navigation ul li.section6 a:hover img { background-position: -325px -66px; }
			#navigation ul li.section7.active a img, #navigation ul li.section7 a:hover img { background-position: -455px -66px; }
			#navigation ul li.section8.active a img, #navigation ul li.section8 a:hover img { background-position: -195px -66px; }
			
			#navigation ul li a { color: #000; text-decoration: none; font-size: 14px; }
			#navigation ul li.active a , #navigation ul li a:hover { color: #df2892; }

	#footer {
		width: 895px;
		margin: 10px 55px 10px 10px;
		padding: 0;
	}
	
		#footer a:link, #footer a:visited { color: #666; }
		#footer a:hover, #footer a:active { color: #000; }
		
		#footerKatiesCalendar, #footerKatiesFace, #footerFacebook, #footerTwitter 	{
			width: 100px;
			float: left;
			margin-right: 14px;
		}
		
		#footer-right {
			width: 400px; 
			float: right;
			text-align: right;	
		}	
		
			#footer-right p { margin: 5px 0; }
		
			#footer-signup {
				width: 400px;
				height: 50px;
				margin-bottom: 10px;
			}

			
			
			
/*** NEWS PAGE ***/
#leftfeature {
	width: 420px;
	height: 300px;
	background: #fff;
}

	#leftfeature img {  }

	#leftfeature p {
		clear: both;
		color: #000;
		padding: 0 7px;
		margin: 0 0;
	}
	
		#leftfeature p a:link, #leftfeature p a:visited { color: #df2892; text-decoration: none; }
		#leftfeature p a:hover, #leftfeature p a:active { color: #000; text-decoration: underline; }
		
		#leftfeature p a.mainlink { font-size: 14px; font-weight: bold; }

#leftblog {
	width: 330px;
	height: 100px;
	background: #fff url(/images/blog-icon.gif) no-repeat 6px 6px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 90px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

	#leftblog p {
		clear: both;
		color: #000;
		padding: 0 7px;
		margin: 0 0;
	}
	
		#leftblog p a:link, #leftblog p a:visited { color: #df2892; text-decoration: none; }
		#leftblog p a:hover, #leftblog p a:active { color: #000; text-decoration: underline; }
		
		#leftblog p a.mainlink { font-size: 14px; font-weight: bold; }
		
#rightfeature {
	width: 430px;
	height: 434px;
	background: #fff;
}

	#rightfeature p {
		clear: both;
		color: #000;
		padding: 0 7px;
		margin: 0 0;
	}
	
		#rightfeature p a:link, #rightfeature p a:visited { color: #df2892; text-decoration: none; }
		#rightfeature p a:hover, #rightfeature p a:active { color: #000; text-decoration: underline; }
		
		#rightfeature p a.mainlink { font-size: 14px; font-weight: bold; }
		

div.social-box { float: left; width: 291px; padding-top: 59px; margin-right: 11px; position: relative; }
div.social-head { z-index: 999; position: absolute; left: 0; top: 0; width: 291px; height: 59px; background: url(/images/social-head.gif) no-repeat left top; }
	div.social-head p {
		font-size: 16px;
		margin: 0;
		padding: 6px 0 0 60px;
		height: 46px;
	}
		
@media psrint {
	#pagecontainer {
		width: 600px;
		margin: 0;
	}
	#header { display: none; }
	#contentarea {
		width: 600px;
		margin: 0;
		height: auto;
		background: transparent url(/images/logo.gif) no-repeat left top;
		padding-top: 190px;
	}
		#mainbox { display: none; }
		#subbox {
			position: relative !important;
			width: 600px;
			margin: 0;
			padding: 0;
			border: 0;
			left: 0 !important;
			top: 0 !important;
		}
			#subboxsub {
				position: relative;
				width: 600px;
				height: auto;
				overflow: auto;
				padding: 0;
			}
			#popboxarea { display: none !important; }
			#popimg { display: none !important; }
			#popvid { display: none !important; }
		
			#sub-shadow-right { display: none; }
			#sub-shadow-bottom { display: none; }
	#navigation { display: none; }
	#footer { display: none; }
	

}
/*****************************
         Job Form
*****************************/
.job_form_span{
display:block;
float:left;
width:150px;
}
.job_form_span input{
background-color:#DCDCDC;
}
.job_form_span area{

}

/****************************
         Job iFrame
****************************/

#iframeHeader
{
	background-color: #bdd431;
	width: 895px;
	background-image:url(images/iframe-header-bg.png);
	background-repeat:no-repeat;
	background-position: top right;
	height: 100px;
	position: relative;
}

p.remove {
    font-size: 11px;
    color: #FFF;
    position: absolute;
    left: 6px;
    top: 3px;
}

    p.remove a {
        color: #FFF;
    }   

#iframeHeader h1
{
	position: absolute;
	top: 25px;
	left: 10px;
	color: white;
	font-size: 50px;
	font-weight: bold;
}

#iframeContainer
{
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
	width: 895px;
	height: 350px;
}

#iframeContainer iframe{
  width: 895px;
	height: 350px;
}

.peopleThumb
{
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.peopleImage, .blogPerson
{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.blogPerson
{
	margin-top: 5px;
}

.clearer
{
	clear: both;
}