/* GENERAL STYLES */

html
{
margin: 0;
padding: 0;
background-color: #000000;
background-image: url(/media/background.jpg);
background-position: top right;
background-repeat: no-repeat;
}

body
{
margin: 0;
padding: 0;
font-size: 12px;
font-family: "Georgia", Times New Roman, Times, serif;
font-weight: normal;
text-align: center;
}

h1
{
padding: 0px;
margin: 0px;
font-size: 20px;
text-align: left;
line-height: 22px;
}

h2
{
padding: 0px;
margin: 0px;
font-size: 16px;
}

p
{
padding: 0px;
margin: 0px;
}

img
{
display: block;
border: none;
}


/* LAYOUT STYLES */

#tkContainer
{
width: 980px;
margin: 20px auto 0px auto;
}

#tkHeader
{
}

#tkTopBanner{
margin: auto; 
text-align: right; 
width: 740px;
}

#tkTopBanner img{
margin-left: 40px; 
text-align: right; 
}

#tkBody
{
}

#tkFooter
{
margin: auto;
height:30px;
margin-bottom:10px;
margin-top:10px;
}

#footercopy {
float:left;
height:15px;
margin-top:3px;
font-family:Verdana;
font-size:0.8em;
color:#999999;
}
 
#footersq {
float:right;
height:15px;
}

.sqsymbol img {
opacity:0.4;
filter:alpha(opacity=40);
background-color:#000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}


.sqsymbol:hover img{
opacity:1.0;
filter:alpha(opacity=100);
background-color:#000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}




/* MENU STYLES */

#tkMenu
{
margin-top: 35px;
text-align: left;
font-weight: bold;
font-size: 25px;
line-height: 50px;
}

#tkMenu a
{
display: block;
color: #3dace1;
text-decoration: none; 
margin-bottom: 14px;
}

#tkMenu a:hover, #tkMenu a:active
{
color: #FF6600;
}

a#tkMenuActive
{
display: block;
color: #FF6600;
text-decoration: none; 
margin-bottom: 14px;
}

/* HOME ARTICLE MENU STYLES  */

#tkHomeArticleMenu
{
height: 720px;
overflow: auto;
margin: 0xp 0px 0px 30px;
padding: 0px 34px 0px 20px;
}

#tkHomeArticleMenuItem
{
position: relative;
font-weight: bold;
color: #000000;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px dotted #333333;
}

#tkHomeArticleMenuItem a
{
color: #000000;
text-decoration: none;
}

#tkHomeArticleMenuItem img
{
border: 1px solid #333333;
}

#tkHomeArticleMenuItem h1 a
{
font-size: 20px;
background: #cead7b;
}

#tkHomeArticleMenuItem h1 a:hover 
{
text-decoration: underline;
background: #c1a06d;
}

#tkHomeArticleMenuItem h2
{
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
}

#tkHomeArticleMenuItem p
{
font-size: 11px;
font-weight: normal;
}

#tkReadMore
{
font-size: 12px;
font-weight: bold;
}

#tkReadMore a
{
float: right;
padding-top: 10px;
color: #444444;
}

#tkReadMore a:hover
{
text-decoration: underline;
}

#tkAllArticles
{
font-size: 13px;
color:#c4a678;
}

#tkAllArticles a
{
float: right;
color: #c4a678;
text-decoration: none;
padding: 14px 0px;
}

#tkAllArticles a:hover
{
color: #FFFFCC;
text-decoration: underline;
}


/* ALL NEWS ARTICLE MENU STYLES */

#tkHomeArticleMenuItemAll
{
position: relative;
font-weight: bold;
color: #333333;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #333333;
}

#tkHomeArticleMenuItemAll td
{
font-size: 12px;
}

#tkHomeArticleMenuItemAll a
{
color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 14px;
background: #cead7b;
}

#tkHomeArticleMenuItemAll a:hover
{
text-decoration: underline;
background: #c1a06d;
}

#tkHomeArticleMenuItemAll p
{
display: inline;
line-height: 18px;
}


#tkHomeArticleMenuItemAll img
{
border: 1px solid #333333;
}


/* ISSUE MENU STYLES */

#tkIssueMenu
{
margin: 0px auto 0px auto;
text-align: center;
}

#tkIssueMenu table
{
margin: auto;
}

#tkIssueMenu td
{
background-image: url(/media/tkIssueFrame1.png);
background-repeat: no-repeat;
background-position: 19px 22px;
}

#tkIssueItem a
{
display: block;
color: #222222;
font-size: 24px;
text-decoration: none;
margin: 0px 20px 30px 20px;
text-transform: uppercase;
font-weight: normal;
font-family: impact;
}

#tkIssueItem a:hover
{
color: #c32026;
}

#tkIssueItem img
{
display: block;
border: none;
border: 1px solid #805c2d;
margin-top: 15px;
}

#tkIssueItem a:hover img
{
/*
border: 2px solid #222222;
*/
}


/* MAP MENU STYLES */

#tkMapMenu
{
margin: 0px auto 0px auto;
text-align: center;
}

#tkMapMenu table
{
margin: auto;
}

#tkMapItem
{
padding: 20px 20px 0px 0px;
}

#tkMapItem a
{
display: block;
color: #ffffff;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

#tkMapItem a:hover
{
color: #ffffff;
}

#tkMapItem img
{
float: left;
border: 2px solid #393e26;
margin-right: 10px;
clear: both;
}

#tkMapItemTitle
{
display: inline;
padding: 4px 8px 4px 8px;
text-align: center;
float: right;
background: #393e26;
width: 112px;
margin-top: 30px;
cursor: pointer;
cursor: hand;
border: 2px solid #393e26;
}


#tkMapItem a:hover img
{
/*
border: 2px solid #222222;
*/
}


/*IE PNG FIX */
img, div { behavior: url(/media/iepngfix.htc) }


/* ARTICLE BOX STYLES */

#tkArticleBox
{
margin-top: 30px;
}

#tkArticleHeader
{
}

#tkArticleTitle
{
}

#tkArticleBodyTop
{
background-image: url(/media/ArticleBodyTop1.gif);
background-repeat: no-repeat;
height: 43px;
}

#tkArticleBodyBottom
{
background-image: url(/media/ArticleBodyBottom.gif);
background-repeat: no-repeat;
height: 74px;
}

#tkArticleBodyBottom a
{
color: #333333;
}

#tkArticleBodyBottom
{
color: #000000;
}


/* ARTICLE BOX STYLES - HOME */

#tkArticleBodyHome
{
background-image: url(/media/ArticleBodyMiddle.gif);
background-repeat: repeat-y;
border-bottom: 1px dotted #e3c38d;
padding: 0px 10px 0px 10px;
text-align: justify;
line-height: 18px;
font-weight: normal;
font-size: 12px;
}

#tkArticleBodyHomeSub
{
background-image: url(/media/ArticleBodyMiddle.gif);
background-repeat: repeat-y;
border-bottom: 1px dotted #e3c38d;
padding: 0px 40px 0px 40px;
text-align: justify;
line-height: 18px;
font-weight: normal;
font-size: 12px;
}

#tkArticleBodyHomeSub img
{
float: left;
margin: 0px 20px 10px 0px;
clear: left;
}

#tkArticleBodyHomeSub h1
{
margin: 0px 0px 20px 0px;

}


/* ARTICLE BODY STYLES - GENERAL */

#tkArticleBody
{
background-image: url(/media/ArticleBodyMiddle.gif);
background-repeat: repeat-y;
border-bottom: 1px dotted #e3c38d;
padding: 0px 40px 0px 40px;
text-align: justify;
line-height: 18px;
font-weight: normal;
font-size: 12px;
}

#tkArticleBody h1
{
margin: 0px 0px 20px 0px;
}

#tkArticleBody h2
{
margin: 0px 0px 10px 0px;
}

#tkArticleBody img
{
margin: 10px 20px 10px 20px;
}

#tkArticleBody a
{
color: #333333;
}

#tkArticleBody a:hover
{
color: #000000;
}


/* ARTICLE BODY STYLES - LINKS */

#tkArticleBodyLinks
{
background-image: url(/media/ArticleBodyMiddle.gif);
background-repeat: repeat-y;
border-bottom: 1px dotted #e3c38d;
padding: 0px 40px 0px 40px;
text-align: justify;
line-height: 24px;
font-weight: bold;
font-size: 12px;
}

#tkArticleBodyLinks h1
{
margin: 0px 0px 20px 0px;
}

#tkArticleBodyLinks a
{
color: #502d00;
text-decoration: none;
font-weight: normal;
}

#tkArticleBodyLinks a:hover
{
color: #502d00;
text-decoration: underline;
}



/* ARTICLE BODY STYLES - MAP */

#tkArticleBodyMap
{
background-image: url(/media/ArticleBodyMap.gif);
background-repeat: no-repeat;
height: 720px;
padding: 0px 20px 0px 20px;
text-align: justify;
line-height: 18px;
font-weight: normal;
font-size: 12px;
overflow: hidden;
}

/* ARTICLE BODY STYLES - VIDEO */

#tkArticleBodyVideo
{
background-image: url(/media/ArticleBodyMiddle.gif);
background-repeat: repeat-y;
border-bottom: 1px dotted #e3c38d;
padding: 0px;
text-align: justify;
line-height: 18px;
font-weight: normal;
font-size: 12px;
}

/* ARTICLE BODY VIDEO */

#tkYoutubeVid1, #tkYoutubeVid2, #tkYoutubeVid3, 
#tkYoutubeVid4, #tkYoutubeVid5, #tkTekmorVid6, #tkTekmorVid1, #tkTekmorVid2,
#tkVimeoVid1, #tkVimeoVid2, #tkVimeoVid3, #tkVimeoVid4, #tkVimeoVid5, #tkVimeoVid6{
border: 1px dotted #333333;
display: block;
padding: 15px;
margin: 15px auto 0px auto;
text-align: center;
clear: both;
}


/* BACK BUTTON STYLES */

#tkArticleBackButton
{
padding: 20px 0px 0px 40px;
}

#tkArticleBackButton a
{
color: #333333;
text-decoration: none;
font-weight: bold;
}

#tkArticleBackButton a:hover
{
color: #000000;
text-decoration: underline;
}

/* READ ALL STYLES */

#tkArticleReadAll
{
padding: 20px 0px 0px 40px;
}

#tkArticleReadAll a
{
color: #333333;
text-decoration: none;
font-weight: bold;
float: right;
margin-right: 30px;
}

#tkArticleReadAll a:hover
{
color: #000000;
text-decoration: underline;
}


/* ARTICLE PAGING STYLES */

#pageNumbersBtm
{
padding: 20px 0px 0px 40px;
font-size: 12px;
}

#pageNumbersBtm a
{
text-decoration: none;
font-weight: bold;
}

#pageNumbersBtm a:hover
{
text-decoration: underline;
}

/* DEFAULT ARTICLE STYLES */

#tkDefaultArticle
{
padding: 10px 40px 0px 40px;
text-align: justify;
line-height: 18px;
}

#tkDefaultArticle h1
{
margin: 0px 0px 20px 0px;
}

#tkDefaultArticle h2
{
margin: 0px 0px 10px 0px;
}


/* ISSUE ARTICLE STYLES */

#tkIssueArticle
{
position: relative;
}

#tkIssueArticle h1
{
text-transform: uppercase;
}

#tkIssueArticle p
{
margin-top: 15px;
line-height: 18px;
text-align: justify;
font-size: 12px;
}

#tkIssueArticle img
{
border: 2px solid #444444;
margin: 0px 20px 10px 0px;
float: left;
}

#tkIssueArticleList
{
position: relative;
border-top: 1px dotted #000000;
padding: 30px 0px 0px 0px;
margin-top: 30px;
clear: both;
}

#tkIssueArticleList img
{
float: left;
margin: 0px 20px 20px 0px;
}

#tkIssueArticleList a
{
color: #000000;
text-decoration: none;
font-weight: bold;
display: block;
margin-bottom: 20px;
}

#tkIssueArticleList a h1
{
color: #613407;
font-size: 18px;
margin: 3px 0px 4px 0px;
text-transform: uppercase;
}

#tkIssueArticleList a:hover h1
{
text-decoration: underline;
color: #FFFFCC;
}


/* MAP HEADER STYLES */

#tkMapHeader
{
position: relative;
background-image: url(/media/mapHeader.png);
background-repeat: no-repeat;
background-position: -1px 0px;
color: #ffffff;
text-align: center;
padding: 10px 10px 20px 10px;
margin-top: 20px;
}

#tkMapFooter
{
position: relative;
background-image: url(/media/mapHeader.png);
background-repeat: no-repeat;
background-position: -1px 0px;
color: #ffffff;
text-align: left;
margin-top: 40px;
padding-bottom: 20px;
}

#tkMapFooter a
{
color: #ffffff;
}

#tkMapFooter a:hover
{
color: #ffffff;
}


/* CONTACT US STYLES */

#tkContactForm
{
/*
border-bottom: 1px dashed #696868;
*/
text-align: center;
font-size: 14px;
line-height: 18px;
}

#tkContactForm table
{
margin-left: auto;
margin-right: auto;
}

#tkContactForm td
{
font-size: 14px;
}

#tkContactForm span
{
color: #df332a;
padding-left: 6px;
}

#tkContactSub
{
border-bottom: 1px dotted #000000; 
padding-bottom: 15px; 
margin-bottom: 15px;
text-align: left;
line-height: 18px;
}

#tkContactMsg
{
padding-top: 10px; 
padding-bottom: 10px;
}	




/* LEFT FEATURE IMAGES STYLES */

#tkLeftFeatureImage
{
margin-top: 40px;
}


/* VIDEO FEATURE STYLES */

#tkVidFeature
{
position: relative;
margin-top: 100px;
border: 1px solid #858585;
text-align: center;
width: 140px;
height: 126px;
overflow: hidden;
margin-bottom: 8px;
}

#tkVidPlayButton
{
position: absolute;
left: 50px;
top: 42px;
}

#tkVidFeatureTitle
{
display: block;
width: 140px;
color: #ffffff;
text-decoration: none;
margin-right: 0px;
margin-left: auto;
text-align: center;
}


/* ISSUE FEATURE STYLES */

#tkIssueFeature
{
position: relative;
margin-top: 40px;
border: 1px solid #858585;
text-align: center;
width: 140px;
height: 180px;
overflow: hidden;
margin-bottom: 8px;
}

#tkIssueFeatureTitle
{
display: block;
width: 140px;
color: #ffffff;
text-decoration: none;
margin-right: 0px;
margin-left: auto;
text-align: center;
}


/* ADVERT FEATURE STYLES */

#tkAdvertFeature
{
position: relative;
margin-top: 40px;
border: 1px solid #858585;
text-align: center;
width: 140px;
}


/* VIDEO PLAYER STYLES */


#tkVideoPlayer
{
position: relative;
text-align: center;
}

#tkVideoTV
{
position: relative;
background-image: url(/media/tkVideoBG.jpg);
background-repeat: no-repeat;
height: 400px;
width: 580px;
margin: auto;
z-index: 200;
}


/* JWP VIDEO PLAYER STYLES */

#jwpVideoTitle
{
font-size: 22px;
padding: 0px 0px 10px 40px;
font-weight: bold;
}

#wrapper 
{
position: absolute;
width: 420px;
height: 340px;
top: 34px;
left: 40px;
}

#placeholder1
{
margin: auto;
}


/* VIDEO MENU STYLES */


#jwpVideoMenu
{
color: #ffffff;
padding-top: 20px;
margin: auto;
overflow: auto;
text-align: center;
}

#jwpVideoMenu table
{
width: 540px;
border-top: 1px dotted #333333;
margin: auto;
}

#jwpVideoMenu td
{
color: #ffffff;
text-align: left;
border-bottom: 1px dotted #333333;
padding-bottom: 10px;
}

a.jwpVideoMenuItemOff
{
color: #000000;
display: block;
padding: 10px 14px 0px 0px;
text-decoration: none;
}

a:hover.jwpVideoMenuItemOff, a.jwpVideoMenuItemOn, a:hover.jwpVideoMenuItemOn
{
color: #000000;
display: block;
padding: 10px 14px 0px 0px;
text-decoration: underline;
}

a.jwpVideoMenuItemOff h1, a.jwpVideoMenuItemOn h1
{
font-size: 18px;
}

#jwpVideoMenuImage
{
float: left;
width: 70px;
height: 56px;
background: #000000;
margin-right: 10px;
border: 1px solid #696868;
overflow: hidden;
}


/* IMAGE GALLERY STYLES */

#tkImageGalleryBox
{
margin: 20px auto 20px auto;
text-align: center;
}

#tkImageGalleryBox
{
text-align: left;
}

#tkImageGalleryBox table
{
margin: 10px auto 0px auto;
text-align: center;
padding: 13px;
}

#tkImageGalleryBox td
{
text-align: center;
}

#tkImageGalleryThumbs a
{
display: inline-block;
border: none;
text-align: center;
margin: 0px 8px 8px 8px;
}

#tkImageGalleryThumbs a img
{
display: inline-block;
border: 1px solid #777777;
margin: auto;
}











#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 0%; left: 40%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/media/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/media/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



@charset "utf-8";
/* CSS Document */

#tkCompMenu{
margin-top: 20px;
text-align: left;
}

#tkCompMenu a{
display: block;
color: #bcb4a3;
font-size: 20px;
text-decoration: none;
margin: 0px 0px 20px 0px;
font-family: Impact;
}

#tkCompMenu a:hover, #tkCompMenu .active{
text-decoration: underline;
color: #d03127;
}

#tkCompSpotTitle{
color: #ffffff;
font-family: Impact;
font-size: 80px;
background-image: url(/media/faded_bg.png);
line-height: 78px;
height: 90px;
margin-top: 15px;
text-align: center;
}

/* ARTICLE STYLES */

#tkCompArticleBox{
color: #ffffff;
font-size: 36px;
}

#tkCompArticleHeader{
color: #ffffff;
font-family: Impact;
font-size: 36px;
margin-top: 15px;
text-align: left;
background-image: url(/media/faded_bg.png);
background-position: -200px 0px;
background-repeat: repeat-y;
height: 90px;
line-height: 95px;
overflow: hidden;
}

#tkCompArticleHeaderText{
display: inline;
padding-left: 30px;
position: absolute;
}

#tkCompArticleHeader span{
font-family: Impact;
font-size: 80px;
}

#tkCompArticleBody{
padding: 20px 0px 0px 0px;
text-align: justify;
line-height: 18px;
font-weight: normal;
font-size: 12px;
}

#tkCompArticleBody #tkYoutubeVid1, #tkCompArticleBody #tkYoutubeVid2, #tkCompArticleBody #tkYoutubeVid3, 
#tkCompArticleBody #tkYoutubeVid4, #tkCompArticleBody #tkYoutubeVid5, #tkCompArticleBody #tkTekmorVid6, #tkCompArticleBody #tkTekmorVid1, #tkCompArticleBody #tkTekmorVid2
{
border: 1px dotted #333333;
display: block;
padding: 15px;
margin: 15px auto 0px auto;
text-align: center;
clear: both;
background: #000000;
}



/* VIDEO STYLES */

#tkCompArticleBodyVideo{
}

#jwpCompVideoTitle{
padding: 17px 0px 20px 0px;
display: block;
color: #bcb4a3;
font-size: 28px;
text-decoration: none;
font-family: Impact;
}

#tkCompVideoPlayer{
position: relative;
text-align: center;
border: 5px solid #5f4f39;
height: 400px;
}

#compWrapper{
text-align: center;
margin: auto;
}


/* VIDEO MENU */

#jwpCompVideoMenu{
color: #ffffff;
padding-top: 20px;
margin: auto;
overflow: auto;
text-align: center;
}

#jwpCompVideoMenu table{
width: 100%;
margin: auto;
}

#jwpCompVideoMenu td{
color: #ffffff;
text-align: left;
padding: 0px 10px 10px 10px;
}

a.jwpCompVideoMenuItemOff{
color: #ffffff;
display: block;
text-decoration: none;
background: #000000;
border: 2px solid #25221e;
font-family: impact;
text-align: center;
padding: 10px 0;
}

a:hover.jwpCompVideoMenuItemOff, a.jwpCompVideoMenuItemOn, a:hover.jwpCompVideoMenuItemOn{
color: #ffffff;
display: block;
text-decoration: underline;
background: #514533;
border: 2px solid #25221e;
font-family: impact;
text-align: center;
padding: 10px 0;
}

a.jwpCompVideoMenuItemOff h1, a.jwpCompVideoMenuItemOn h1{
font-size: 14px;
font-weight: normal;
text-align: center;
line-height: 20px;
}

#jwpCompVideoMenuImage{
display: block;
width: 100px;
background: #000000;
margin: 0px auto 5px auto;
border: 1px solid #696868;
text-align: center;
cursor: pointer;
cursor: hand;
}






