/*****

DEFAULT
LIST
TABLE
IMAGE
LINK
TEXT
HEADER
TEMPLATE

*****/



/* DEFAULT */

body {
	margin: 0;
	padding: 0;
	
	background-color: #ffffff;
	
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

/*
html, body, #maintable {
	height: 100%;
	margin: 0;
	padding: 0;
}
*/

/*
body > a,
body > a:link,
body > a:visited,
body > a:active,
body > a:hover,
body > a:focus {
	margin: -1px 0 -1px 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
	line-height: 0px;
	position: absolute;
}
*/

/* LIST */

ul {
	margin: 5px 0 5px 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	margin: 0;
	padding: 0 0 0 12px;

	background-image: url(/annamulleaikaa/images/liviiva.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
}

ul li ul {
	margin: 5px 0 5px 0;
	padding: 0;
	list-style-type: none;
}

ul li ul li {
	margin: 0;
	padding: 0 0 0 12px;

	background-image: url(/annamulleaikaa/images/liviiva.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
}

ol {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}

ol li {
	margin: 0 0 0 22px;
	padding: 0 0 0 -8px;
	
	background-image: none;
}

ol li ol {
	margin: 0;
	padding: 0;
	list-style-type: lower-alpha;
}

ol li ol li {
	margin: 0 0 0 22px;
	padding: 0 0 0 -8px;
	background-image: none;
}



/* TABLE */

table {
	margin: 0;
	padding: 0;

	border: none;
	empty-cells: show;
	border-spacing: 0;
	border-collapse: collapse;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

td, th {
	padding: 0;
	border: none;

	vertical-align: top;
	text-align: left;
}

thead {
	border: none;
}

tbody {
	border: none;
}

tfoot {
	border: none;
}



/* IMAGE */

img {
	margin: 0;
	border: none;
	outline-style: none;
}



/* LINK */

a, a:visited, a:link {
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #f12938;

	text-decoration: underline;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

a:active, a:hover {
	text-decoration: none;
}

a:focus {
	outline-style: none;
}



/* TEXT */

.smallText {
	margin: 0;
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

p, .p {
	margin: 0;
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

pre {
	margin: 0;
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #f12938;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup {
}

sub {
}

blockquote {
	margin: 0 0 0 30px;
	padding: 0;
}

hr {
	color: #000000;
	background-color: #000000;
	height: 1px;
	border: none;

/* TEMP
	height: 0;
	border: none;
	border-bottom: 1px solid #c5c0bf;
	background-color: #c5c0bf;
*/
}


/* HEADER */

h1, .h1 {
	margin: 0 0 10px 0;
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	color: #000000;

	text-decoration: none;
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

h2, .h2 {
	margin: 0 0 5px 0;
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #000000;

	text-decoration: none;
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

h3, .h3 {
	margin: 0 0 5px 0;
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color: #000000;

	text-decoration: none;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

h4, h5, h6 {
	margin: 0;
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000000;

	text-decoration: none;
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}






/* TEMPLATE */

div#wrap {
	margin: 0 auto 0 auto;
	width: 880px;
}

div#page {
	margin: 0 auto 0 auto;
	width: 850px;
}

div#fixtop {
	width: auto;
	height: 50px;
}

div#header {
	margin: 0 0 30px 0;
	height: 80px;
}

div#contenthome {
	margin: 0 15px 0 0;
	width: 595px;
/*	height: 612px; */
	
/*
	background-image: url(/annamulleaikaa/images/kalenteriimg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
*/
	overflow: hidden;
	
	float: left;
}

div#contenttext {
	margin: 15px 15px 0 0;
	width: 595px;
	
	float: left;
}


img#mapCalendar {
	width: 595px;
	height: 612px;
}

div#comments {
	display: none;
	position: absolute;
	
	background-image: url(/annamulleaikaa/images/comments.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;

	left: 0px;
	top: 0px;
}

area.maparea {
	cursor: pointer;
}

div#content {
	margin: 32px 15px 0 0;
	width: 595px;
	overflow: hidden;

	float: left;
}

div#left {
	margin: 0 15px 0 0;
	width: 290px;
	overflow: hidden;

	float: left;
}

div#right {
	width: 290px;
	overflow: hidden;

	float: left;
}

div#nav {
	margin: 32px 0 0 0;
	width: 240px;

	float: left;
}

#navigation ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style-type: none;
	width: 240px;
}

#navigation ul li {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;

	background-image: none;
}

#navigation ul li a {
	display: block;
	margin: 0;
	padding: 0 0 0 14px;
	color: #000000;
	text-decoration: none;
	background-image: none;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	line-height: 1.2;
	font-weight: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

#navigation ul li a.current,
#navigation ul li a.current:hover {
	display: block;
	color: #f12938;
	text-decoration: underline;
	padding: 0 0 0 14px;
	background-image: url(/annamulleaikaa/images/red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.2em;
}

#navigation ul li a:hover {
	display: block;
	text-decoration: underline;
}

#navigation ul li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 240px;
}

#navigation ul li ul li {
	display: block;
	margin: 0;
	padding: 0 0 5px 24px;
	text-align: left;

	background-image: none;
}

#navigation ul li ul li a {
	display: block;
	margin: 0;
	padding: 0 0 0 14px;
	color: #000000;
	text-decoration: none;
	background-image: none;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	line-height: 1.2;
	font-weight: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;

	background-image: url(/annamulleaikaa/images/libgimage.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.6em;
}

#navigation ul li ul li a.current,
#navigation ul li ul li a.current:hover {
	display: block;
	color: #f12938;
	text-decoration: underline;
	padding: 0 0 0 14px;
	background-image: url(/annamulleaikaa/images/red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.2em;
}

#navigation ul li ul li a:hover {
	display: block;
	text-decoration: underline;
}

div#banner {
	width: 168px;
	height: 257px;
	background-image: url(/annamulleaikaa/images/pinssit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

img#mapBanner {
	width: 168px;
	height: 257px;
}

div#footer {
	margin: 15px 0 15px 0;
	width: 850px;
	float: left;
}

div#logo {
	width: 850px;
	height: 67px;

	border-bottom: 1px solid #000000;
}

div#nuortenakatemia {
	width: 220px;
	height: 67px;
	float: right;
}

div#demi {
	width: 90px;
	height: 67px;
	float: left;
}

div#copyright {
	margin: 10px 0 0 0;
	width: 850px;

	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div#copyright a, div#copyright a:visited, div#copyright a:link {
	padding: 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000000;

	text-decoration: underline;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div#copyright a:active, div#copyright a:hover {
	text-decoration: none;
}

div#copyright a:focus {
	outline-style: none;
}



/* POPUP */
div.popup {
	position: relative;
	
	z-index: 10;
}
div.close {
	margin: 0 0 5px 0;
	text-align: right;
}

/* PINSSIT/PALAUTE ETUSIVU + LOMAKKEET */

div#remindmeform, div#challengeform, div#feedbackform {
	padding: 15px 15px 15px 15px;
	width: 480px;

	background-color: #ffffff;
	
	position: absolute;
	left: 56px;
	top: 210px;

	border: 1px solid #000000;
	
	display: none;
	
	z-index: 11;
}

form {
	margin: 0;
	padding: 0;
}

input.text {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 2px;
	width: 300px;

	background-color: #ffffff;
	border: 1px solid #000000;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

input.submit {
	margin: 5px 0 0 0;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div.checkbox {
	margin: 0 0 5px 0;
}

textarea.text {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 2px;
	width: 300px;
	height: 80px;

	background-color: #ffffff;
	border: 1px solid #000000;

	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000000;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
/*	white-space: normal;
	word-spacing: normal;
*/
}