@charset "utf-8";

body {
	padding:0;
	margin:0;
	text-align:center;
	background-color:#101a2b;
	font:normal 12px arial;
	color:#a5aec1;
}
a, a:visited, a:active {
	color:#FFFFFF
}
a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
}


#container {
	padding:0;
	margin:0 auto;
	width:980px;
	background:transparent url('/images/background-newyears.jpg') top center no-repeat;
	position:relative;
}
#header {
	padding:0;
	margin:0;
	height:95px;
	position:relative;
}
#logo {
	display:block;
	position:absolute;
	top:0;
	left:40px;
	width:230px;
	height:100px;
	z-index:500;
}
#kzokLogoLink {
	display:block;
	position:absolute;
	width:94px;
	height:60px;
	top:20px;
	left:280px;
}


/*** SEARCHBOX ***/
.searchbox {
	width:180px;
	color:#a5a5a5;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:8px;
	right:0;
	height:22px;
	padding:0;
	text-align:right;
}

.searchform {
	margin:2px 0 0 0;
	padding:0;
}
.searchtext {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	height:17px;
	width:154px;
	margin:0;
	padding:5px 0 0 3px;
	display:block;
	float:left;
	color:#ffffff;
	background-color:#4d4d4d;
	background:transparent url('../images/searchtextbg.gif') top left no-repeat;
	border:none;
}
*html .searchtext {
	height:22px;
}
.searchgobutton {
	height:22px;
	width:22px;
	cursor:pointer;
	text-indent:-9999px;
	border:none;
	background:transparent url('../images/searchbuttonbg.gif') top right no-repeat;
	float:left;
}
.searchgobutton:hover {
	background-position:bottom right;
}
.IEhack .searchgobutton {
	width:22px;
	font-size:0;
	color:#fff;
	text-align:right;
}






/*** SEARCH PAGE ***/
.pages {
	padding:5px 2px;
	margin:5px 0 10px 0;
	background-color:#101a2b;
	text-align:center;
}
.pages a,.pages a:visited,.pages a:active {
	padding:0 1px 0 2px;
}
.pages a:hover {

}
.pagingSelected {
	color:#101a2b;
	background-color:#ffffff;
	padding:0 3px;
}
.searchnews {
	padding:0 0 8px 15px;
}
.searchaudio {
	padding:0 0 8px 15px;
	background:transparent url('../images/playaudioicon.gif') 1px 1px no-repeat;
}
.searchvideo {
	padding:0 0 8px 15px;
	background:transparent url('../images/playvideoicon.gif') 1px 1px no-repeat;
}








#flashPlayer {
	padding:0;
	margin:0;
	height:374px;
}
#flashPlayer embed {
	margin:0;
	padding:0;
}
#noFlash {
	position:absolute;
	top:113px;
	left:398px;
	z-index:1100;
	width:340px;
	height:48px;
	padding:17px 25px 0 25px;
	text-align:center;
	font:normal 12px arial;
	color:#777777;
	display:none;
	background:transparent url('/images/noflashbg.gif') center left no-repeat;
}
#noFlash div {
	margin:0 auto;
	padding:0 0 0 40px;
	width:320px;
	text-align:left;
	background:transparent url('/images/noflashwarning.gif') center left no-repeat;
	color:#abb4c6;
}
#noFlash a, #noFlash a:visited, #noFlash a:active {
	font:normal 12px arial;
	color:#ffffff;
}
#noFlash a:hover {
	text-decoration:none;
}






#nav {
	padding:0;
	margin:0;
	height:49px;
	background:transparent url('../images/mainbgtop.gif') bottom right no-repeat;
	position:relative;
	text-align:left;
}

#navlinks a, #navlinks a:visited, #navlinks a:active, #navlinks a:focus {
	padding:0 12px;
	margin:0;
	font:normal 16px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:30px;
	text-decoration:none;
	color:#fffc00;
	outline:none;
}

#navlinks a:hover {
	color:#FFFFFF;
}

#navselector {
	padding:0;
	margin:0;
	width:150px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
}

#navselectorLeft {
	padding:0;
	margin:0;
	height:40px;
	background:transparent url('../images/navselectorLeft2.gif') top left no-repeat;
	float:left;
}

#navselectorRight {
	padding:0;
	margin:0;
	width:4px;
	height:40px;
	background:transparent url('../images/navselectorRight2.gif') top right no-repeat;
	float:left;
}

#navlinks {
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}

#searchTab {
	display:block;
	position:absolute;
	top:0;
	right:232px;
	width:20px;
	height:30px;
	z-index:500;
	text-align:center;
	padding:0;
}
.searchTabOff {
	background:transparent url('../images/searchIconOff.gif') center center no-repeat;
}
.searchTabOn {
	background:transparent url('../images/searchIconOn.gif') center center no-repeat;
}

*html #searchTab {
	top:-6px;
}

#staffPic {
	width:221px;
	height:80px;
	background:transparent url('../images/staffPic.gif') bottom center no-repeat;
	position:absolute;
	bottom:10px;
	right:0;
}







#main {
	padding:0;
	margin:0;
	background:transparent url('../images/mainbg.gif') top left repeat-y;
	text-align:left;
	width:100%;
	position:relative;
}

#main .pageTitle {
	margin:0 0 10px 0;
	font:normal 30px georgia;
	color:#ffffff;
	font-style:italic;
}

#content {
	margin:0;
	padding:30px 20px 10px 20px;
	width:708px;
	float:left;
	font:normal 12px arial;
	color:#abb4c6;
}

#content h1 {
	margin:0;
	color:#FFFFFF;
	font:normal 18px georgia;
}




/** SIDEBAR **/
#sideBar {
	margin:0;
	padding:0 0 10px 0;
	width:232px;
	height:auto;
	float:right;
	font:normal 12px arial;
	color:#b0bdcd;
}
.sideBarContent {
	padding:0 15px;
	margin:0 0 0 6px;
}
.sideBarDivider {
	width:100%;
	height:31px;
	background:transparent url('../images/sideBarDivider.gif') top left no-repeat;
}

#sideBar h1 {
	margin:0;
	font:normal 18px georgia;
	color:#fffc00;
	font-style:normal;
}


#itemList {
	margin:0;
	padding:0;
	width:35%;
	float:left;	
}

#theItem {
	margin:0 0 10px 0;
	padding:0 0 10px 15px;
	width:60%;
	min-height:300px;
	float:right;
	border-left:1px dashed #47566f;
	position:relative;
	line-height:18px;
	

}

#theItem p {
	margin:0 0 10px 0;

}
.itemDate {
	color:#ffffff;
	font-weight:bold;
}

#fullWidth {
	margin:0;
	padding:10px 0;
}
.clear {
	clear:both;
}




.imageBox {
	display:inline-block;
	float:right;
	width:190px;
	padding:0 0 0 0;
	margin:0 0 10px 10px;
	text-align:center;
}
.imageBox img {
	margin:0 auto;
}
.imageBoxBottom {
	padding:0 5px 5px 5px;
	text-align:left;
	background:#101a2b url('/images/imageBoxBottom.gif') bottom left no-repeat;
}
.imageBoxBottomTop {
	height:5px;
	background:transparent url('/images/imageBoxTop.gif') top left no-repeat;
}

.articleImage {
	margin:0 0 10px 10px;
	float:right;
	text-align:center;
}
.articleImage img {
	margin:0 auto;
}
.imageBox .articleImage {
	margin:0 auto 10px auto;
	float:none;
}
.relatedTitle {
	margin:0 0 5px 0;
	font:bold 12px arial;
}
.relatednews {
	padding:0 0 6px 15px;
	background:transparent url('/images/lilbluearrow.gif') 6px 4px no-repeat;
}
.relatedaudio {
	padding:0 0 6px 15px;
	background:transparent url('/images/playaudioicon.gif') 1px 4px no-repeat;
}
.relatedvideo {
	padding:0 0 6px 15px;
	background:transparent url('/images/playvideoicon.gif') 1px 4px no-repeat;
}


/** FOOTER **/
#footer {
	padding:30px 0 30px 0;
	font:normal 12px arial;
	color:#4f6a8f;
	line-height:16px;
	background:transparent url('../images/mainbgbottom.gif') top left no-repeat;
}

#footer a, #footer a:visited, #footer a:active {
	color:#a5aec1;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

.divider {
	padding:0 14px;
}



/** SEARCH/BROWSE BAR **/
#browseBar {
	padding:0 10px;
	height:20px;
	margin-bottom:2px;
	position:relative;
}
#dateSpanText {
	padding:3px 0 0 0;
	width:60%;
	float:left;
}
#browseButtonsBox {
	width:42px;
	float:right;
	text-align:right;
}
#browseButtonsBox a, #browseButtonsBox a:visited, #browseButtonsBox a:active {
	display:block;
	width:20px;
	height:19px;
	text-align:center;
	background-color:#101a2b;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	margin:0 1px 0 0;
	line-height:14px;
	font:normal 16px arial;
	text-decoration:none;
}
#browseButtonsBox a:hover {
	background-color:#000000;
}
#browseButtonsBox a.nada {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}


#calendarButton {
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	border:1px solid #333c4e;
}
#calendarButton:hover {
	border:1px solid #fffc00;
}


/** ACCORDIAN STYLES **/
.toggler {
	color:#ffffff;
	display:block;
	margin:5px 0 0 0;
	font:normal 16px arial;
	cursor:pointer;
	width:246px;
}
.toggler .togglerinside {
	color:#ffffff;
	display:block;
	font:normal 16px arial;
	padding:3px 6px;
	cursor:pointer;
	background:url('../images/togglerbottom.gif') bottom left no-repeat
}
.toggler .togglerinside:hover {
	text-decoration:underline;
}
.togglerDate {
	color:#FFFFFF;
	float:right;
	font:normal 10px georgia;
	font-style:italic;
}

.toggler a, .toggler a:visited, .toggler a:active {
	text-decoration:none;
	display:block;
}
.toggler a:hover {
	text-decoration:underline;
}
.h3 {
	color:#ffffff;
	background:#646464;
	display:block;
	font:normal 16px arial;
}
.atStart {
	background: #3a5b86;
}
.element {
	font:normal 12px arial;
	background:#1f3553;
	width:246px;
}
.element .spacer {
	height:5px;
	clear:both;
}
.element p {
	display:block;
	padding:0 5px 0 5px;
	margin:0;
}
.element a {
	text-decoration:none;
}
.element a:hover {
	text-decoration:underline;
}


/** VARIOUS SUBCLASSES **/
.showItem {
	display:block;
	padding:3px 0 7px 0;
}
.whiteText {
	color:#ffffff;
}
.firstBlog {
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:16px;
	color:#fffc00;
}
.blogItemFirst {
	display:block;
	margin:7px 0 5px 0;
}
.blogItemPrev {
	display:block;
	padding:0 5px 7px 5px;
}



/** PODCASTS **/
.podItem {
	padding:5px 0;
	line-height:16px;
}
.podItem:hover {
	background-color:#1a2d47;
}
.podDate {
	float:left;
	width:110px;
	margin:0 10px 0 0;
	font-style:italic;
	text-align:right;
}
.podTitle {
	float:left;
	width:230px;
}
.podLink {
	float:right;
	width:60px;
}
.podDivider {
	clear:both;
}



/** IDEAS **/
form {
	padding:0;
	margin:0;
}
#ideaBox {

}
#ideaResponse {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	display:none;
}
#ideaForm {
}
#ideaForm label {
	display:block;
	padding:5px 0 2px 0;
	width:auto;
	font:bold 12px arial;
	color:#b0bdcd;
}
#ideaForm input {
	color:#101a2b;
}
#submitIdeaButton {
	display:block;
	margin:0 auto;
	background-color:#000000;
	width:80px;
	height:24px;
	text-align:center;
	line-height:24px;
	cursor:pointer;
	text-decoration:none;
}
#submitIdeaButton:hover {
	background-color:#363636;
}

.inputText, .inputSelect {
	display:block;
	font:normal 12px Arial, Helvetica, sans-serif;
	border:1px solid #000000;
	height:15px;
	width:182px;
	margin:0;
	padding:2px 3px;
	background:#ffffff url('../images/inputbg.gif') top left no-repeat;
}
.inputSelect {
	height:21px;
	width:189px;
}
.textArea {
	display:block;
	font:normal 12px Arial, Helvetica, sans-serif;
	border:1px solid #000000;
	height:100px;
	width:182px;
	margin:0;
	padding:2px 3px;
	background:#ffffff url('../images/inputbg.gif') top left no-repeat;
}
.submitButton {
	padding:0 6px;
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	display:inline;
}
.submitbutton:hover {
	background-position: bottom left;
}



/** POLL **/
#pollBox {
	padding:0;
}
#pollQuestion {
	color:#ffffff;
	padding:5px 0 10px 0;
}

#pollForm {

}
#pollForm .checkBox {
	display:block;
	padding:3px 0 0 0;
	width:10%;
	float:left;
	text-align:right;
}
#pollForm label {
	display:block;
	padding:6px 0 3px 0;
	width:87%;
	color:#b0bdcd;
	float:right;
}
#pollResults {

}
#pollResults label {
	display:block;
	padding:3px 0 3px 0;
	color:#b0bdcd;
	float:none;
}
.percentBox {
	height:16px;
	width:190px;
	padding:0 0 0 0;
	margin:0 0 3px 0;
	color:#ffffff;
	font:bold 12px arial;
	font-style:italic;
	text-align:right;
	background:transparent url('../images/percentBarBG.gif') top left no-repeat;
}
.percentBar {
	float:left;
	width:0;
	height:16px;
	background-color:#fffc00;
}
.percentNumber {
	float:right;
	width:35px;
	height:16px;
	text-align:left;
}



/** PHOTO GALLERY **/
#galleryViewer {
	margin:10px 0 8px 0;
	height:350px;
	background:#2b466a url('/images/galleryViewerBG.jpg') top left repeat-x;
}
#viewerContent {
	height:350px;
	position:relative;
}
#viewerImage {
	text-align:center;
	padding:0 0 0 0;
	height:350px;
	overflow:hidden;
}
#viewerImage img {
	margin:10px auto 0 auto;
}
#viewerDesc {
	position:absolute;
	bottom:0;
	left:0;
	height:80px;
	text-align:center;
	color:#ffffff;
	padding:0 30px;
	width:365px;
	line-height:16px;
}
#gallery {

}
.itemsJogger {
	float:left;
	width:20px;
	height:218px;
	cursor:pointer;
}
#itemsPrev {
	background:#2b466a url('/images/joggerArrowLeft.gif') center center no-repeat;
}
#itemsPrev:hover {
	background:#3a5b86 url('/images/joggerArrowLeft.gif') center center no-repeat;
}
#itemsNext {
	background:#2b466a url('/images/joggerArrowRight.gif') center center no-repeat;
}
#itemsNext:hover {
	background:#3a5b86 url('/images/joggerArrowRight.gif') center center no-repeat;
}

.joggerDisabled {
	background-color:#2b466a;
	cursor:default;
}
.joggerDisabled:hover {
	background-color:#2b466a;
}



#galleryItems {
	float:left;
	width:376px;
	min-height:226px;
	padding:0 0 0 8px;
	*padding:0 0 0 6px;
	*width:374px;
}
.photo {
	float:left;
	display:block;
	width:68px;
	height:68px;
	padding:0;
	margin:0 7px 7px 0;
	*margin:0 5px 7px 0;
	cursor:pointer;
	text-align:center;
}
.photo img {
	border:0;
}
#descriptionBox {
	width:150px;
	padding:6px 11px 18px 11px;
	border:1px solid #000000;
	border-width:1px 0 0 0;
	background:transparent url('/images/tooltipbg.gif') bottom center no-repeat;
	color:#000000;
	z-index:1000;
	position:absolute;
	display:none;
}



#pageButtons1, #pageButtons2 {
	width:728px;
	padding:0 10px;
	position:absolute;
	left:0;
	background:transparent url('/images/pageButtonsBG.gif') 10px 0 no-repeat;
}
#pageButtons1 {
	top:-10px;
}
#pageButtons2 {
	bottom:-10px;
}

#pagePrev, #pageNext, #pagePrev2, #pageNext2 {
	display:block;
	width:88px;
	height:21px;
	z-index:500;
	text-align:center;
	padding:0;
	font:normal 10px verdana;
	background-color:black;
	text-align:center;
	font:normal 12px arial;
	line-height:28px;
	text-decoration:none;
	float:right;
}
#pagePrev, #pagePrev2 {
	background:transparent url('/images/pageBackBG.gif') top right no-repeat;
}
#pagePrev:hover, #pagePrev2:hover {
	background:transparent url('/images/pageBackBG.gif') top left no-repeat;
}

#pageNext, #pageNext2 {
	margin:0 0 0 1px;
	background:transparent url('/images/pageNextBG.gif') top right no-repeat;
}
#pageNext:hover, #pageNext2:hover {
	background:transparent url('/images/pageNextBG.gif') top left no-repeat;
}
#pageButtons1 .inactive, #pageButtons2 .inactive  {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	cursor:default;
	background-position:top right;
}
.active {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	cursor:pointer;
}