@charset "UTF-8";

/* 

Author:  			Stefan Voit
E-mail:				voit@sv-design.at
Designed for:		FireFox 2

*/



body{
BACKGROUND: url(images/page_bg.gif) #333 fixed repeat-y center 50%; 
MARGIN: 0px; 
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
color:				#FFF;
background-color:	#111;

}

img{
border:				none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Georgia, "Times New Roman", Times, serif;
}


.centre p strong{
color:				#000;
}


a{
text-decoration:	none;
}

q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#FFF;
}


html          { 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/

p{
font-size:			1em;
line-height:		1.8em;

}

p a{
text-decoration:	underline;	
color:				#0099FF;
}

p a:hover{
text-decoration:	none;
}

.wrapper{
width:				810px;
margin-left:		auto;
margin-right:		auto;
margin-top:			110px;
min-width:          810px;
max-width:			810px;
}

* body .wrapper{
* margin-top:		0px;
}

ol{
font-size:			1.2em;
line-height:		1.8em;
padding-left:       70px;
}



.top{
background:			url(images/topBG.gif) top left repeat-x;
height:				106px;
position:			absolute;
top:				0px;
left:				0px;
width:				100%;
}

.topWrap{
width:				800px;
margin-left:		auto;
margin-right:		auto;
}

.topWrap h1{
margin-top:			0px;
margin-right:		3px;
float:				right;

}

.topWrap p{
margin-top:			30px;
float:				left;
line-height:		27px;
}

.topWrap p a{
color:				#FFF;
text-decoration:	none;
}




.mainMenu{
list-style:			none;
width:				100%;
background:			url(images/menuBG.gif) top left repeat-x;
height:				33px;
padding-left:       0px;
margin-bottom:		0px;

}

.mainMenu li a{
color:				#FFF;
font-size:			1.0em;
padding-top:        12px;
height:				22px;
display:			block;
/*here*/
padding-left:		25px;
padding-right:		26px;
text-align:			center;
}

.mainMenu li a:hover{
background:			url(images/subMainMenuOver.gif) top left repeat-x;
}

.mainMenu li{
float:				left;
}

.lastMenuItem{
padding-right:      19px;
}








.content{
/*here*/
margin-top:			12px;
}




.left{
width:				29%;
float:				left;
background-color:	#333;
/*here*/
margin-bottom:		10px;
padding-bottom:     0px;
}

.leftItemMenu h2{
background:			url(images/leftTop.gif) top left repeat-x;
height:				34px;
margin:				5px 5px 0px 5px;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-weight:		lighter;
padding:            12px 0px 0px 0px;
}

.leftItemMenu ul{
list-style:			none;
background:			url(images/leftBottomGrey.gif) bottom left repeat-x;

padding-left:       10px;
padding-bottom:     5px;
margin-left:		5px;
margin-right:		5px;
margin-bottom:		5px;
}




.leftItemMenu ul li a{
color:				#FFF;
display:			block;
height:				21px;
font-size:			1.1em;
margin-right:		10px;
padding:            8px 0px 0px 8px;
}

.leftItemMenu ul li a:hover{
background:			url(images/subMenuOver.gif) top left repeat-x;
}

.leftItem{

margin-left:		5px;
margin-right:		5px;

}


.leftItem h3{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.5em;
font-weight:		lighter;
background:			url(images/leftTop.gif) top left repeat-x;

padding:            12px 0px 12px 12px;
margin-bottom:		0px;
margin-top:			10px;
}

.leftItem p{
background:			url(images/whiteLeftBottom.gif) bottom left repeat-x;
background-color:	#FFF;
color:				#000;
padding:            7px 7px 7px 7px;
margin-top:			0px;
}

.leftItem ul{
list-style:			none;
background:			url(images/leftTop.gif) top left repeat-x;

padding:            5px 0px 5px 5px;
margin-bottom:		0px;
margin-top:			10px;
font-weight:		lighter;
margin-left:		auto;
}
.leftItem ul li a{
color:				#FFF;
display:			block;
height:				21px;
font-size:			1.5em;
margin-right:		10px;
padding:            5px 0px 0px 5px;
}

.leftItem ul li a:hover{
background:			url(images/subMenuOver.gif) top left repeat-x;
}



.right{
background-color:	#333;
padding-bottom:     15px;
/*here*/
margin-bottom:      10px;
/*here*/
width:				559px;
float:				right;
}

.right h3{
/*
color:				#0099ff;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			2.4em;
font-weight:		lighter;
margin:				25px;
*/

background:			url(images/leftTop.gif) top left repeat-x;
height:				34px;
margin:				10px 10px 0px 10px;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-weight:		lighter;
padding:            12px 0px 0px 12px;


}


.right ul{
list-style:			none;
color:				#0099ff;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.5em;
font-weight:		lighter;
margin-bottom:		5px;
margin-top:			5px;
margin-right:		5px;
margin-left:		5px;
font-weight:		lighter;
padding:            5px 10px 0px 5px;
background:			url(images/leftTop.gif) top left repeat-x;
}
.right ul li a{
list-style:			none;
color:				#FFF;
display:			block;
font-size:			1.1em;
margin-right:		0px;
padding:            0px 0px 0px 5px;
}

.right ul li a:hover{
background:			url(images/subMenuOver.gif) top left repeat-x;
}

.right h6{
list-style:			none;
background:			url(images/rightBottomGrey.gif) bottom left repeat-x;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.1em;
font-weight:		lighter;

padding-left:       0px;
padding-bottom:     10px;

margin-left:		5px;
margin-top:			0px;

height:				103px;
}


.right h5{
list-style:			none;
background:			url(images/rightBottomGrey.gif) bottom left repeat-x;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.1em;
font-weight:		lighter;


height:				290px;
}

.right h1{
list-style:			none;
background:			url(images/rightBottomGrey.gif) bottom left repeat-x;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.1em;
font-weight:		lighter;

padding-left:       5px;
padding-bottom:     10px;

margin-left:		0px;
margin-right:		5px;
margin-top:			0px;

height:				103px;

}

.right h2{
padding-left:       10px;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.0em;
font-weight:		lighter;
}

.right h3{
text-align:			center;
margin-top:			5px;
margin-bottom:		0px;
margin-left:		5px;
margin-right:		5px;
}

.right p{
margin:				0px 0px 0px 10px;
padding-left:       0px;
}

.right h4{
color:				#fff;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.2em;
font-weight:		lighter;
margin-left:		25px;
}

.right ul li{
font-size:			1em;
line-height:		1.8em;
margin-right:		25px;
}


.wrapper img{
margin-top:			20px;
margin-bottom:		0px;
}

.wrapper .right img{
margin-top:			0px;
margin-bottom:		0px;
margin-left:		0px;
}


.wrapper .left img{
margin-top:			0px;
margin-bottom:		0px;
margin-left:		0px;
}



.footer{
background:			url(images/footerBG.gif) top left repeat-x;
height:				82px;
position:			relative;
top:				0px;
left:				-10px;
width:				105%;
margin-bottom:		0px;
/*margin-top:			0px;*/

}

.footerInnerWrap{
width:				800px;
margin-left:		auto;
margin-right:		auto;
margin-top:			120px;
}

* html .footerInnerWrap{
_margin-top:		20px;
}


.footerItem{
height:				200x;
float:				left;
margin-right:		0px;
}	



.footerItem ul{
list-style:			none;
padding-left:       0px;
height:				100px;
float:				left;
}

#footerMenu{
margin-right:		30px;
}

#footerMenu li a{
width:				190px;
}

.footerInnerWrap #firstMenu li a{
width:				230px;
}

.footerItem ul li a{
color:				#FFF;
font-size:			1.2em;
line-height:		3em;
display:			block;
border-bottom:		1px dotted #FFF;
padding-left:       5px;
padding-right:      5px;
}

.footerItem ul li a:hover {
background-color:	#CCC;
color:				#000;
}



.footerItem h3{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			1.5em;
font-weight:		lighter;
border-bottom:		1px solid #FFFFFF;
padding-bottom:     10px;
margin-top:			30px;
}

.footerItem p{
float:				left;
margin-right:		30px;
}

.footerIcons{
position:			absolute;
top:				200px;
}

* .footerIcons{
* position:			static;
* float:			left;
* width:			270px;
}

.googleIcon{
margin-left:		10px;
margin-top:			-30px;
}

* .googleIcon{
* margin-top:			0px;

}

.sempoIcon{
margin-top:			-30px;
}

* .sempoIcon{
* margin-top:			0px;
}

.footNote{
width:				800px;
margin-left:        auto;
margin-right:		auto;
color:				#666;
margin-top:			0x;
font-size:			0.9em;
}

.PAPD{
text-indent:        -9000px;
width:				800px;
margin-left:        auto;
margin-right:		auto;
color:				#333;
}



.homeList{
list-style:			none;
float:				left;
font-size:			1em;
line-height:		1.6em;
padding:            0px;
width:				169px;
margin-left:		30px
}

* html .homeList{
_width:				176px;
}

* html .homeListsDiv #homeList1{
_margin-left:		0px;
}

#homeList1, #homeList2, #homeList3{
border-right:		1px solid #FFF;
}


.homeList a{
color:				#FFF;
}

.homeList a:hover{
text-decoration:	underline;
}

.homeListsDiv{
margin-left:		auto;
margin-right:		auto;
width:				800px;
}

/*
#homeList1{
border-right:		1px solid #FFF;
width:				130px;
margin-right:		30px;
}

#homeList2{
border-right:		1px solid #FFF;
width:				130px;
margin-right:		30px;
}

#homeList3{
border-right:		1px solid #FFF;
width:				190px;
margin-right:		30px;
}

#homeList4{
width:				130px;
margin-right:		30px;
 }
 
 
 
* #homeList1{
* padding-left:     0px;
* margin-left:      10px;
* padding-right:    20px;
* margin-right:		0px;
* width:			150px;
}
 
* #homeList2{
* padding-left:       0px;
* padding-right:      0px;
* margin-right:		  0px;
* width:			150px;
}
 
* #homeList3{
* padding-left:       0px;
* margin-right:		  0px;
* width:			150px;
}
 
* #homeList4{
* padding-left:       10px;
* width:			150px;
* padding-right:    0px;
* margin-right:     0px;
}
 
*/

.PAPD{
width:				100%;
}



.margin10{
margin:				20px 0px 10px 0px;
}



.centre{
text-align:			center;
}

.centre span{
font-weight:		bold;
font-size:			1.4em;
}



* .mainMenu{
* margin-top:			106px;
* padding-left:         0px;
* margin-left:          0px;
}

* .leftItem p {
* margin-bottom:		10px;
}

* .leftItemMenu ul {
* margin-bottom:		5px;
}

* body .footer .footerInnerWrap ul{
* padding-left:         0px;
* margin-left:			0px;
}

* .mainMenu li a{
* padding-top:          10px;
* height:				23px;
}







* html .topWrap{
_width:				800px;
}

* html .mainMenu li a{
_float:				left;
}

* html .top  {

_padding-left:      10px;
_padding-right:     10px;
}


html{
overflow-x:			hidden;
}

* html .wrapper{
_width:				800px;
}