/* "Hoop Mediaclinic - No tables" Template for Mambo
 Copyright 2005 All rights reserved
 Mikko Lemola
 Hoop Mediaclinic
 firstname.lastname@hoop.fi
 http://www.hoop.fi
   */
/* CSS global reset */ 

html {
	padding: 0;
	margin: 0;
	}

/* Background and basic fonts*/
body {
	text-align: center;
	margin: 0 auto;
	background: url(../images/bg.gif);
	}

#container {
width: 760px;
height: 800px;
position:relative;
text-align: center;
margin: 0 auto; /* tarvitaan keskitykseen*/
}

#top {
width: 760px;
height: 328px;
position: relative;
background: url(../images/toppi.jpg);
}

#valikko {
width: 756px !important;
width: 760px;
height: 25px !important;
height: 27px;
position: relative;
background: url(../images/valikko.jpg);
z-index: 99999;
padding-left: 34px !important;
padding-left: 17px;
padding-top: 2px !important;
padding-top: 2px;
}

#valikko2 {
width: 760px;
height: 44px;
position: relative;
background: url(../images/valikko2.jpg);
}

#wrapper {
width: 760px;
position: relative;
background-color: #fff;
background: url(../images/wrapperbg.jpg);
}

#mainbox {
width: 497px !important;
width: 517px;
position: relative;
float: left;
margin-left: 32px !important;
margin-left: 16px;
background: url(../images/mainbg.jpg);
padding-left: 0px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

#rightcolumn {
width: 200px;
position:relative;
float: right;
margin-top: -20px;
}

#footer {
width: 760px;
height: 76px;
position: relative;
background: url(../images/footer.jpg);
clear:both;	
}


/******************* decoration ***********************/

a.mainlevel:link, a.mainlevel:visited {
	/* this styling is for the MAIN items in the menu */
	color: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	font-weight: bold;
	text-decoration:none;
	text-align: left;
	font-variant: small-caps;
	word-spacing: -0.2em;
	font-size: 11px; /* ei vaikutusta? */
	}

a.mainlevel:hover {
	/* same as above, but when hovering */
	color: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	font-weight: bold;
	text-decoration:none;
	text-align: left;
	font-variant: small-caps;
	word-spacing: -0.2em;
}
 a.sublevel-nav {
 	color: #ffffff;
		}


.contentdescription {
	/* When you create a link to a Section in the main menu and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. This style is used for formating the "DESCRIPTION" part of that page */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* ei vaikutusta?*/
	color: #9D9A78; /* ei vaikutusta?*/
	text-align: left;
	}


/*main text etc*/
p,td,tr,div { 
/* if you change line-height, mainmenu comes down few pixels in ie OR same effect if you disable div*/
font-size: 11px;
font-family: Arial, Helvetica, Verdana, serif;
line-height: 16px;
color: #554F12;
}

h1 {
	font-weight: bold;
	font-size: 18px;
	font-family: Trebuchet, Verdana, Palatino, Helvetica, Arial, sans-serif;
	border-bottom: 1px #96792C dotted;
	letter-spacing: -1px;
	height: 20px;
	color: #96792C;
	margin-top: -1px;
}

h2 {
	font-weight: bold;
	font-size: 14px;
	font-family: Trebuchet, Verdana, Palatino, Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	height: auto;
	color: #96792C;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	font-family: Trebuchet, Verdana, Palatino, Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	height: auto;
	color: #96792C;
}

/* basic links */
a:link{
color: #000;
font-weight: none;
text-decoration:none;
}
a:visited{
color: #000;
font-weight: none;
text-decoration:none;
}
a:hover{
color: #524F24;
text-decoration:underline;
}

/* Formatting for modules */
table.moduletable
	{
	width: 95%;
	padding-left: 2px;
	text-align: left;
}

/* content/data text for the modules */
table.moduletable.td {
	font-size: 0.7em;
	font-weight: bold;
	}

/***** module setups *****
*************************/


table.moduletable-newsflash {
	font-size: 8px; /*miksi ei toimi perkele*/
	font-weight: lighter;
	margin-bottom: 5px;
/*	background-color: #ffffff;*/
	}

table.moduletable-whos {
	font-size: 8px; /*miksi ei toimi perkele*/
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
/*	background-color: #ffffff;*/
	}
	
table.moduletable-login {
	margin-bottom: 5px;
	margin-top: 5px;
/*	background-color: #ffffff;*/
	}

/* component-heading IMPORTANT */
th {
	font-size:11px;
/*	font-weight: bold; */
	font-variant: small-caps;
	font-family: trebutchet, verdana;
/*	color: #fff; */
	padding-left: 8px;
	text-align: left;
	color: #554F12;
	}
	
/* content IMPORTANT */
td {
	font-size: 11px;
/*	font-family: trebutchet, verdana; */
	color: #000;
	line-height: 130%;
	color: #554F12;
	}
	
.contentpaneopen-newsflash{
background-color: #FFFFFF;
}	
	
/*
.inputbox {
	background-color: #F7F3EF;
	}*/

  		table.shout td {
		letter-spacing: 0.1pt;
		text-indent: 5px; 
		line-height: 110%;
		font-size: 11px;
		background-color: #E79659;
		color: #FFD5D5;
		text-align: left;
		}
	
.pagenav {
	/* as the name implies, this is for formatting texts for
	   those "<< Start < Previous 1 Next > End >>" links */
	font-weight: bold;
}

.button {
	/* this style applies to most form buttons generated by
	   Mambo and its components. Change its format here*/
	color: #FFFFFF; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 10px;
	background: #BDB138;
	border: 1px solid #786F18;
	height: 20px;
	}

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #FFFFF0;
  line-height      : 14px;
}

.pollstableborder {
	/* set the border properties of the polls voting table */
	border: 1px dotted #465675;
	padding-right: 5px;
}

/* All internal headings, including the contact page */
.componentheading, .contact.th {

	font-weight: bold;
	font-size: 18px;
	font-family: Trebuchet, Verdana, Palatino, Helvetica, Arial, sans-serif;
	border-bottom: 1px #96792C dotted;
	letter-spacing: -1px;
	height: 20px;
	color: #96792C;
	margin-top: -1px;
	}

.contentheading {

	font-weight: bold;
	font-size: 14px;
	font-family: Trebuchet, Verdana, Palatino, Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	height: auto;
	color: #96792C;
	}

/* Pathway and other stuff */
.small {

font-size: 10px;
letter-spacing: 0px;
font-weight: bold;
color: #7F7B57;
}

.createdate, .modifydate {
	font-size: 10px;
	color: #7F7B57;
	}