/* css properties for main layout */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background: #78C url(../image/right.bg.gif) repeat-y 794px 0px; 
	height: 100%;
	font: 80%/140% verdana, arial, helvetica, sans-serif;
}

html>body {
	font-size: 12px;
	line-height: 19px;
}


#container {
	/*background: #F1F1F9 url(../image/navi.bg.gif) repeat-y;*/
	background-color: #F1F1F9;
	background-repeat: repeat-y;
	background-image: url(../image/navi.bg.gif);
	background-position: 0px 117px; 
	
	float: left;
	height: 100%;
	width: 794px;
}

html>body #container {
	height: auto;
	min-height: 100%;
}

#head {
	height: 118px;
	width: 100%;
}

#main {
	float: left;
	width: 100%;
}

#navigation {
	background-color: #56A;
	background-repeat: repeat-y;
	background-image: url(../image/navi.bg.gif);
	float: left;
	overflow: hidden;
	width: 168px;
}

#content {
	display: table-cell;
	float: left;
	width: 625px;
}

#content .inner {
	margin: 12px 20px 20px;
}

/* head */

#headCaption {
	color: #FFF;
	position: absolute;
	left: 187px;
	top: 90px;
}

#headSearch {
	position: absolute;
	left: 649px;
	top: 88px;
	width: 130px;
}

#headSearch input.search {
	background: #E8C1C7;
	color: #C33;
	display: block;
	float: left;
	height: 15px;
	margin: 0 3px 0 0;
	padding: 0 1px 0;
	width: 100px;
}

html>body #headSearch input.search {
	height: 1.1em;
	min-height: 15px;
}

/* navi */

img.leftSpace {
	margin-left: 0.4em;
}

#navigation a {
	color: #F1F1F9;
	text-decoration: none;
}

#navigation a:hover {
	color: #E1E1E9;
	text-decoration: underline;
}

#navigation img {
	color: #FFF;
}

/* level 1 */

#navigation li {
	color: #F1F1F9;
	list-style-type: none;
	padding: 0 12px 0 20px;
}

#navigation ul {
	margin: 12px 0 12px 0;
}

/* level 2 */

#navigation li li {
	background: #78C;
}

#navigation li li.first {
	background: none;
}

#navigation li ul {
	border-left: 1px solid #78C;
	background: url(../image/subnavi.bg.top.gif) no-repeat;
	padding-top: 3px;
}


#navigation li li.last {
	background: url(../image/subnavi.bg.bottom.gif);
	height: 24px;
}

#navigation ul ul {
	margin: 2px 0 2px -20px;
	padding-left: 0;
}

/* level 3 */

#navigation li li li {
	padding-left: 40px;
}

#navigation li li li.first {
	padding: 0 12px 0 40px;
}

html>body #navigation li li li.first {
	padding: 0 12px 0 40px;
}

#navigation li li li.last {
	height: 18px;
	padding: 0 12px 0 40px;
}

#navigation ul ul ul {
	margin: 0 0 0 -20px;
	padding-left: 0;
}


/* content */

p, div.p, li, td, th, a {
	color: #448;
}

a {
	color: #C33;
}

a:hover {
	color: #A11;
}

div#contentEnd {
	border-top: 1px solid #78C;
	margin: 1em 0 0;
	padding: 2px 0;
}

div.quote {
	color: #448;
	font: 125%/120% 'Times New Roman', times, serif;
	padding: 1em 1em 1em 2em;
}

form {
	display: inline;
}

h1 {
	color: #448;
	font: 700 140%/140% verdana, arial, helvetica, sans-serif;
	margin: 0.7em 0 0.4em;
}

h2 {
	color: #448;
	font: 700 120%/120% verdana, arial, helvetica, sans-serif;
	margin: 0.7em 0 0.4em;
}

h3 {
	color: #448;
	font: 700 120%/120% verdana, arial, helvetica, sans-serif;
	font-style: italic;
	margin: 0.7em 0 0.4em;
}

div.iframeWrapper {
	margin: 0px -20px;
}

iframe {
	height: 470px; 
	margin: 12px auto;
	width: 626px;
}

iframe.external {
	border-bottom: 1px solid #78C;
	border-top: 1px solid #78C;
	margin: 0 auto;
}

iframe.internal {
	margin: 0 auto;
}

img {
	color: #448;
	font-style:italic;
}

img.control { /* gallery */
	margin-left: 6px;
}

img.tiny { /* gallery */
	border: 1px solid #C33;
}
img.tinyActive { /* gallery */
	border: 1px solid #78C;
}

img.gallery {
	border: 1px solid #78C;
}

img.rightSpace {
	margin-right: 0.4em;
}

li {
	list-style-type: none;
}	

object.mp3 {
	height: 50px;
	width: 100%;
}

p, div.p {
	margin-bottom: 0.5em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	text-align: left;
	vertical-align: top;
}

td.descKey {
	padding: 0 1.2em 0.5em 0;
	white-space: nowrap;
}

td.descValue {
	padding: 0 0 0.5em;
}

table.table td {
	border: 1px solid #C33;
	padding: 0.1em 1em;
}

table.table th {
	border: 1px solid #C33;
	font-weight: 700;
	padding: 0.1em 1em;
}

/* contact form */

#contactForm div {
	clear: left;
	margin: 10px 0;
}

#contactForm label {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 90px;
}

#contactForm input.l, #contactForm textarea {
	background: #F1F1F9;
	border: 1px solid #78A;
	width: 250px;
}

#contactForm input.submit {
	border: 1px solid #C33;
	color: #C33;
}

#errors p {
	color: #C33;
	font-weight: 700;
}

/* search form */

.inlineSearch {
	border: 1px solid #C33;
	color: #C33;
	display: block;
	float: left;
	height: 17px;
	margin: 0 2px 0 0;
	padding: 0 1px 0;
	width: 168px;
	voice-family: "\"}\"";
	height: 15px;
	voice-family: "\"}\"";
}

/*
	special @layout properties
*/

div.L_center {
	text-align: center;
}

div.imgWrapper {
	text-align: center;
}

div.imgWrapper img {
	display: block;
	margin: 0 auto 0;
}

div.imgScrollWrapper {
	border: 1px solid #78C;
	overflow: auto;
	width: 583px;
}

div.L_topSpacing {
	margin-top: 2em;
}

h2.L_weak {
	color: #448;
	font: 700 100%/100% verdana, arial, helvetica, sans-serif;
	margin-top: 2em;
}

ul.L_2col li {
	float: left;
	width: 291px;
}

ul.L_2col li li {
	float: none;
	width: auto;
	margin: 0;
}

table.noBorder td,table.noBorder th {
	border: none;
}

/*
	print stylesheet
*/

@media print {
	
	* {
		background: none;
		color: #FFF;
	}
	
	#head, #navigation, #contentEnd {
		display: none;
	}

}