/* 
	Copyright Sami Puro / 2007.
*/



/* 	GENERAL		*/

HTML, BODY {
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #000000;
	font-size: 12px;
	font-family: verdana, helvetica, sans-serif;
	background-color: #dce9f4;
	background-image: url("/layout/img/main_bg.png");
	background-repeat: repeat-x;
}
#Container {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}
#LogoArea {
	margin: 0 1px;
	padding: 5px 0 5px 0;
	height: 80px;
	border-bottom: 3px solid #c4262c;
	text-align: center;
}

#TitleBar {
	clear: both;
	height: 80px;
	border-top: 5px solid #ffffff;
}
#TitleBarLeft {
	width: 10px;
	height: 80px;
	float: left;
	background-image: url("/layout/img/titleleft_bg.gif");
	background-repeat: no-repeat;
}
#TitleBarRight {
	width: 10px;
	height: 80px;
	float: left;
	background-image: url("/layout/img/titleright_bg.gif");
	background-repeat: no-repeat;
}
#TitleBarCtr {
	float: left;
	width: 920px;
	height: 70px;
	background-color: #b12a1b;
	background-image: url("/layout/img/titlebar.gif");
	padding: 5px;
	color: #fbb569;
	font-family: "Trebuchet MS", trebuchet, tahoma, verdana, helvetica, sans-serif;
	font-weight: bold;
	overflow: hidden;
}

#MainSite {
	width: 100%;
	padding: 0;
	margin: 0;
}
#LeftSideTop {
	height: 25px;
	width: 200px;
	background-image: url("/layout/img/lefttop_bg.gif");
	background-repeat: no-repeat;
}
#LeftSide {
	width: 200px;
	background-color: #fece69;
	color: #000000;
	background-image: url("/layout/img/leftside_bg.gif");
	background-repeat: repeat-y;
	background-position: bottom;
}
#LeftSideLow {
	width: 200px;
	height: 25px;
	background-image: url("/layout/img/leftlow_bg.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}
#ContentArea {
	width: 750px;
	color: #000000;
}
#Footer {
	margin-top: 8px;
	padding: 5px 0 20px 0;
	border-top: 3px solid #c4262c;
	color: #8d8d8d;
	font-size: 90%;
	font-family: arial, helvetica, sans-serif;
}
#Footer table {
	text-align: left;
}





/*	NAVIGATION	*/

#MenuArea {
	clear: both;
	height: 35px;
	margin: 4px 0 6px 0;
}
#MenuBarLeft {
	width: 30px;
	height: 35px;
	float: left;
	background-image: url("/layout/img/menuleft_bg.gif");
	background-repeat: no-repeat;
}
#MenuBarRight {
	width: 30px;
	height: 35px;
	float: left;
	background-image: url("/layout/img/menuright_bg.gif");
	background-repeat: no-repeat;
}
#MenuBar {
	float: left;
	width: 890px;
	height: 35px;
	background-color: #c6c1a3;
	background-image: url("/layout/img/menubar_bg.gif");
	background-repeat: repeat-x;
	color: #000000;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
#MenuBar ul {
	list-style: none;
	white-space: nowrap;
	padding: 0 0 0 15px;
	margin: 0;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#MenuBar li {
	float: left;
	margin: 0;
	padding: 10px 15px 0 15px;
}
#MenuBar a {
	display: block;
	text-decoration: none;
	color: #000000;
}
* html #MenuBar a {
	width: 1%;
}
#MenuBar a:hover {
	text-decoration: underline;
}
#MenuBar li:hover, #MenuBar li.sfhover, #MenuBar li:hover a {
	text-decoration: underline;
	color: #e0e0e0;
}
#MenuBar li:hover a, #MenuBar li.sfhover a {
	text-decoration: underline;
}
#MenuBar #Active {
	background-position: 100% -68px;
}
#MenuBar #Active a {
	color: #e0e0e0;
}
#MenuBar #Active a:hover {
	color: #e0e0e0;
}


#LeftSide IMG {
	border: 1px solid #000000;
	margin: 4px 8px;
}



/*	CONTENT		*/

#PageContent {
	background-color: #ffffff;
	color: #000000;
	padding: 0px 7px 10px 10px;
	margin-left: 5px;
	background-image: url("/layout/img/pagecontent_bg.gif");
	background-repeat: repeat-y;
	background-position: bottom;
}
#PageContentTop {
	margin-left: 5px;
	height: 10px;
	background-image: url("/layout/img/pagecontenttop_bg.gif");
	background-repeat: no-repeat;
}
#PageContentFP {
	color: #000000;
	padding: 0 0 10px 0;
}

#PageContent Select, #PageContent Input, #PageContent Textarea, #SubMenuArea Input {
	font-size: 95%;
	color: #000000;
	BACKGROUND-COLOR: #F7F9FB;
	BORDER: #7F9DB9 SOLID 1px;
	MARGIN: 0 10px;
}
#PageContent TD {
}

P {
	color: #231f20;
	font-size: 105%;
	padding: 0px;
	margin: 15px 0;
	line-height: 150%;
	text-align: justify;
}
P A, P A:visited, #PageContent a, #PageContent a:visited, #PageContentFP a, #PageContentFP a:visited {
	color: #8e1d14;
	text-decoration: underline;
}
P A:hover, #PageContent a:hover, #PageContentFP a:hover {
	color: #311817;
}

blockquote {
	margin-left: 20px;
	margin-bottom: 20px;
}
#PageContentFP blockquote a, #PageContent blockquote a {
	BACKGROUND: url("/layout/news_img/link2.gif") no-repeat bottom left;
	PADDING: 0 0 0 17px;
	TEXT-DECORATION: underline;
}
#PageContentFP blockquote a:hover, #PageContent blockquote a:hover {
	BACKGROUND: url("/layout/news_img/link.gif") no-repeat bottom left;
}


#PageContent li {
	padding: 5px;
}



H1, H2, H3, H4, H5, H6 {
	FONT-FAMILY: "Trebuchet MS", trebuchet, tahoma, verdana, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	COLOR: #8e1d14;
	MARGIN: 0 0 15px 0;
	PADDING: 8px 0 0 0;
	LETTER-SPACING: 0.5px;
}
H1 {
	FONT-SIZE: 185%;
	margin-bottom: 8px;
}
H2 {
	FONT-SIZE: 160%;
}
H3 {
	FONT-SIZE: 145%;
}
H4 {
	FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
}
H5 {
	FONT-SIZE: 110%;
	FONT-WEIGHT: bold;
}
H6 {
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}
HR {
	BORDER: 0px;
	HEIGHT: 1px;
	BACKGROUND-COLOR: #708190;
	COLOR: inherit;
}
IMG.BoxPic {
	BORDER: 1px SOLID #000000;
	MARGIN: 15px;
}
IMG.Gallery {
	BORDER: 1px SOLID #000000;
	margin: 15px 0px;
}
.Fade {
	font-size: 80%;
	color: #888888;
}
DIV.ErrorBox {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 90%;
	margin: 10px;
	padding: 2ex;
	border: 2px dashed red;
	color: red;
	font-weight: bold;
	text-align: center;
}
DIV.MsgBox {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 90%;
	margin: 10px;
	padding: 2ex;
	border: 2px dashed green;
	color: green;
	font-weight: bold;
	text-align: center;
}




/*		NEWS			*/

#NewsContent {
	background-color: #ffffff;
	padding: 0 5px 0 5px;
	font-size: 95%;
	border-right: 1px solid #e9e9dd;
	border-left: 1px solid #e9e9dd;
}
#NewsContent H2 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 3px 5px;
}
#NewsContent .NewsItem {
	padding-bottom: 5px;
	border-bottom: 1px SOLID #b4b4a8;
	overflow: hidden;
	font-size: 93%;
	margin-bottom: 5px;
}
#NewsContent .Text {
	text-align: left;
	MARGIN: 10px 10px;
	PADDING: 0px;
}
#NewsContent .Links {
	MARGIN: 15px 0 5px 20px;
	font-size: 120%;
}
#NewsContent .Links a {
	BACKGROUND: url("/layout/news_img/link2.gif") no-repeat bottom left;
	PADDING: 0 0 0 17px;
	TEXT-DECORATION: underline;
}
#NewsContent .Links a:hover {
	BACKGROUND: url("/layout/news_img/link.gif") no-repeat bottom left;
}



#FPContainer {
	clear: both;
	width: 100%;
	height: 340px;
}
#FPAreaLeft {
	float: left;
	width: 500px;
	height: 330px;
	overflow: hidden;
}
#FPArea {
	float: left;
	width: 440px;
	height: 325px;
	background: url("/content/images/frontpage_right.gif") no-repeat top right;
	padding: 0px 10px 5px 0;
	overflow: hidden;
}
#FPContainer .Links {
	line-height: 200%;
}
#FPContainer .Links a {
	color: #8e1d14;
	BACKGROUND: url("/layout/news_img/link2.gif") no-repeat bottom left;
	PADDING: 0 0 0 17px;
	TEXT-DECORATION: underline;
}
#FPContainer .Links a:hover {
	color: #311817;
	BACKGROUND: url("/layout/news_img/link.gif") no-repeat bottom left;
}


.FPArea2Title1 {
	background: url("/layout/img/fparea2_top_left.png") left top no-repeat;
	height: 35px;
	overflow: hidden;
}
.FPArea2Title2 {
	background: url("/layout/img/fparea2_top_right.png") right top no-repeat;
	height: 35px;
	overflow: hidden;
	color: #8e1d14;
	padding: 4px 0px 0px 10px;
	font-size: 17px;
	font-weight: normal;
	font-family: "Trebuchet MS", trebuchet, tahoma, verdana, helvetica, sans-serif;
}
.FPArea2Footer1 {
	background: url("/layout/img/fparea2_low_left.png") left bottom no-repeat;
	height: 21px;
	overflow: hidden;
	margin-bottom: 15px;
}
.FPArea2Footer2 {
	background: url("/layout/img/fparea2_low_right.png") right bottom no-repeat;
	height: 21px;
	overflow: hidden;
}
.FPArea2Content {
	background-color: #ffffff;
	padding: 5px 5px 0 10px;
	border-right: 1px solid #e9e9dd;
	border-left: 1px solid #e9e9dd;
}