/* 
** NEXTIME SOLUTIONS 
** www.nextime.fi stylesheet
** mika porspakka 2004
*/

/* MENU */
@import url(nxt_menu2.css);
/* NORMAL CONTENT PAGES */
@import url(nxt_content2.css);
/* FRONT PAGE */
@import url(nxt_front2.css);

html{
}

body{
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	background: #EBF6FC url(images/bg4_page.gif) repeat-x top; 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}

/* all content is inside container */
#container {
	width: 750px;
	background: #F5FBFC url(images/bg4_content.jpg) repeat-x top; 
	/* background-color: #fff; */
	padding: 0px;
	margin: 10px auto;	
	text-align:left;
	border: 2px solid #fff; 
	width: 750px; /* ie5 uses this width*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 746px; /* ok browsers use this width*/
}
/* be nice to opera5 */
html>div.menuitem a  {
	width: 746px;
}

/* PAGE TOP */
#pTop {
	background-color: transparent ;
	width: 750px;
	/*height: 95px;*/
	margin: 0px;
	vertical-align: middle;
}
#pTop a {
	margin-left: 20px;
	margin-bottom: 10px;
	width: 680px;
	height: 57px;
	background: transparent url(images/logo_nextime.gif) no-repeat top left;
	display: block;
}
#pTop a span, #pTop a h1{
	display: none;
}

/* PAGE PICTURES */
#pPicture {
	width: 750px;
	background-color: transparent;
	margin: 0px;
}
#pPicture img {
	margin: 10px 10px 11px 10px;
	border: 0px;
}

/* CONTENT */
#pContent{
	width: 730px;
	margin: 0px;
	padding: 0px 10px;
	background-color: transparent ;
}
/* content area includes the floating divs for the two columns
therefore we need some gimmicks so that the cArea "knows" how high
it is (parent isn't aware of float children) */
#cArea {
	width: 730px;
	background: transparent ;
	padding-bottom: 10px;
}
/* mozilla background fix (HUH?) */
#cArea:after {
	clear: both;
	content: " ";
	font-size: 1px;
	line-height: 1px;
	display: block;
}
/* opera/ie (+other browsers that don't understand :after) background fix */
#cColClear {
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

/* h2 = content headers */
h2 {
	display: block;
	color: #3A86C1;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #fff ;
	border-bottom: 1px solid #C7DDED;
}
h2 a {
	display: block;
	color: #3A86C1;
	text-decoration: none;
}
h2 a.menutitle {
	color: #3A86C1;
}
h2 a:hover {
	color: #FF0000;
}
/* h3 = breadcrumbs / path */
h3 {
	display: block;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
	color: #f00;
	margin: 0px;
	padding: 0px 5px;
}
h3 a {
	color: #3A86C1;
	text-decoration: none;
}
h3 a:hover {
	text-decoration: underline;
}

/* h4 = ie. frontpage current events headers */
h4 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #3A86C1;
	margin: 10px 5px;
}

/* PAGE BOTTOM */
#bottom {
	text-align: center;
}
#pBottom{
	height: 22px;
	background-color: #fff ;
	margin: 0px auto;
	margin-bottom: 10px ;
	vertical-align: middle;
	border: 1px solid #C7DDED;
	width: 730px; 
}
#pBottom p {
	font-size: 10px;
	line-height: 13px;
	color: #3A86C1;
	margin: 4px 0px 0px 0px;
}
#pBottom img {
	border: 0px none #fff;
	margin-right: 5px;
	vertical-align: middle;
}
#pBottom p.left {
	float:left;
	margin-left: 10px;
}
#pBottom p.right {
	float:right;
	margin-right: 10px;
}
#pBottom p a {
	margin-right: 10px;
	color: #3A86C1;
	text-decoration: none;
}
#pBottom p a:hover {
	text-decoration: underline;
}