/* yleiset luokat */
body { font-family: Verdana; font-size: 14px; font-weight: normal; color: #fff; line-height: 18px; margin: 0; padding: 0; background: #222; text-align: left; text-align: left; }
td { font-size: 12px; }
div { text-align: left; vertical-align: top; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { display: inline; }

#mainFrame {
	width: 998px;
	min-height: 840px;
	margin: 0 auto;
	background: url(../images/kreevia-bg.jpg) no-repeat;
}

#logo { width: 317px; margin: 50px 0 0 330px; float: left; }
#naviarea { height: 28px; margin: 40px 0 0 20px; float: left; }
#nav { list-style: none; margin: 0; padding: 0; }
#nav li { margin: 0 0 30px 0; padding: 0; }
#nav li div { color: #000; font-weight: bold; padding: 4px 0 0 12px; }
	.naviItem { width: 197px; height: 33px; display: block; background: url(../images/navi-normal.png) no-repeat; }
	.naviItem:hover { background: url(../images/navi-over.png) no-repeat; }
	.naviItemSel { width: 197px; height: 33px; display: block; background: url(../images/navi-over.png) no-repeat; }
	
#contentArea { width: 370px; margin: 60px 60px 0 112px; padding: 0; float: left; }
#bottomArea { font-size: 12px; margin: 30px 0 20px 30px; padding: 0; text-align: center; float: left; }

/* linkkistylet */
a:link	{ font-weight: bold; text-decoration: none; color: #033974; }
a:active { font-weight: bold; text-decoration: none; color: #033974; }
a:visited { font-weight: bold; text-decoration: none; color: #033974; }
a:hover	{ font-weight: bold; text-decoration: none; color: #033974; }

a.white:link	{ font-weight: normal; text-decoration: none; color: #fff; }
a.white:active { font-weight: normal; text-decoration: none; color: #fff; }
a.white:visited { font-weight: normal; text-decoration: none; color: #fff; }
a.white:hover	{ font-weight: normal; text-decoration: underline; color: #fff; }

/* otsikkostylet */
h1 { font-size: 18px; font-weight: bold; color: #033974; margin: 15px 0 12px 0; line-height: 20px; }
h2 { font-size: 20px; font-weight: bold; color: #033974; margin: 0 0 26px 0; }
h3 { font-size: 14px; font-weight: bold; color: #033974; margin: 0 0 4px 0; }
h4 { font-size: 18px; font-weight: normal; color: #033974; margin: 0 0 13px 0; text-align: center; }

/* listastylet */
ul { margin: 0px; padding: 0px; }
li { list-style-position: outside; margin-left: 30px; line-height: 1.5; }

/* input stylet */
input.text { font-family: Georgia; width: 250px; height: 16px; }
textarea.lomake { width: 350px; height: 80px; font-family: Georgia; font-size: 12px; }