/************ Structure ************/

#templateheader {
	font-size: 2.0em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #0000D0;
	background-color: #E5F0FF;
}

#topcell {
	background-color: #E5F0FF;
}

.leftSection {
	width: 99%;
	background: #FFFFFF;
	border: 2px solid #D5E8FF;
}

.leftSectionTitle {
	font-weight: bold;
	color: #0000D0;
	width: 100%;
	background: #D5E8FF;
}

#treeDiv1 {
	background: #ffffff;
	margin-top:1em;
	padding:1em;
	min-height:7em;
}

/************ Headings ************/

h1 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	text-decoration: none;
	color: #0000D0;
	text-align: left;
}

h2, .contentheading {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
	color: #0000D0;
	text-align: left;
}

/************ General ************/

/*	margin and padding on body element can introduce errors in determining element position
	and are not recommended. we turn them off as a foundation for YUICSS treatments. */
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 76%;
	font-family: Helvetica,Arial,sans-serif;
}

a:link, a:visited {
	color: #3366FF;
	text-decoration: none;
}

a:hover {
	color: #3366FF;
	text-decoration: underline;
}

a.buttonLink, a.buttonLink:hover {
	color: #000000;
	text-decoration: none;
}

.error {
	font-size: .9em;
	color: red;
}

/************ Images ************/

img {
	border-style: none;
}


/************ Miscellaneous ************/

.formFieldLabelCompulsory {
	font-size: 10px;
	color: red;
	font-weight: normal;
	text-align: left;
}

.formFieldLabel {
	font-size: 10px;
	color: #0000D0;
	font-weight: normal;
	text-align: left;
}

.accommodationTitle {
	font-size: 1.2em;
	color: #1520FF;
	font-weight: bold;
	text-align: left;
}



/* common styling */
.mainlevel-menu {
	font-family: arial, sans-serif;
	position:relative;
	font-size:11px;
	padding:0px 0px 0px 150px;
	margin:0px 0px 10px 0px;
	z-index:1; /* was 100 */
}

.mainlevel-menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.mainlevel-menu ul li {
	float:left;
	margin-right:1px;
	position:relative;
}
.mainlevel-menu ul li ul {
	display: none;
}

.mainlevel-menu ul li a, .mainlevel-menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:120px;
	height:20px;
	text-align:center;
	color:white;
	border:1px solid #fff;
	line-height:20px;
	font-size:11px;
	overflow:hidden;
	padding:1px 1px 1px 1px;
	background:#6666FF;
}


/* specific to non IE browsers */
.mainlevel-menu ul li:hover a,
.mainlevel-menu ul li.over a,
.mainlevel-menu ul span.over a {color:white; background:#6633FF;text-decoration:none;}	/* colour scheme B */

.mainlevel-menu ul li:hover ul,
.mainlevel-menu ul li.over ul,
.mainlevel-menu ul span.over ul {display:block; position:absolute; top:21px; left:0; width:105px;}

.mainlevel-menu ul li:hover ul li a.hide,
.mainlevel-menu ul li.over ul li a.hide,
.mainlevel-menu ul span.over ul li a.hide {background:#6633FF; color:white;}	/* colour scheme B */

.mainlevel-menu ul li:hover ul li:hover a.hide,
.mainlevel-menu ul li.over ul li:over a.hide,
.mainlevel-menu ul span.over ul span:over a.hide {background:#6666FF; color:white;}	/* colour scheme B */

.mainlevel-menu ul li:hover ul li ul,
.mainlevel-menu ul li.over ul li ul,
.mainlevel-menu ul span.over ul li ul {display: none;}

.mainlevel-menu ul li:hover ul li a,
.mainlevel-menu ul li.over ul li a,
.mainlevel-menu ul span.over ul li a {display:block; background:#6633FF; color:white; text-align:left;}	/* colour scheme B */

.mainlevel-menu ul li:hover ul li a:hover,
.mainlevel-menu ul li.over ul li a:hover,
.mainlevel-menu ul span.over ul li a:hover {background:#6633FF; color:white;}	/* colour scheme B */

.mainlevel-menu ul li:hover ul li:hover ul,
.mainlevel-menu ul li.over ul li:over ul,
.mainlevel-menu ul span.over ul span:over ul {display:block; position:absolute; left:105px; top:0;}

.mainlevel-menu ul li:hover ul li:hover ul.left,
.mainlevel-menu ul li.over ul li:over ul.left,
.mainlevel-menu ul span.over ul span:over ul.left {left:-105px;}

/* spacers */
.mainlevel-menu span {
	display:block;
	text-decoration:none;
	width:120px;
	height:20px;
	text-align:center;
	color:#fff;
	border:1px solid #fff;
	line-height:20px;
	font-size:11px;
	overflow:hidden;
	padding:1px 1px 1px 1px;
	background:#6633FF;
}
.mainlevel-menu span:hover,
.mainlevel-menu span.over {color:white; background:#6666FF;} /* colour scheme B */


.mainlevel-menu ul li a.hide, 
.mainlevel-menu ul li a:visited.hide {
  display:none;
}
.mainlevel-menu ul li a:hover ul li a.hide {
  display:none;
}


.mainlevel-menu ul li a:hover {color:white; background:#6633FF;}
.mainlevel-menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.mainlevel-menu ul li a:hover ul li a.sub {background:white; color:#fff;}
.mainlevel-menu ul li a:hover ul li a {display:block; background:#ddd; color:white;}
.mainlevel-menu ul li a:hover ul li a ul {visibility:hidden;}
.mainlevel-menu ul li a:hover ul li a:hover {background:#6666FF; color:white;}  /* colour scheme B */
.mainlevel-menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:white;}
.mainlevel-menu ul li a:hover ul li a:hover ul.left {left:-105px;}

/* blue */

body.yui-skin-sam {
	/*background: #78A7FF;*/
}

body.yui-skin-sam div#header {
	/*background: url(../images/jos_coris_header_t_blue_1.0.png) 0 0 repeat-x;*/
}

body.yui-skin-sam div#header_l {
	/*background: url(../images/jos_coris_header_tl_blue_1.0.png) 0 0 no-repeat;*/
}

body.yui-skin-sam div#header_r {
	height: 50px;
	/*background: url(../images/jos_coris_header_tr_blue_1.0.png) 100% 0 no-repeat;*/
}

body.yui-skin-sam div#footer {
	/*background: url(../images/jos_coris_shadow_b_blue_1.0.png) 0 0 repeat-x;*/
}

body.yui-skin-sam div#footer_l {
	/*background: url(../images/jos_coris_shadow_bl_blue_1.0.png) 0 0 no-repeat;*/
}

body.yui-skin-sam div#footer_r {
	height: 52px;
	/*background: url(../images/jos_coris_shadow_br_blue_1.0.png) 100% 0 no-repeat;*/
}

body.yui-skin-sam div#wrapper {
	/*background: #F7F7F7 url(../images/jos_coris_shadow_l_blue_1.0.png) 0 0 repeat-y;*/
}

body.yui-skin-sam div#wrapper_r {
	/*background: url(../images/jos_coris_shadow_r_blue_1.0.png) 100% 0 repeat-y;*/
}