/* Styles starting with '* html' affect only IE-Browsers */
/* Styles starting with 'body:first-child > >' affect only Koqueror-Browsers, Version < 3.4 */

/* COLORS*/
/*
COLOR			LOOKS LIKE		EXAMPLE
----------------------------------------------------------
#FFFFFF			white
#727777			dark grey: 		text etc
#d0d8dd			lite grey: 		background
#eff3f7 		lite grey: 		background, middle column
#eff1f3			lite grey:		navigation column
#637785			dark blue-grey: background banner
#8e9292			grey: 			background banner, footer
#a45052			red: 			active Link, hover Link
#e9d4d5			lightred		red background
*/
/* END COLORS*/
 
 
/*  FONTS, BODY ETC  */  
html {
	height:100%; 
	max-height:100%; 
	padding:0px; 
	margin:0px; 
	border:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border:0px;
}
	
body, div,p,td,p,a,li,span,input,select,Textarea {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-style: normal; 
	line-height: 16px; 
	font-weight: normal; 
	text-transform: none; 
	color: #727777; 
}	

body#follow {
	background-color: #d0d8dd;
	background-image: url(../images/bg-horz.gif);
	background-repeat: repeat-y;
}

H1 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	height: 14px;
	margin: 0px;
	padding: 0px 0px 17px;
	line-height: 14px;
	border: 0px none;
}

div.Content#ContentContainerRigh H1 {
	color: #a45052;
}

.red {
	color: #a45052;
}

.grey {
	color: #8e9292;
}

a {
	text-decoration: none;
}

Input.w170,
select.w170 {
	width: 170px;	
}

Input.w110,
select.w110 {
	width: 105px;
	margin-right: 20px;		
}

* html input.w110, select.w110 {
	width: 110px;	
}

input.w50,
select.w50 {
	width: 50px;
	margin-right: 10px;	
}

textarea.w370h100{
	width: 360px;
	Height: 100px;
	padding-right: 20px;	
}
	
/* Tables */
table.formfields td {
	padding-bottom: 5px;
}	

.mandatory {
	color: #a45052;
}	
/* +++++++++++++++++++++++++++ CONTENT CONTAINER +++++++++++++++++++++++++++++++ */	

div.ContentAll {   
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:104px; 
	bottom:32px; 
	width:100%; 
	margin-left:0px; 
	left:0px; 
	background:#d0d8dd;
	background-image: url(../images/bg-horz.gif);
	background-repeat:repeat-y;
	}

.bg2 div.ContentAll {
	background:#d0d8dd;
	background-image: url(../images/bg-horz2.gif);
	background-repeat:repeat-y;
}

.bg3 div.ContentAll {
	background:#d0d8dd;
	background-image: url(../images/bg-horz3.gif);
	background-repeat:repeat-y;
}

* html div.ContentAll {
	top:0px; 
	bottom:0px; 
	height:100%;
	border-top:105px solid #fff; 
	border-bottom:30px solid #fff;
	background: #d0d8dd;
	background-image: url(../images/bg-horz.gif);
	background-repeat:repeat-y;
	}

* html body.bg2 div.ContentAll {
	background:#d0d8dd;
	background-image: url(../images/bg-horz2.gif);
	background-repeat:repeat-y;
}

* html body.bg3 div.ContentAll {
	background:#d0d8dd;
	background-image: url(../images/bg-horz3.gif);
	background-repeat:repeat-y;
}

/* CONTENT CONTAINER */
div.ContentAll div.Content {
	display:block; 
	overflow:visible; 
	position:absolute; 
	z-index:3; 
	top:0px; 
/*	bottom:32px; */
	left:230px; 
	width:669px;  
	height:100%;
	margin-left:0px; 
	background-color:#eff3f7; 
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.bg2 div.ContentAll div.Content,
.bg3 div.ContentAll div.Content {
	background-color: transparent;
}

* html div.ContentAll div.Content {
	width:671px; 
}

div.Content#ContentContainer {
	display:block;
	overflow:auto;
	position:absolute;
	z-index:3;
	top:104px;
	bottom:32px;
	width:629px;
	margin-left:0px;
	left:230px;
	background:#eff3f7;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding: 20px 20px 20px 20px;
}

* html div.Content#ContentContainer {
	top:0px; 
	bottom:0px; 
	height:100%;
	width:671px;
	border-top:105px solid #fff; 
	border-bottom:30px solid #fff;
}

/* POSITION AND SIZE FOR 2COLUMN-CONTENT LAYOUT  */
/* scroll separately */
div.Content#ContentContainerLeft {
	display:block;
	overflow:auto;
	position:absolute;
	z-index:3;
	top:104px;
	bottom:32px;
	width:390px;
	margin-left:0px;
	left:230px;
	background:#eff3f7;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding: 20px 20px 20px 20px;
}


* html div.Content#ContentContainerLeft {
	top:0px;
	bottom:0px; 
	height:100%;
	width:432px;
	border-top:105px solid #fff; 
	border-bottom:30px solid #fff;
}

div.Content#ContentContainerRight {
	display:block;
	overflow:auto;
	position:absolute;
	z-index:3;
	top:104px;
	bottom:32px;
	width:239px;
	margin-left:0px;
	left:660px;
	background:#eff3f7;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding: 20px 0px 20px 0px;
}

* html div.Content#ContentContainerRight {
	top:0px;
	bottom:0px; 
	left:661px;
	height:100%;
	width:240px;
	border-top:105px solid #fff; 
	border-bottom:30px solid #fff;
}

/* + + + + + + + + + + */ 

div.Content div#ContentContainerLeft {
	display:block;
	overflow:visible;
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	bottom:0px;
	width:387px;
	Height: 217px;
	background-color: #ffffff;
	margin-left:0px;
	border-right:1px solid #ffffff;
	padding: 20px 20px 20px 20px;
}


* html div.Content div#ContentContainerLeft {
	top:0px;
	bottom:0px; 
	width:427px;
	Height: 256px;
}

div.Content div#ContentContainerRight {
	display:block;
	overflow:visible;
	position:absolute;
	z-index:3;
	top:0px;
	bottom:0px;
	width:242px;
	margin-left:0px;
	left:426px;
	border-left:1px solid #ffffff;
	padding: 20px 0px 20px 0px;
}

* html div.Content div#ContentContainerRight {
	top:0px;
	bottom:0px; 
	left:427px;
	height:100%;
	width:244px;
}


/* +++ */

div.Content div#ContentContainerLeft2 {
	display:block;
	overflow:visible;
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	bottom:0px;
	margin-left:0px;
	border-right:1px solid #ffffff;
	width:202px;
	Height: 217px;
	background-color: #e9d4d5;
	padding: 20px 20px 20px 20px;
}


* html div.Content div#ContentContainerLeft2 {
	width:242px;
	Height: 257px;
	top:0px;
	bottom:0px; 
	Height: 256px;
}

div.Content div#ContentContainerRight2 {
	display:block;
	overflow:visible;
	position:absolute;
	z-index:3;
	top:0px;
	bottom:0px;
	margin-left:0px;
	border-left:1px solid #ffffff;
	width:387px;
	left:242px;
	padding: 20px 20px 20px 20px;
}

* html div.Content div#ContentContainerRight2 {
	top:0px;
	bottom:0px; 
	Height:100%;
	left:242px;
	width:427px;
}


/* WELCOME TEXT in CONTENT */
#Welcome {
	position:absolute; 
	margin: 0px; 
	left:0px; 
	top:0px; 
	width: 629px;
	padding-left: 20px; 
	padding-right: 20px;  
	height:120px; 
	text-align:justify;
	background-color: #ffffff;
	z-index:6; 
}

* html #Welcome{
	width: 670px;
}

/* CONTAINER for IMAGE */
#RomImage {
	position:absolute; 
	margin: 0px; 
	left:0px; 
	top:120px; 
	height:135px; 
	background-color: #ffffff;
	border-top:1px solid #FFFFFF;
	z-index:7; 
}

/* CONTAINER for TEXT BENEATH IMAGE */
#IndexDetails {
	margin-left: 20px; 
	margin-right: 20px;  
	margin-top: 20px;  
	position:absolute; 
	left:0px; 
	top:257px;  
	background-color: #eff3f7;
	z-index:7; 
}

/*  LEFT TEXT */
#IndexDetails #leftCol{
	padding-right: 20px;
	width:350px;
	background-image:url(../images/line-y.gif);
	background-repeat: repeat-y;
	background-position: right;
	float:left;
}

/*  RIGHT TEXT */
#IndexDetails #rightCol{
	padding-left: 20px;
	width:230px;
	float:left;
}

/* RightPic */
div#picRight {
	position: absolute;
	top: 257px;	
}

* html div#picRight {
	top: 256px;	
}



/* ++++++++++++++++++++++++++++++ MENU ++++++++++++++++++++++++++++++++++*/

/*  MENU CONTAINER LEFT */
div.Menu {
	display:block; 
	overflow:hidden; 
	position:absolute; 
	z-index:2; 
	top:104px; 
	bottom:32px; 
	left:0px; 
	height:256px;
	width:100%; 
	margin-left:0px; 
	background-color:#eff1f3; 
	border-bottom: 1px solid #ffffff;
}

div.ContentAll div.Menu {
	top:0px; 
}

/* MAIN MENU, SUB MENU */
#MainMenu {	
 	position: absolute;
 	top: 0px;
 	left: 0px;
	padding-top: 20px;
}

#MainMenu div {
 	width:106px;
}

#MainMenu div,
#SubMenu div {
	margin:3px 0px 4px 0px;
}

* html #MainMenu div, 
* html #SubMenu div  {
	padding:1px 0px 1px 0px;
	margin:3px 0px 5px 0px;
}

#MainMenu div.on {
	background-color:#a45052;
}


#MainMenu div a,
#SubMenu div a {
	text-transform:uppercase;
	text-decoration:none;
	font-family:Tahoma, Helvetica, sans-serif;
	color:#727777;
	padding: 1px 7px 1px 13px;
	font-size:9px;
	font-weight:bold;
	line-height: 13px;
	background-position: 0px -1px;
	background-image: url(../images/main_menu_off.gif);
	background-repeat: no-repeat;
}


#MainMenu div.on a,
#SubMenu div.on a {
 	color:#FEFEFE;
}

#MainMenu div.on a, 
#MainMenu div.on a:hover,
#SubMenu div.on a, 
#SubMenu div.on a:hover {
	background-image: url(../images/main_menu_on.gif);
	background-repeat: no-repeat;
}

#MainMenu div a:hover,
#SubMenu div a:hover {
	background-image: url(../images/main_menu_over.gif);
	background-repeat: no-repeat;
}


body:first-child > > #MainMenu div a { 
	background-position: 0px -1px;
}


/* SUBMENU */
#SubMenu
 {	
 	position: absolute;
 	top: 0px;
 	left: 106px;
 	Height: 256px;
	padding-top: 20px;
	background-Image: URL(../images/line-y.gif);
	background-repeat: repeat-y;
}

#SubMenu div
 {
	width: 124px;
}	

#SubMenu div.on {
	background-color:#a45052;
}

/* +++++++++++++++++++++++ BANNER, HEADER, FOOTER ETC +++++++++++++++++++++++++++++ */

/* BANNER */
div.Banner {
	overflow:hidden;
	position:absolute; 
	margin-left:0px; 
	left:0px; 
	top:0px; 
	width:100%; 
	min-width:100%; 
	height:89px; 
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-x;
	background-color: #637785;
	z-index:5; 
	}

/* HEADLINE (grey) */
div.Header {
	position:absolute; 
	margin-left:0px; 
	left:0px; 
	top:89px; 
	width:100%; 
	min-width:100%; 
	height:15px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF; 
	background: #8e9292;
	z-index:9; 
	}

* html div.Header {
	height:18px;
}
	
div.Header div.nav {
	position: absolute;
	left: 230px;
	top: 0px; 
	width:669px; 
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
	
* html div.Header div.nav {
	width:671px; 
}	

div.nav #title {
	text-transform:uppercase;
	text-decoration:none;
	font-family:Tahoma, Helvetica, sans-serif;
	color:#FEFEFE;
	padding: 1px 13px 1px 20px;
	font-size:10px;
	font-weight:bold;
}

/* FOOTER */
div.Footer {
	text-align:center;
	position:absolute; 
	margin: 0px; 
	left:0px; 
	bottom:0px; 
	width:100%; 
	min-width:100%; 
	height:30px; 
	background: #8E9292;
	z-index:5; 
	border-top:1px solid #FFFFFF;
	color:#FEFEFE;
	vertical-align: middle;
	}

div.copyr {
	position:absolute;
	left: 230px;
	top: 0px;
	width: 670px;
	text-align: right;
	margin-top: 7px;
}
	
div.copyr span, div.copyr a  {
	color: #ffffff;
}


/* dotted line horiziontal */
div.xLine {
	line-Height: 1px;
	Height: 1px;
	background-image: url(../images/line-x.gif);
	background-repeat: repeat-x;
	}