body  {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	background: #c3e6fc;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #304651;
}

h1{
	font-size: 26px;	
	padding-top: 0;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: normal;
}

h2{
	font-size: 18px;	
	font-weight: normal;
	margin-bottom: 0.4em;
	/* margin-top: 0.8em; */
}

h3{
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0.4em;
}

h4{
	font-size: 13px;
	font-weight: normal;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

a, a:link {
	color: #304651; 
	text-decoration: underline;
}

a:visited {
	color: #304651; 
	text-decoration: underline;
	
}
a:hover {
	color: #cc6600;
	text-decoration: none;
}

ul {
	padding-left: 1.3em;
	margin-left: 0;
	margin-top: 0.2em;
	padding-top: 0.2em;
}

li {
	margin-left: 0;
	padding-left: 0;
}

form{
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;
}

/* LAYOUT-DIVS */

#container { 
	width: 929px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	/*border: 1px solid #000000;*/
} 
#header { 	
	padding: 0 17px 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#langNav{
	display: none;
}


#headerRight {
	float: left;
	width: 428px;
	height: 136px;
}

#logo { 
	float: left;
	padding: 0 0 0 0;
	width: 464px;
	height: 136px;
}

#aloita {
	padding-bottom: 9px;
	width: 420px;
	text-align:right;
}

#mainNav{
	clear: both;
	width: 100%;
	padding: 0 0 0 0;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Verdana;
}

.mainNavLink, .mainNavLinkSelected {
	margin: 0;
	float: left;
	padding: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

.mainNavLink a, .mainNavLink a:visited{
	color: #29404b;
	text-decoration: none;
}

.mainNavLink a:hover{
	color: #cc6600;
	text-decoration: none;
}

#mainNav .piippu{
	float: left;
	padding-left:26px;	
}

#mainNav .mainNavLinkSelected a{
	color: #cc6600;
	text-decoration: none;
}

.mainNavLinkSelected:hover a{
	text-decoration: none;
}

.wideLineTop{
	clear: both;
	width: 100%;
	height: 6px;
	background-image: url(/templates/tipatontammikuu/img/tipat.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: 0px;
	margin-bottom: 6px;
}

.wideLine{
	clear: both;
	width: 100%;
	height: 2px;
	background-image: url(/templates/tipatontammikuu/img/pisteet.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: 0px;
}

#subNav{
	padding: 0px 0px 0px 0px;
	/* border: 1px solid red; */
	height: 20px;
}

#subNav a, #subNav a:link, #subNav a:visited {
	float: left;
	font-size: 12px;
	padding-right: 17px;
	text-decoration: none;
}

.subNavLink a:hover{
	color: #cc6600;
	text-decoration: none;
}

#subNav a.NavLinkSelected, #subNav a.NavLinkSelected:link, #subNav .a.NavLinkSelected:visited {
	color: #cc6600;
}

.subNavLinkFacebook{
	float: right;
	margin-right: -17px;
}

.subNavLinkFacebook img {
	border: none;
}

#contentContainer { 
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
	background-color: #FFFFFF;
	width: 929px;
} 

#content { 
	padding: 25px 0 0 50px;
	width: 877px;
	/* border: 1px solid black; */
}

#oneCol {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	width: 877px;
}

#hyvaolo {
	margin:0;
	padding:0;
}

/* 
p#onecol {
	margin:0;
	padding:0;
}*/

#onecol p {
	margin:0;
	padding:0;
}

#leftCol {
	float: left;
	text-align: left;
	width: 360px;
	text-align: left;
	/* padding: 0 16px 0 0; */
	padding: 0 27px 15px 0;
	/*border: 1px solid red;*/
}

#contentKalenteri {	
	margin-left: -50px;
}


p #leftCol {
	text-align: left;
}

#rightCol{
	float: right; 
	width: 468px;
	margin: 0;
	/*border: 1px solid green;*/
}

#rightColContent{
	padding-right: 20px;
	margin: 0;
	/*border: 1px solid red;*/

}
#rightCol p{
	margin-bottom: 0;
	margin-top: 1em;
	/* margin-bottom: 10px; */
}

#rightCol h1{
	/* font-size: 18px; */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#rightCol h2{
	/* font-size: 16px; */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#nostotContainer {
	position: relative;
	width: 100%;
	text-align: center;
} 

#nostot {
	width: 926px;
	text-align: center;
	height: 158px;
	margin-top: 0px;
	background-image: url(/templates/tipatontammikuu/img/nostot_bg.gif);
	background-repeat: no-repeat;
	padding: 2px;
	/* border: dashed #385660 1px;
	border: dotted; */
}

#nostoBoxPoll {
	float: left;
	width: 229px;
	height: 158px;
}

#nostoKalenteri {
	float: left;
	width: 232px;
	height: 158px;
}

#nostoJeppe {
	float: left;
	width: 232px;
	height: 158px;
}

#nostoHaasta {
	float: left;
	width: 230px;
	height: 158px;
}

#footer { 
	width: 100%;
	text-align: center;
	padding-top: 6px;
/*	border: 1px solid red;*/
} 

#footer a{
	color: #57a7b6;
	text-decoration: none;
} 

#footer a:hover {
	color: #304651;
	text-decoration: none;
}

#footer ul {
	margin: 0;
	list-style-type: none;
	display: inline;
	padding: 10px 6px 0 10px;
}

#footer li {
	margin: 0;
	list-style-type: none;
	display: inline;
	padding: 10px 6px 0 10px;
}

.footerLink a{
	color: #57a7b6;
	padding: 0 10px 0 10px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/* HAASTA */
.btnHaastaDiv {
	width: 295px;
	text-align: center;
}

input.btnHaasta {
	color:#ffffff;   
	font: bold 110% 'trebuchet ms',helvetica,sans-serif;   
	background-color:#29404b;   
	border:1px solid;   
	border-color: #5f7078 #1d2d35 #1d2d35 #5f7078;
	padding: 2px 15px 2px 15px;
}

input.txtBox, textarea.txtBox {
	width: 295px;
	background-color:#c3e6fc;
	margin-bottom: 15px;
	font: 'trebuchet ms',helvetica, sans-serif;
/*   border:1px solid;*/
   /* border-color: #696 #363 #363 #696; */
}

.smalltext {
	font-size: 10px;
}

.CardThumbs {
	text-align: center;
	width: 286px;
}

#kortinToinenpuoli {
	position: absolute;
	top: 640px;
	left: 14px;
	visibility: hidden;
}

/* TESTI */
.testiBoksi {
	width: 330px;
	background-color: #def1fd;
}

.testiContentKysymys {
	padding: 10px 10px 0 27px;
	background-color: #def1fd;
	font-size: 14px;
}

.testiContentVastaus {
	padding: 10px 10px 0 10px;
	background-color: #def1fd;
	font-size: 14px;
}

input.btnTesti {
	margin-top: 20px;
	color:#ffffff;   
	font: bold 14px 'trebuchet ms',helvetica,sans-serif;   
	background-color:#29404b;   
	border:1px solid;   
	border-color: #5f7078 #1d2d35 #1d2d35 #5f7078;
	padding: 2px 25px 2px 25px;
}

#testia1, #testia2 {
visibility:hidden;
/*border: 1px solid #ff0000;*/
position: absolute;
top:210px;
z-index:20;

}

#testiq12 {

}



/* MUUT */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* E-KORTTI */

#ekorttiContainer { 
	width: 968px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	/*border: 1px solid #000000;*/
} 

.ekorttiBg {
	margin-top: 34px;
	width: 968px;
	height: 448px;
	background-image: url(/templates/tipatontammikuu/img/ekortti/ekortti_bg_liuku.jpg);
	background-repeat: no-repeat;
/*	border: 1px solid red;*/
}

.ekorttiContainer {
	width: 920px;
	height: 403px;
	padding: 20px 0 0 22px;
}

.ekorttiFooter { 
	width: 100%;
	text-align: center;	
	/*border: 1px solid blue;*/
} 

.ekorttiLogo {
	width: 441px;
	height: 61px;
	/*border: 1px solid red;*/
}

.ekorttiFooterBg {
	text-align: center;
	width: 441px;
	height: 47px;
	background-image: url(/templates/tipatontammikuu/img/ekortti/ekortti_footer_bg.jpg);
	background-repeat: no-repeat;
/*	border: 1px solid blue;*/
}

.ekorttiFooter ul {
	margin: 0;
	list-style-type: none;
	display: inline;
	/*padding: 10px 5px 0 0px;*/
}

.ekorttiFooter li {
	margin: 0;
	list-style-type: none;
	display: inline;
	padding: 10px 5px 0 5px;
}

.ekorttiFooter a, .ekorttiFooter a:visited {	
	/*padding: 0 10px 0 0px;*/
	text-decoration: none;
}

.linkArrow {
	color: #cc6600;
}

.ekorttiFooterPystykatko {
	display: inline;
	height: 21px;
	margin-top: 2px;
	/*padding: 0 20px 0 20px;*/
/*	border: 1px solid red;*/
}

/* Toinen puoli */
.ekorttiBgBack {
	margin-top: 34px;
	width: 962px;
	height: 443px;
	background-image: url(/templates/tipatontammikuu/img/ekortti/ekorttibg.gif);
	background-repeat: no-repeat;
/*	border: 1px solid red;*/
}

#ekorttiToinenpuoli {
	position: absolute;
	width: 962px;
	height: 443px;
	top: 0px;
	left: 0px;
	background-image: url(/templates/tipatontammikuu/img/ekortti/ekortti_kaantopuoli_bg.jpg);
	background-repeat:no-repeat;
	visibility: hidden;
}

#ekorttiToinenpuoliForm {
	width: 354px;
	padding: 5px 0 0 550px;
	margin-top: 30px;
}

.ekorttiTxt18 {
	font-size: 18px;
}

.ekorttiTxt14 {
	font-size: 14px;
}

#ekorttiToinenpuoliForm td{
	vertical-align: top;
}

.ekorttiClose {
	padding: 10px 0 0 900px;	
}


/* FRONTAGE STYLES */
#kamelitFlash{
	padding: 0px 0 0 0;
	margin: 0;	
}

#mainContentFront{
	padding-top: 0px;
	padding-bottom: 0px;	
}


#mainContentFront p {
	margin:0;
}



.ColFront{
	float: left;
	width: 218px;
	padding-left: 16px;
	text-align: left;
}


.ColFront p { 
	padding: 0 0 12px 0;
}

/* GALLUP */
#nostoBoxPoll {
	position: relative;
	float: left;
	width: 229px;
	height: 158px;
	background-image: url(/templates/tipatontammikuu/img/gallup/gallup_nosto_bg3.jpg);
	background-repeat: no-repeat;
}

#nostoBoxPoll a, #nostoBoxPoll a:link {
	text-decoration: none;
}

#gallupVastaa {
	/*padding: 29px 0 0 13px;*/	
	text-align: left;
}

#gallupMittari {
	position: absolute;
	top: 88px;
	left: 23px;
}

#gallupMittari img{
	/*border-right: 1px solid #333333;*/
	border-right: 1px solid #333333!important; 

}

#prosenttiKylla {
	float: left;
	padding: 57px 0 0 20px;
}

#prosenttiEi {
	float: right;
	padding: 57px 23px 0 0;
}

#gallupPopup {
	position: absolute;
	top: 2px;
	left: 10px;
	width: 306px;
	height: 149px;
	background-image:url(/templates/tipatontammikuu/img/gallup/popup_bg.png);
	background-repeat: no-repeat;
	visibility: hidden;
}

#suljeGallupPopup {
	padding: 
	8px 0 0 254px;
}

#gallupPopupNapit {
	padding: 64px 0 0 0px;
}

#nostotContainer p, nostotContainer p{
	margin:0;
	padding:0;
}

/* ARTIKKELIT */
#navArtikkelit a{
	text-decoration: none;
	font-weight: bold;
}

#navArtikkelit ul{
	list-style-image: url(/templates/tipatontammikuu/img/link_arrow6x6.gif);
}

#navArtikkelit li{
	padding-bottom: 6px;
	list-style-type: none;	
}