/*
	Default Overwrite:
*/

html{overflow-y: scroll;}
body
{
	margin: 0px;
	background-color: #E8E8E8;
}

body, table, html, p, a
{
	font-family: "Trebuchet MS", Arial, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 18px;
}

p, blockquote, h1, h2, h3, h4, h5, form {margin: 0px;}

p					{padding: 6px 0px 6px 0px;}
blockquote	{padding: 2px 0px 6px 0px;}
h1, h2, h3, h4, h5	{padding: 18px 0px 8px 0px; color: #019fff;}
form				{padding: 0px;}

h1{font-size: 22px; line-height: 24px;}
h2{font-size: 18px; line-height: 20px;}
h3{font-size: 16px; line-height: 18px;}
h4{font-size: 14px; line-height: 16px;}
h5{font-size: 12px; line-height: 14px;}

a
{
	outline: none;
	text-decoration: none;
}

a:hover{text-decoration: none;}

img
{
	border: none;
	font-size: 11px;
}


/*
	Form Specific:
*/

.inputbox, .inputbox_medium, .inputbox_small, .inputbox_search, .inputbox_long, .inputarea
{
	padding: 2px;
	color: #786f70;
	border: solid 1px #9a9a9a;
	background-color: #ffffff;
}

.inputbox_long		{width: 500px;}
.inputbox			{width: 220px;}
.inputbox_medium	{width: 161px;}
.inputbox_small		{width: 50px;}

.inputarea			{width: 350px; height: 150px;}
.inputareaFCK		{font-size: 14px;}

.button
{
	padding: 0px 2px 0px 2px;

	border: solid 1px #94542c;
	background-color: #f8f0eb;
	color: #000000;
	cursor: pointer;
}

.textDisplay, .error{font-weight: bold;}
.textDisplay
{
	color: #786f70;
	padding: 3px;
}

.textRemarks
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.error
{
	font-size: 14px;
	color: red;
}

.updateMessage
{
	padding: 4px 4px 8px 4px;
	
	color: blue;
	font-weight: bold;
	font-size: 14px;
}


/*
	Other Default Classes:
*/

.globalsep
{
	clear: both;
	height: 1px; font-size: 1px; line-height: 1px;
	margin: 5px 0px 5px 0px;
	background-color: #928b7b;
}

.spacer-sml{clear: both; height: 10px;}
.spacer-med{clear: both; height: 40px;}
.spacer-lrg{clear: both; height: 100px;}

.imageHolder
{
	padding: 3px;
	background-color: #FFFFFF;
	border: solid 1px #4D3333;
}

.updateMessage	{color: green;}
.updateError	{color: red;}




/* ajax */
.ajLoading
{
	display: none;
	position: fixed;
	width: 250px;
	height: 80px;

	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -34px;
}

.ajLoading .transparentBackground
{
	z-index: 100;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;

	background-color: black;
	opacity:0.8;filter:alpha(opacity=80);
}

.ajLoading .transparentBackground img 
{
	position: absolute;
	top: 10px;
	left: 10px;
}

.ajLoading .foreground , .ajLoading .close
{
	position: absolute;
	z-index: 200;
	width: 169px;
	margin-left: 11px;

	font-family: arial, verdana, tahoma;
	color: white;
}

.ajLoading .close
{
	top: 7px; left: 219px;
	height: 20px;

	font-size: 12px;
}

.ajLoading .foreground 
{
	top: 30px; left: 70px;
	height: 60px;

	font-size: 24px;
}

/* 
	lang specific 
*/

.langHeader{padding: 10px;}

.langBox, .langArtBox
{
	float: right;
	padding: 3px;
	margin-left: 12px;
	margin-bottom: 8px;

	border-left: solid 1px #d0d0d0;
	border-bottom: solid 1px #d0d0d0;
}

.langArtBox span
{
	font-size: 11px;
	font-style: italic;
	padding-right: 4px;
}

.langArt_sel{color: #e89292; font-weight: bold;}
.langArt_dis{text-decoration: line-through;}
.langArt_act{text-decoration: underline;}

.langItem, .langItem_sel
{
	float: left;
	padding: 2px;
	margin: 2px;
}

.langItem		{padding: 3px;}
.langItem_sel	{border: solid 1px #e89292;}
/*
	Toggle (float top-left)
*/

.toggleEditButton
{
	position: fixed;
	left: 10px;
	top: 10px;
	padding: 10px;

	border: solid 1px #cccccc;
	background-color: #efefef;
}

.toggleBody
{
	display: none;

	position: fixed;
	z-index: 300;

	width: 630px;
	height: 410px;

	top: 50px;
}

/*
	Content: Global
*/

.mainBody
{
	background-image:url(images/gradient-top.jpg);
	background-repeat:repeat-x;
	width: 100%;

}

.mainHeader
{
	height: 117px;
	width:960px;
	margin-left: auto;
	margin-right: auto;
}

.header-left
{
	float: left;
	width: 306px;
}

.header-right, .menuContainer
{
	float: left;
	width: 654px;
}

.header-right{height: 73px;}
.menuContainer{height: 44px;}

.hr-search
{
	margin-left: 10px;
	float: right;
	clear: right;
	padding-top: 22px;
}


/*
	Menu - Horizontal Version
*/

.menuContainer
{
	position: relative;
}

/* single Main-Menu div */
.menuContainer .menu, 
.menuContainer .menuSel
{
	position: relative;
	float: left;
	padding: 13px 12px 13px 12px;
}

/* Main-Menu div - active class */
.menuContainer .menu:hover, 
.menuContainer .menuSel{background-color: #b8e4ff;}

/* Main-Menu div>link */
.menuContainer .menu a, 
.menuContainer .menuSel a
{
	font-size: 14px;
	color: #019fff;
	text-transform: uppercase;
}

/* Main-Menu div>link - active aclss */
.menuContainer .menu a:hover, 
.menuContainer .menuSel a{color: #000000;}


/* Hovering the active menu, display submenu container */
.menuContainer .menu:hover .menuContainerS, 
.menuContainer .menuSel:hover .menuContainerS, 
.menuContainer .menuContainerS:hover
{
	display: block;
}

/* Sub Menu - div container */
.menuContainerS
{
	display: none;
	position: absolute;
	z-index: 50;
	width: 199px;
}

/* Sub Menu - div inner/main content */
.ms-main
{
	z-index: 1200;
	margin: 13px 0px 0px -13px;

	/*background-color: #b8e4ff;*/
	background-image: url("images/transblue.png");
}

/* Single Sub Menu item div */
.ms-main .sub, 
.ms-main .subSel
{
	padding: 12px;
}

/* Sub Menu item div>link */
.ms-main .sub a
{
	color: #ffffff;
}

/* Sub Menu item div>link - active class */
.ms-main .sub a:hover, 
.ms-main .subSel a
{
	color: #e9e9e9;
}




menuMainFooter a {
	color: black;
}

.mainContent
{

}

.footer
{
	height: 290px;
	padding-top: 33px;
	background-image:url("images/footer.jpg");
}

.footer a{font-size: 11px;}

.foot-content
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.footer-header a
{
	font-size: 14px;
	color: #019fff;
	text-transform: uppercase;
}

.footer-subitems
{
	margin-top: 8px;
}

.footer-subitems a
{
	font-size: 11px;
	color: #333333;
	text-transform: none;
	line-height: 22px;
}


/*
	Content: Index
*/

.header
{
	margin-left: auto;
	margin-right: auto;
}

.header h1{padding: 0px 0px 8px 0px;}
.header h2{padding: 0px 0px 8px 0px; font-size: 14px;}

.gradientContent
{
	width: 100%;
	background-image: url("images/gradient-content.jpg");
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 48px 0px 48px 0px;
}

.content
{
	margin-left: auto;
	margin-right: auto;
	width:960px;
}

/*
	News Overview
*/

.news-ov-date
{
	font-size: 11px;
	font-style: italic;
}



#slideshow { z-index: 10; position: absolute; top: 117px; width: 800px; height: 233px; overflow: hidden; display: block; }
#slideshow img { position: relative; float: left; display: block; }
.whitefadeleft { width: 160px; height: 233px; background-image: url(images/whitefade-left.png); position: absolute; top: 0px; left: 0px; }
.whitefaderight { width: 160px; height: 233px; background-image: url(images/whitefade-right.png); position: absolute; top: 0px; right: 0px; }
#scrollbuttonleft { display: block; width: 43px; height: 43px; position: absolute; top: 89px; left: 0px; }
#scrollbuttonright { display: block; width: 43px; height: 43px; position: absolute; top: 89px; right: 0px; }


/* contact */

.contact-left, .contact-right, .cr-map, .cr-locations{float: left;}

.contact-left
{
	/*width: 380px;*/
	width: 580px;
	margin-right: 20px;
}

.contact-right
{
	/*width: 560px;*/
	width: 360px;
}

.cr-map
{
	position: relative;
	width: 343px;
	height: 470px;
	background-image: url("images/contact-map.png");
}

.map-location
{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 12px;
	height: 12px;

	background-image: url("images/dot.gif");
}

.cr-locations
{
	padding-left: 15px;
}

.loc-title{margin-bottom: 12px;}

.loc-title h3
{
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 6px 17px;

	color: #8b8b8b;
	cursor: pointer;

	background-image: url("images/dot.gif");
	background-repeat: no-repeat;
}


/* FAQ */ 

.faq-ov
{
	padding: 10px;
}

.faq-left
{
	float: left;
	width: 504px;
	padding-right: 10px;
	overflow: hidden;
	border-right: solid 1px #ff00ff;
}

.faq-right
{
	float: left;
	width: 395px;
	margin-left: 15px;
	overflow: hidden;
}

.faq-q{cursor: pointer;}

.faq-q.active h4 
{
	color: #ffffff;
	background-color: #009aff;
}

.faq-q h4
{
	padding: 0px 0px 6px 0px;
	margin-bottom: 6px;
	font-size: 12px;
	font-size: 14px;
	color: #009aff;
	border-bottom: solid 1px #dcd9ff;
	font-weight:normal;

}

.faq-a
{
	display: none;

	padding: 0px 6px 6px 6px;
}

.faq-a, .faq-a p
{
	color: #1f77a0;
}


/* search-results */

.search-results span
{
	font-size: 20px;
	line-height: 20px;
}
