html { min-height: 100%; margin-bottom: 1px; }

body {
	font: 0.84em/1.333 Lucida Grande, Lucida, Arial, Verdana, sans-serif;
	margin: 0; padding: 0;
	text-align:center;
	background: #fff url("/ezstatic/data/takumta/i/bg-body.jpg") no-repeat center top;
	background-attachment:fixed;
}

h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, form, img {
	margin-top: 0;
	padding: 0;
}

h1 {
	font-size: 2.0em;
	line-height: normal;
	color: #006286;
}

h2 {
	font-size: 2.0em;
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
	color: #006286;
}

h3 {
	font-size: 1.3em;
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
	color: #006286;
}

h4 {
	color: #006286;
	font-size: .9em;
	line-height: normal;
}

p {
	margin: 14px 0;
}

a {
	text-decoration: none;
	outline: 0;
	color: #c07c12;
}

a img {
	border: 0;
	text-decoration: underline;
}


table {
	margin: 0 auto;
	border-collapse: collapse;
}

th {
	background: #ccc;
	color: #000;
	padding: 4px;
}

td {
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px solid #ccc;
}

.clearboth {
	clear: both;
}

.redtext {
	color: #c00;
	font-weight: bold;
}

.smaller {
	font-size: 80%;
	display: block;
}

img#logoforprint {
	display: none;
}


/*
	TEMPLATE
	--------
*/

#s {
	text-align: left;
	width: 979px;
	margin: 0 auto 10px;
}

#h {
	height: 181px;
	width: 979px;
	position: relative;
}

#w {
	background: #e2cd86 url("/ezstatic/data/takumta/i/bg-content.gif") repeat-y left top;
	border: 1px solid #fff;
	border-width: 0 0 1px 0;
}

#l {
	width: 590px;
	float: left;
	display: inline;
	border: 1px solid #fff;
	border-width: 1px 0 0 1px;
	background: transparent url("/ezstatic/data/takumta/i/bg-gradient-yellow.gif") repeat-x left top;
	min-height: 922px;
}

#l {
	height: auto !important;
	height: 922px;
}

#l .i {
	margin: 30px;
}

#r {
	width: 364px;
	float: right;
	display: inline;
	margin: 10px 10px 0 0;
}


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

p#sitename {
	margin: 8px 16px 0;
	padding: 0;
}

#sitename a {
	display: block;
	width: 186px;
	height: 164px;
	background: transparent url("/ezstatic/data/takumta/i/logo-tkt.gif") no-repeat left top;
	text-indent: -999em;
}


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

ul#navbar {
	margin: 0;
	padding: 0;
}

#navbar {
	background: transparent url("/ezstatic/data/takumta/i/bg-navbar.png") no-repeat 0 0;
	width: 740px;
	height: 33px;
	position:absolute;
	right: 0;
	top: 148px;
	list-style: none;
	z-index:100;
}


#navbar li {
	list-style: none;
	position: absolute;
	top: 6px;
	z-index: 200;
}

ul#navbar li,
#navbar a {
	height: 20px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#navbar li a {
	text-indent: -9999px; 
	text-decoration: none;
	outline: none;
}

#nb0 { left: 0; width: 56px;}
#nb1 { left: 56px; width: 86px;}
#nb2 { left: 142px; width: 92px;}
#nb3 { left: 234px; width: 108px;}
#nb4 { left: 342px; width: 90px; }
#nb5 { left: 432px; width: 132px; }
#nb6 { left: 564px; width: 82px; }
#nb7 { left: 646px; width: 94px; }


#nb0 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat 0 top; }
#nb1 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -56px top; }
#nb2 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -142px top;}
#nb3 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -234px top;}
#nb4 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -342px top;}
#nb5 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -432px top;}
#nb6 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -564px top;}
#nb7 a { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -646px top;}

#nb0 a:hover,#nav0 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat 0 -20px; }
#nb1 a:hover,#nav1 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -56px -20px; }
#nb2 a:hover,#nav2 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -142px -20px;}
#nb3 a:hover,#nav3 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -234px -20px;}
#nb4 a:hover,#nav4 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -342px -20px;}
#nb5 a:hover,#nav5 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -432px -20px;}
#nb6 a:hover,#nav6 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -564px -20px;}
#nb7 a:hover,#nav7 a.activenav { background: transparent url("/ezstatic/data/takumta/i/navbar.gif") no-repeat -646px -20px;}

/* dropdowns */
ul#navbar li ul {
	font-size: 90%;
	position: absolute;
	left: -9999px;
	width: 180px;
	margin: 0;
	background: #006286;
	opacity: .9;
	filter: alpha(opacity=90);
	padding: 0 3px 6px;
	border: 3px solid #008bc8;
	z-index: 125;
}

ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: 5px;
	z-index: 150;
}

ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
}


ul#navbar li ul li a {
	text-indent: 0px;
	color: #fff;
	font-weight: bold;
	text-indent: 0px;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#navbar li ul li a:hover { color:#ffffff; background:#008c58; }


/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {  

}

/*
	SIDEBAR
	-------
*/
.widget {
	margin: 0 0 20px 0;
}

#hdrNewsAndEvents {
	width: 134px;
	height: 13px;
	text-indent: -999em;
	background: transparent url("/ezstatic/data/takumta/i/hdr-newsevents.gif") no-repeat left top;
}

ul.newsAndEventsList {
	list-style: none;
	margin: 0;
	padding: 0;
}



ul.newsAndEventsList li {
	position: relative;
	margin: 0 10px 0 44px;
	border-top: 1px solid #fff;
}


ul.newsAndEventsList li span {

}

.monthDayYear {
	position: absolute;
	left: -42px;
	top: 5px;
	width: 30px;
	border: 1px solid #333;
}

.month,
.day,
.year {
	display: block;
	height: 10px;
	width: 30px;
	margin: 2px auto;
	text-indent: -999em;
	background: transparent url("/ezstatic/data/takumta/i/calendar.png") no-repeat left top;
	font-size: .6em; /* ie 6 hack */
}

.month {

}
.day {
	height: 15px;
	margin: 4px auto;
}

.year {
	
}

.month01 { background-position: 2px top; }
.month02 { background-position: 2px -18px; }
.month03 { background-position: 2px -36px; }
.month04 { background-position: 2px -54px; }
.month05 { background-position: 2px -72px; }
.month06 { background-position: 2px -90px; }
.month07 { background-position: 2px -108px; }
.month08 { background-position: 2px -126px; }
.month09 { background-position: 2px -144px; }
.month10 { background-position: 2px -162px; }
.month11 { background-position: 2px -180px; }
.month12 { background-position: 2px -196px; }

.day01 { background-position: -37px 0;}
.day02 { background-position: -37px -24px;}
.day03 { background-position: -37px -48px;}
.day04 { background-position: -37px -72px;}
.day05 { background-position: -37px -96px;}
.day06 { background-position: -37px -120px;}
.day07 { background-position: -37px -144px;}
.day08 { background-position: -37px -168px;}
.day09 { background-position: -37px -192px;}
.day10 { background-position: -37px -216px;}
.day11 { background-position: -77px  0;}
.day12 { background-position: -77px -24px;}
.day13 { background-position: -77px -48px;}
.day14 { background-position: -77px -72px;}
.day15 { background-position: -77px -96px;}
.day16 { background-position: -77px -120px;}
.day17 { background-position: -77px -144px;}
.day18 { background-position: -77px -168px;}
.day19 { background-position: -77px -192px;}
.day20 { background-position: -77px -216px;}
.day21 { background-position: -117px  0;}
.day22 { background-position: -117px -24px;}
.day23 { background-position: -117px -48px;}
.day24 { background-position: -117px -72px;}
.day25 { background-position: -117px -96px;}
.day26 { background-position: -117px -120px;}
.day27 { background-position: -117px -144px;}
.day28 { background-position: -117px -168px;}
.day29 { background-position: -117px -192px;}
.day30 { background-position: -117px -216px;}
.day31 { background-position: -157px 0; }

.year2009 { background-position: -197px top; }
.year2010 { background-position: -197px -18px; }
.year2011 { background-position: -197px -36px; }
.year2012 { background-position: -197px -54px; }
.year2013 { background-position: -197px -72px; }
.year2014 { background-position: -197px -90px; }
.year2015 { background-position: -197px -108px; }
.year2016 { background-position: -197px -126px; }
.year2017 { background-position: -197px -144px; }
.year2018 { background-position: -197px -162px; }
.year2019 { background-position: -197px -180px; }
.year2020 { background-position: -197px -196px; }
/*

*/
.newsAndEventsContent h4 {
	margin: 0;
	padding: 0;
}

.newsAndEventsContent h4 a {
	color: #006286;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}

.newsAndEventsContent p {
	margin: 0 0 14px 0;
	font-size: 90%;
	line-height: normal;
	color: #333;
}


#hdrENewsletter {
	width: 114px;
	height: 13px;
	background: transparent url("/ezstatic/data/takumta/i/hdr-enewsletter.gif") no-repeat left top;
	text-indent: -999em;
}

/*
	HOME PAGE
	---------
*/

#home h1 {
	width: 345px;
	height: 51px;
	background: transparent url("/ezstatic/data/takumta/i/hdr-welcome.gif") no-repeat left top;
	text-indent: -999em;
}

#navbarFutureSupportPhoto {
	position: relative;
	height: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbarFutureSupportPhoto li {
	position: absolute;
	width: 195px;
	height: 180px;
}

#navbarFutureSupportPhoto li a {
	display: block;
	height: 180px;
	width: 195px;
	text-indent: -999em;
}

#navbarFutureSupportPhoto li#nbsfp0 a {
	width: 200px;
}

li#nbsfp0 {
	background: transparent url("/ezstatic/data/takumta/i/navbar-fsp.jpg") no-repeat left top;
	width: 200px;
	left: -30px;
	top: 0;
}

li#nbsfp1 {
	background: transparent url("/ezstatic/data/takumta/i/navbar-fsp.jpg") no-repeat -200px top;
	left: 170px;
	top: 0;
}

li#nbsfp2 {
	background: transparent url("/ezstatic/data/takumta/i/navbar-fsp.jpg") no-repeat -395px top;
	left: 365px;
	top: 0;
}


/*
	FOOTER 
	------
*/

#navbar-footer {
	list-style: none;
	margin: 4px 0 20px 0;
	padding: 0;
	width: 700px;
	float: left;
}

#navbar-footer li {
	margin: 0 10px 0;
	padding: 0;
	float: left;
}

#navbar-footer li a {
	color: #fff;
	font-size: .85em;
	font-weight: bold;
}

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

#usmtag {
	margin: 0;
	width: 213px;
	height: 40px;
	float: right;
}

#usmtag a {
	display: block;
	width: 213px;
	height: 20px;
	background: transparent url("/ezstatic/data/takumta/i/usmtag.png") no-repeat left bottom;
	text-indent: -999em;
}

/* Photo Gallery
-----------------------------------------------
*/

.imagegallerylist {
list-style: none;
margin: 0;
padding: 0;
}

.imagegallerylist li {
width: 100px;
float: left;
text-align: center;
margin: 0 0 10px 0;
}

.imagegallerylist li img {
border: 3px solid #006286;
background: #006286;

margin: 0 auto;

}




/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}