﻿body { margin: 0;}

img { border: 0; }

/* h1, h2, h3, h4, h5, h6 { margin: 0; } */

p, td, span, div
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

p
{
    margin: 0.25em 0 0.5em 0;
}

a
{
	color: #008040;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

div#top
{
	position: relative;
	width: 760px;
	height: 101px;
	background-color: #009F4F;
	background-image: url(../Images/bgTop.png);
	background-repeat: repeat-x;
	overflow: visible;
}

div#top div#logo
{
	position: relative;
	width: 106px;
	height: 101px;
	background-image: url(../Images/logo.png);
	background-repeat: no-repeat;
}

div#top div#logo.mouseover
{
	background-image: url(../Images/logo_mouseOver.png);
}

div#top div#ball
{
	position: absolute;
	top: 47px;
	left: 703px;
	width: 57px;
	height: 53px;
	background-image: url(../Images/ball.png);
	background-repeat: no-repeat;
}

/* top navigation */
div#top div#topNavi
{
	position: absolute;
	top: 5px;
	left: 106px;
	width: 654px;
	height: 20px;
	background-image: url(../Images/bgTopNavi.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

div#top div#topNavi div
{
	padding-top: 4px;
	text-align: right;
}

div#top div#topNavi div span
{
	color: #A6B80C;
	font-size: 10px;
	padding-right: 20px;
}

div#top div#topNavi div span a
{
	color: #A6B80C;
}

/* main menu */
div#top div#mainMenu
{
	position: absolute;
	top: 84px;
	left: 110px;
}

div#top div#mainMenu div.item
{
	position: absolute;
	height: 14px;
	background-color: #A6B80C;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	padding: 1px 4px 0px 4px;
}

div#top div#mainMenu div.item.active
{
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

div#top div#mainMenu div.item span
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

div#top div#mainMenu div.item span a
{
    color: #FFFFFF;
}

div#top div#mainMenu div.item.active span a
{
	color: #008040;
}

div#top div#mainMenu div.item0 { left: 0px; }
div#top div#mainMenu div.item1 { left: 65px; }
div#top div#mainMenu div.item2 { left: 166px; }
div#top div#mainMenu div.item3 { left: 267px; }
div#top div#mainMenu div.item4 { left: 352px; }
div#top div#mainMenu div.item5 { left: 421px; }
div#top div#mainMenu div.item6 { left: 480px; }
div#top div#mainMenu div.item7 { left: 578px; }

div#top div#mainMenu div.sen
{
	background-image: url(../Images/Symbols/sen.png); 
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 30px;
}

div#top div#mainMenu div.jun
{
	background-image: url(../Images/Symbols/jun.png); 
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 30px;
}

div#top div#mainMenu div.soma
{
	background-image: url(../Images/Symbols/soma.png); 
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 40px;
}

/* sub navigation */
div#subNavi
{
	position: relative;
	width: 760px;
	height: 31px;
	background-color: #E6E6E6;
	background-image: url(../Images/bgSubNavi.png);
	background-repeat: repeat-x;
}

div#subNavi div
{
	padding-top: 9px;
}

div#subNavi div span
{
	color: #008040;
	font-size: 10px;
	padding-left: 20px;
}

div#subNavi div span a
{
}

div#subNavi div span a.active
{
	font-weight: bold;
}

div#subNavi div span a img
{
	vertical-align: bottom;
}


div.horLine
{
	font-size: 1px; /* fix for IE6 */
	position: relative;
	width: 760px;
	height: 1px;
	max-height: 1px;
	background-color: #CCCCCC;
}

/* main */
div#main
{
	position: relative;
	width: 720px;
	padding: 20px 20px 20px 20px;
}

div#main.withTeaser
{
	float: left;
}

div#main hr
{
	color: #CCCCCC;
	width: 720px;
	height: 1px;
	margin: 0 0 0 0px;
	/* fix for FF */
	border: 0;
	border-top: 1px solid #CCCCCC;
}

* html div#main hr /* fix for IE<=6 */
{
	margin-left: -40px;
}

*+html div#main hr /* fix for IE7 */
{
	margin-left: -40px;
}

div#main h1
{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

div#main h1.sen { color: #009F4F; }
div#main h1.jun { color: #F7A700; }
div#main h1.soma { color: #006A35; }

div#main h2
{
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #CCCCCC;
	padding-top: 1em;
	background-position: 0 1.1em;
	background-repeat: no-repeat;
}

div#main h2.sen { background-image: url(../Images/Symbols/sen.png); padding-left: 30px; }
div#main h2.sen1 { background-image: url(../Images/Symbols/sen1.png); padding-left: 44px; }
div#main h2.sen2 { background-image: url(../Images/Symbols/sen2.png); padding-left: 42px; }
div#main h2.jun { background-image: url(../Images/Symbols/jun.png); padding-left: 30px; }
div#main h2.junA { background-image: url(../Images/Symbols/junA.png); padding-left: 15px; }
div#main h2.junA1 { background-image: url(../Images/Symbols/junA1.png); padding-left: 27px; }
div#main h2.junA2 { background-image: url(../Images/Symbols/junA2.png); padding-left: 27px; }
div#main h2.junB { background-image: url(../Images/Symbols/junB.png); padding-left: 15px; }
div#main h2.junB1 { background-image: url(../Images/Symbols/junB1.png); padding-left: 27px; }
div#main h2.junB2 { background-image: url(../Images/Symbols/junB2.png); padding-left: 27px; }
div#main h2.junC { background-image: url(../Images/Symbols/junC.png); padding-left: 15px; }
div#main h2.junC1 { background-image: url(../Images/Symbols/junC1.png); padding-left: 27px; }
div#main h2.junC2 { background-image: url(../Images/Symbols/junC2.png); padding-left: 27px; }
div#main h2.junD { background-image: url(../Images/Symbols/junD.png); padding-left: 15px; }
div#main h2.junD1 { background-image: url(../Images/Symbols/junD1.png); padding-left: 27px; }
div#main h2.junD2 { background-image: url(../Images/Symbols/junD2.png); padding-left: 27px; }
div#main h2.junE { background-image: url(../Images/Symbols/junE.png); padding-left: 15px; }
div#main h2.junE1 { background-image: url(../Images/Symbols/junE1.png); padding-left: 27px; }
div#main h2.junE2 { background-image: url(../Images/Symbols/junE2.png); padding-left: 27px; }
div#main h2.junF { background-image: url(../Images/Symbols/junF.png); padding-left: 15px; }
div#main h2.junF1 { background-image: url(../Images/Symbols/junF1.png); padding-left: 27px; }
div#main h2.junF2 { background-image: url(../Images/Symbols/junF2.png); padding-left: 27px; }
div#main h2.junG { background-image: url(../Images/Symbols/junG.png); padding-left: 15px; }
div#main h2.junG1 { background-image: url(../Images/Symbols/junG1.png); padding-left: 27px; }
div#main h2.junG2 { background-image: url(../Images/Symbols/junG2.png); padding-left: 27px; }
div#main h2.soma { background-image: url(../Images/Symbols/soma.png); padding-left: 40px; }

div#main p, div#main li
{
	line-height: 1.5em;
	padding-bottom: 0.5em;
}

div#main p.path
{
	font-size: 10px;
}

div#main p.subheader
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 12px;
	margin-bottom: 0;
}

div#main p.subheader + h1
{
	margin-top: 0;
}

div#main p.small
{
	font-size: 10px;
}
div#main ul
{
	margin: 0 0 12px 16px;
	padding: 0;
}

div#main li ul /* for IE */
{
	margin-top: 0.5em;
}

div#main ul li
{
	list-style-image: url(../Images/arrowRight.gif);
}

* html div#main ul li { margin-left: 0px; } /* fix for IE<=6 */
*+html div#main ul li { margin-left: 0px; } /* fix for IE7 */

div#main table
{
	border-collapse: collapse;
}

div#main table tr th, div#main table tr td
{
	padding: 0.25em 0.5em;
	border: 1px solid #E6E6E6;	
}

div#main table tr th
{
	background-color: #FAFAFA;
	color: #008040;
}

div#main table tr td[colspan|="4"]
{
	text-align: center;
	background-color: #FAFAFA;
	
}

div#main div.img
{
	position: relative;
	width: auto;
	margin-top: 12px;
	margin-bottom: 8px;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

div#main div.img.left
{
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

div#main div.img.right
{
	float: right;
	margin-left: 1em;
	margin-right: 0;
}

div#main div.img img
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 4px;
}

/* teaser */
div#main div.teaser
{
	position: relative; 
	float: right; 
	margin: -20px -20px 20px 20px; 
	width: 250px; 
	background-color: #FAFAFA;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

div#main div.teaser div
{
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 10px 10px 10px;
}

* html div#main div.teaser
{
	margin: -20px -10px 20px 20px;
}

div#main div.teaser div p
{
	margin: 0;
	font-size: 10px;
}

div#main div.teaser div p span
{
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

div#main div.teaser div h1
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.5em 0 1em 0;
}

div#main div.teaser div h1 a
{
	background-image: url(../Images/arrowsRight.gif); 
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}

div#main div.teaser div ul
{
	margin: 0;
	padding: 0;
}

div#main div.teaser div ul li
{
	font-size: 10px;
	margin-left: 16px;
	list-style-image: url(../Images/arrowRight.gif);
}

* html div#main div.teaser div ul li { margin-left: 14px; } /* fix for IE<=6 */
*+html div#main div.teaser div ul li { margin-left: 14px; } /* fix for IE7 */

div#main div.teaser div ul li span
{
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

div#main td span
{
	background-repeat: no-repeat;
	background-position: 0 2px;
}

div#main td span.sen, div#main p span.sen, div#main div.teaser div ul li span.sen, div#main div.teaser div p span.sen { background-image: url(../Images/Symbols/sen.png); padding-left: 30px; }
div#main td span.sen1, div#main p span.sen1, div#main div.teaser div ul li span.sen1, div#main div.teaser div p span.sen1 { background-image: url(../Images/Symbols/sen1.png); padding-left: 44px; }
div#main td span.sen2, div#main p span.sen2, div#main div.teaser div ul li span.sen2, div#main div.teaser div p span.sen2 { background-image: url(../Images/Symbols/sen2.png); padding-left: 42px; }
div#main td span.jun, div#main p span.jun, div#main div.teaser div ul li span.jun, div#main div.teaser div p span.jun { background-image: url(../Images/Symbols/jun.png); padding-left: 30px; }
div#main td span.junA, div#main p span.junA, div#main div.teaser div ul li span.junA, div#main div.teaser div p span.junA { background-image: url(../Images/Symbols/junA.png); padding-left: 15px; }
div#main td span.junA1, div#main p span.junA1, div#main div.teaser div ul li span.junA1, div#main div.teaser div p span.junA1 { background-image: url(../Images/Symbols/junA1.png); padding-left: 27px; }
div#main td span.junA2, div#main p span.junA2, div#main div.teaser div ul li span.junA2, div#main div.teaser div p span.junA2 { background-image: url(../Images/Symbols/junA2.png); padding-left: 27px; }
div#main td span.junB, div#main p span.junB, div#main div.teaser div ul li span.junB, div#main div.teaser div p span.junB { background-image: url(../Images/Symbols/junB.png); padding-left: 15px; }
div#main td span.junB1, div#main p span.junB1, div#main div.teaser div ul li span.junB1, div#main div.teaser div p span.junB1 { background-image: url(../Images/Symbols/junB1.png); padding-left: 27px; }
div#main td span.junB2, div#main p span.junB2, div#main div.teaser div ul li span.junB2, div#main div.teaser div p span.junB2 { background-image: url(../Images/Symbols/junB2.png); padding-left: 27px; }
div#main td span.junC, div#main p span.junC, div#main div.teaser div ul li span.junC, div#main div.teaser div p span.junC { background-image: url(../Images/Symbols/junC.png); padding-left: 15px; }
div#main td span.junC1, div#main p span.junC1, div#main div.teaser div ul li span.junC1, div#main div.teaser div p span.junC1 { background-image: url(../Images/Symbols/junC1.png); padding-left: 27px; }
div#main td span.junC2, div#main p span.junC2, div#main div.teaser div ul li span.junC2, div#main div.teaser div p span.junC2 { background-image: url(../Images/Symbols/junC2.png); padding-left: 27px; }
div#main td span.junD, div#main p span.junD, div#main div.teaser div ul li span.junD, div#main div.teaser div p span.junD { background-image: url(../Images/Symbols/junD.png); padding-left: 15px; }
div#main td span.junD1, div#main p span.junD1, div#main div.teaser div ul li span.junD1, div#main div.teaser div p span.junD1 { background-image: url(../Images/Symbols/junD1.png); padding-left: 27px; }
div#main td span.junD2, div#main p span.junD2, div#main div.teaser div ul li span.junD2, div#main div.teaser div p span.junD2 { background-image: url(../Images/Symbols/junD2.png); padding-left: 27px; }
div#main td span.junE, div#main p span.junE, div#main div.teaser div ul li span.junE, div#main div.teaser div p span.junE { background-image: url(../Images/Symbols/junE.png); padding-left: 15px; }
div#main td span.junE1, div#main p span.junE1, div#main div.teaser div ul li span.junE1, div#main div.teaser div p span.junE1 { background-image: url(../Images/Symbols/junE1.png); padding-left: 27px; }
div#main td span.junE2, div#main p span.junE2, div#main div.teaser div ul li span.junE2, div#main div.teaser div p span.junE2 { background-image: url(../Images/Symbols/junE2.png); padding-left: 27px; }
div#main td span.junE3, div#main p span.junE3, div#main div.teaser div ul li span.junE3, div#main div.teaser div p span.junE3 { background-image: url(../Images/Symbols/junE3.png); padding-left: 27px; }
div#main td span.junF, div#main p span.junF, div#main div.teaser div ul li span.junF, div#main div.teaser div p span.junF { background-image: url(../Images/Symbols/junF.png); padding-left: 15px; }
div#main td span.junF1, div#main p span.junF1, div#main div.teaser div ul li span.junF1, div#main div.teaser div p span.junF1 { background-image: url(../Images/Symbols/junF1.png); padding-left: 27px; }
div#main td span.junF2, div#main p span.junF2, div#main div.teaser div ul li span.junF2, div#main div.teaser div p span.junF2 { background-image: url(../Images/Symbols/junF2.png); padding-left: 27px; }
div#main td span.junG, div#main p span.junG, div#main div.teaser div ul li span.junG, div#main div.teaser div p span.junG { background-image: url(../Images/Symbols/junG.png); padding-left: 15px; }
div#main td span.junG1, div#main p span.junG1, div#main div.teaser div ul li span.junG1, div#main div.teaser div p span.junG1 { background-image: url(../Images/Symbols/junG1.png); padding-left: 27px; }
div#main td span.junG2, div#main p span.junG2, div#main div.teaser div ul li span.junG2, div#main div.teaser div p span.junG2 { background-image: url(../Images/Symbols/junG2.png); padding-left: 27px; }
div#main td span.soma, div#main p span.soma div#main div.teaser div ul li span.soma, div#main div.teaser div p span.soma { background-image: url(../Images/Symbols/soma.png); padding-left: 40px; }

/* footer */
div#footer
{
	position: relative;
	width: 760px;
	height: 32px;
	background-color: #E6E6E6;
	background-image: url(../Images/bgfooter.png);
	background-repeat: repeat-x;
}

div#footer div
{
	padding-top: 9px;
}

div#footer div span
{
	color: #008040;
	font-size: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

div#footer div span a
{
}

div#footer div span a.top
{
	padding-left: 12px;
	background-image: url(../Images/arrowUp.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
}
