/* ! Layout */

body {
	background: #02599e;
	color: #404040;
	font-family: "Arial", "Lucida Sans", sans-serif;
	font-size: 13px;
	text-align: center;
	}

	#container {
		background: #fff;
    border-bottom: #02599e solid 5px;
    border-left: #02599e solid 5px;
    border-right: #00b5df solid 5px;
    border-top: #00b5df solid 5px;
		margin: 30px auto;
		text-align: left;
		width: 850px;
		}

		#header {
			border-bottom: 1px #02599e solid;
			line-height: 1px;
			overflow: hidden;
			padding: 0;
			position: relative;
			}

			#header .left {
				float: left;
				width: 180px;
				}

			#header .right {
				float: right;
				width: 180px;
				}

			#header h1 {
				background: url( '/image/zenshiatsu-small.gif' );
				height: 57px;
				left: 260px;
				position: absolute;
				top: 30px;
				width: 292px;
				}

				#header h1 span {
					display: none;
					}

		#navigation {
			border-bottom: 1px #02599e solid;
			font-size: 0.85em;
			text-align: center;
			-width: 901px; /* IE hack */
			}

      #navigation ul {
        text-align: left;
        width: 700px;
        margin: 0 auto;
        }

			#navigation ul li {
				float: left;
				height: 25px;
				position: relative;
				}

				#navigation ul li a {
				  display: inline-block;
				  height: 25px;
					line-height: 25px;
					padding: 0 12px;
          -padding-top: 5px; /* IE hack */
					}

				#navigation ul li ul {
					border: 1px solid #666;
					display: none;
					height: auto;
					left: 10px;
					margin: 0;
					padding: 0;
					position: absolute;
					text-align: left;
					top: 25px;
					width: 210px;	
					z-index: 1000;
					}

					#navigation ul li.right-side ul {
						left: -120px;
						}

					#navigation ul li.over ul {
						display: block;
						}


					#navigation ul li ul li a {
						line-height: 25px;
						border: none;
						background: #fff;
						border-bottom: 1px solid #666;
						display: block;
						width: 190px;
						-width: 210px; /* IE hack */
						padding: 3px 10px 4px 10px;
						}

						#navigation ul li ul li a:hover {
							background: #ccc;
							}

    #secondary-navigation {
      background: #00b5df;
      color: #fff;
      padding: 5px 5px 2px 5px;
      text-align: center;
      }

      #secondary-navigation a {
        color: #fff;
        }

      #secondary-navigation a.current {
        color: #02599e;
        }

		#content {
			border-bottom: 3px #00b5df solid;
			border-top: 3px #00b5df solid;
			-width: 901px; /* IE hack */
			}

			#content ul {
				list-style: disc;
				left: 1.5em;
				position: relative;
				}

			#left-sidebar {
				float: left;
				width: 150px;
				}

			#right-content {
				float: right;
				width: 650px;
				}

			.left {
				float: left;
				width: 410px;
				}

				.left .large-photo {
					float: right;
					margin: 15px 0 15px 15px;
					}

			.right {
				float: right;
				width: 440px;
				-width: 480px; /* IE hack */
				}

				.right .text {
					line-height: 1.3em;
					margin: 0 0 1em 15px;
					}

					.right .text p {
						font-size: 16px;
						margin: 15px 15px 0 0;
						}

					.right .text img {
						margin-top: 1em;
						}

			.people-list .vcard {
				float: left;
				width: 200px;
				margin-right: 2em;
				margin-top: 2em;
				}

				.people-list .vcard .photo {
					height: 250px;
					}

				.people-list .vcard .fn ,
				.people-list .vcard .title {
					font-weight: bold;
					}

			#upcoming-classes {
				border-top: 3px #00b5df solid;
				padding: 20px 10px 0 10px;
				}

				#upcoming-classes h2 {
					color: #02599e;
					font-size: 2em;
					text-align: center;
					}

				#upcoming-classes .upcoming-class {
					float: left;
					background: #02599e;
					border: 2px #00b5df solid;
					color: #fff;
					margin: 10px;
					text-align: center;
					width: 252px;
					-width: 262px; /* IE hack */
					}

					#upcoming-classes .upcoming-class h3 {
						font-family: sans-serif "Lucida Sans";
						font-size: 1.3em;
						margin-top: 10px;
						text-align: center;
						}

					#upcoming-classes .upcoming-class img {
						height: 100px;
						margin-top: 1em;
						}

					#upcoming-classes .upcoming-class p {
						margin-left: 1em;
						text-align: left;
						}

					#upcoming-classes .upcoming-class .instance {
						font-weight: bold;
						}

					#upcoming-classes .upcoming-class .more-info {
						float: left;
						margin: 1em;
						}

					#upcoming-classes .upcoming-class .register {
						float: right;
						margin: 1em;
						}

		#footer {
			border-top: 1px #02599e solid;
			padding: 2em 0;
			text-align: center;
			-width: 901px; /* IE hack */
			}

			#footer .vcard .photo {
				height: 58px;
				margin: 10px 0;
				width: 60px;
				}

/* ! Style */

a {
	color: #02599e;
	text-decoration: none;
	}

a.light-blue-box {
	background: url( /image/box/light_blue.png ) top left no-repeat;
	color: #fff;
	display: block;
	font-size: 1.2em;
	height: 45px;
	padding-top: 15px;
	text-align: center;
	width: 152px;
	}

p {
	margin-top: 15px;
	}

h2 , h3 , h4 , h5 , h6 {
	font-size: 2em;
	font-weight: bold;
	}

h3 {
	font-size: 1.8em;
	}

h4 {
	font-size: 1.6em;
	}

h5 {
	font-size: 1.4em;
	}

h6 {
	font-size: 1.2em;
	}

.container a {
  text-decoration: underline;
  }

li .header {
	background: #eee;
	padding: 3px;
	}

.dark-blue-box {
	margin-left: 4px;
	width: 145px;
	}

	.dark-blue-box .top {
		background: url( /image/box/dark_blue/top.png ) top left no-repeat;
		height: 15px;
		}

	.dark-blue-box .middle {
		background: url( /image/box/dark_blue/middle.png ) top left repeat-y;
		}

		.dark-blue-box .middle ul {
			margin: 0 10px;
			list-style: none !important;
			}

		.dark-blue-box .middle a {
			color: #fff;
			line-height: 1.5em;
			}

			.dark-blue-box .middle .selected a {
				color: #00b5df;
				}

				.dark-blue-box .middle .selected ul a {
					color: #fff;
					}

					.dark-blue-box .middle .selected ul .selected a {
						color: #00b5df;
						}

	.dark-blue-box .bottom {
		background: url( /image/box/dark_blue/bottom.png ) top left no-repeat;
		height: 15px;
		}

.photo-left {
	float: left;
	margin: 0 1em 1em 0;
	}

.class h2 ,
.class .summary {
	color: #02599e;
	}

.class .summary {
	margin-top: 0;
	}

.class .instance {
	margin-top: 1em;
	}

	.class .instance h3 {
		font-size: 1em;
		}

	.class .instance p {
		margin-top: 0;
		}

.hlisting .price {
	font-size: 1.2em;
	margin-top: 1em;
	}

.hlisting .photo {
	float: right;
	margin-left: 1em;
	}

table td ,
table th {
	vertical-align: top;
	}

table.form {}

	table.form th {
		font-weight: bold;
		padding: 5px 2em 5px 5px;
		}

	table.form td {
		padding: 5px;
		}

#re-order ul {
	margin: 1em 0;
	list-style: none;
	}

	#re-order ul li {
		padding: 3px;
		}

.padded-box {
	margin: 20px;
	}

.blue-on-white-button {
	background: url( '/image/blue-on-white-button.gif' );
	color: #fff;
	display: block;
	height: 45px;
	text-align: center;
	width: 180px;
	}

	.blue-on-white-button span {
		position: relative;
		top: 13px;
		}

.blue-on-blue-button {
	background: url( '/image/blue-on-blue-button.gif' );
	color: #fff;
	display: block;
	height: 40px;
	text-align: center;
	width: 95px;
	}

	.blue-on-blue-button span {
		position: relative;
		top: 11px;
		}

.float-right {
  float: right;
  }

.margin-top {
	margin-top: 1em;
	}

.margin-left {
	margin-left: 1em;
	}

.margin-bottom {
	margin-bottom: 1em;
	}

.bigger-text {
	font-size: 1.3em;
	}

.clear {
	clear: both;
	}

.center {
  margin: 0 auto;
  }

em {
	color: #02599e;
	}

strong {
	font-weight: bold;
	}

a.add {
	background: url( '/image/icon/add.png' ) top left no-repeat;
	padding-left: 20px;
	}