/**************************************
 Layout
**************************************/
*{
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
}
h1#top{
	width: 100%;
	height: 60px;
	padding: 10px 0 10px;
	border-bottom: solid 2px #A0522D;
	background: #BC8D66 url("/skins/default/images/h1_top_background.png") repeat;
}
p#jumptomenu{
	display: none;
}
div#main{
	width: 800px;
	min-height: 520px;
	margin: 0 auto 0 auto;
}
div#content{
	width: 463px;
	min-height: 520px;
	padding: 0 0 0 13px;
	float: right;
	border-right: solid 2px #A0522D;
	border-left: solid 2px #A0522D;
	background: #F6EECF url("/skins/default/images/content_background.png") center top repeat-y;
}
dl#footer{
	display: block;
	width: 60%;
	padding: 10px 20% 10px 20%;
	clear: both;
	border-top: solid 2px #A0522D;
	background: #BC8D66 url("/skins/default/images/h1_top_background.png") repeat;
	color: #800000;
	text-align: center;
	list-style: none;
}

/**************************************
 Top
**************************************/
h1#top a{
	display: block;
	width: 100%;
	height: 100%;
}
h1#top img{
	display: block;
	margin: 0 auto 0 auto;
}

/**************************************
 Content
**************************************/
div#content a:link{
	color: #206020;
	text-decoration: none;
}
div#content a:visited{
	color: #4B5828;
	text-decoration: none;
}
div#content a:hover{
	color: #40C040;
	text-decoration: underline;
}
div#content a:active{
	color: #8BD98B;
	text-decoration: underline;
}
div#content h2{
	width: 300px;
	margin: 40px 0 40px 143px;
	padding: 0 20px 5px 0;
	background: transparent url("/skins/default/images/content_h2_background.png") right bottom no-repeat;
	text-align: right;
	color: #A0522D;
	font: italic bold large serif;
}
div#content h3{
	margin: 2em 13px .25em .5em;
}
div#content p, div#content li, div#content dd{
	font-size: .85em;
}
div#content p{
	margin: .75em 13px .75em 1em;
	line-height: 1.2em;
	text-indent: 1em;
}
div#content ol, div#content ul, div#content dl{
	margin: .75em 13px .75em 2.5em;
}
div#content li{
	margin: .25em 0 .25em 0;
}
div#content dd{
	margin: .25em 0 1em 2em;
}
div#content ul li, div#content dd{
	display: list-item;
	list-style: url("/skins/default/images/arrow.gif") disc outside;
}
div#content table{
	width: 70%;
	margin: .75em 13px .75em 2.5em;
	border: solid 1px #C49672;
}
div#content table th{
	padding: .1em 0 .1em 0;
	border: solid 1px #C49672;
	text-align: center;
	color: #A0522D;
	font-weight: bold;
	empty-cells: hide;
}
div#content table td{
	padding: .1em 0 .1em 0;
	border: solid 1px #C49672;
	text-align: center;
	empty-cells: hide;
}
div#content img{
	display: block;
	margin: .75em auto .75em auto;
	padding: 2px;
	border: solid 1px #C49672;
}
div#content img:hover{
	border: solid 1px #A0522D;
}
div#GoogleMap{
	width: 400px;
	height: 320px;
	margin: .75em auto .75em auto;
	padding: 2px;
	border: solid 1px #C49672;
}
div#GoogleMap:hover{
	border: solid 1px #A0522D;
}

/**************************************
 Menu
**************************************/
ul#menu{
	width: 220px;
	height: 70px;
	padding: 200px 10px 0 90px;
	float: left;
}
ul#menu li{
	width: 200px;
	height: 25px;
	margin: 5px 5px 5px 15px;
	list-style: none;
}
ul#menu li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	text-indent: -9999px;
	cursor: pointer;
}
ul#menu li#item01 a:link, ul#menu li#item01 a:visited{
	background: transparent url("/skins/default/images/item_01_off.png") right top no-repeat;
}
ul#menu li#item02 a:link, ul#menu li#item02 a:visited{
	background: transparent url("/skins/default/images/item_02_off.png") right top no-repeat;
}
ul#menu li#item03 a:link, ul#menu li#item03 a:visited{
	background: transparent url("/skins/default/images/item_03_off.png") right top no-repeat;
}
ul#menu li#item04 a:link, ul#menu li#item04 a:visited{
	background: transparent url("/skins/default/images/item_04_off.png") right top no-repeat;
}
ul#menu li#item05 a:link, ul#menu li#item05 a:visited{
	background: transparent url("/skins/default/images/item_05_off.png") right top no-repeat;
}
ul#menu li#item06 a:link, ul#menu li#item06 a:visited{
	background: transparent url("/skins/default/images/item_06_off.png") right top no-repeat;
}
ul#menu li#item07 a:link, ul#menu li#item07 a:visited{
	background: transparent url("/skins/default/images/item_07_off.png") right top no-repeat;
}
ul#menu li#item08 a:link, ul#menu li#item08 a:visited{
	background: transparent url("/skins/default/images/item_08_off.png") right top no-repeat;
}
ul#menu li#item01 a:hover, ul#menu li#item01 a:active{
	background: transparent url("/skins/default/images/item_01_on.png") right top no-repeat;
}
ul#menu li#item02 a:hover, ul#menu li#item02 a:active{
	background: transparent url("/skins/default/images/item_02_on.png") right top no-repeat;
}
ul#menu li#item03 a:hover, ul#menu li#item03 a:active{
	background: transparent url("/skins/default/images/item_03_on.png") right top no-repeat;
}
ul#menu li#item04 a:hover, ul#menu li#item04 a:active{
	background: transparent url("/skins/default/images/item_04_on.png") right top no-repeat;
}
ul#menu li#item05 a:hover, ul#menu li#item05 a:active{
	background: transparent url("/skins/default/images/item_05_on.png") right top no-repeat;
}
ul#menu li#item06 a:hover, ul#menu li#item06 a:active{
	background: transparent url("/skins/default/images/item_06_on.png") right top no-repeat;
}
ul#menu li#item07 a:hover, ul#menu li#item07 a:active{
	background: transparent url("/skins/default/images/item_07_on.png") right top no-repeat;
}
ul#menu li#item08 a:hover, ul#menu li#item08 a:active{
	background: transparent url("/skins/default/images/item_08_on.png") right top no-repeat;
}

/**************************************
 Footer
**************************************/
dl#footer dt{
	display: block;
	font-size: small;
	font-weight: bold;
}
dl#footer dd{
	display: inline;
	white-space: nowrap;
	font-size: small;
}
dl#footer dd+dd:before{
	content: "| ";
}

/**************************************
 Vacancy
**************************************/
div#content table#legend{
	width: auto;
	margin: .5em auto 1.5em auto;
	border: none;
}
div#content table#legend td{
	width: 6em;
	padding: .1em 0 .1em 0;
	border: solid 1px #C49672;
	text-align: center;
}
div#content table#legend td.available{
	background: #80C4FF url("/skins/default/images/vacancy_calendar_available.png") repeat;
}
div#content table#legend td.almost{
	background: #C0FF80 url("/skins/default/images/vacancy_calendar_almost.png") repeat;
}
div#content table#legend td.full{
	background: #FF80C0 url("/skins/default/images/vacancy_calendar_full.png") repeat;
}
div#content table.calendar{
	width: 60%;
	margin: 1.5em auto 1.5em auto;
	border: none;
}
div#content table.calendar caption{
	margin:0 auto .1em auto;
	padding-bottom: .1em;
	background: transparent url("/skins/default/images/calendar_caption_background.png") center bottom no-repeat;
	text-align: center;
	color: #A0522D;
	font-weight: bold;
}
div#content table.calendar th{
	width: 14.286%;
	height: 1.2em;
	border: none;
	text-align: center;
}
div#content table.calendar td{
	width: 14.286%;
	padding: .1em 0 .1em 0;
	border: solid 1px #C49672;
	text-align: center;
	empty-cells: hide;
}
div#content table.calendar td.today, div#content table#legend td.today{
	border: solid 2px #A0522D;
	color: #40C040;
	font-weight: bold;
}
div#content table.calendar td[id]{
	background: #80C4FF url("/skins/default/images/vacancy_calendar_available.png") repeat;
}
div#content table.calendar *.saturday{
	color: #4D4DFF;
}
div#content table.calendar *.sunday{
	color: #FF4D4D;
}

/**************************************
 Access
**************************************/
div#content ul.access li{
	display: block;
	padding: .5em;
	border: solid 2px #C49672;
	line-height: 2em;
}
div#content ul.access li em.place{
	padding: .3em .2em .3em .2em;
	border: solid 1px #A0522D;
	background: transparent url("/skins/default/images/vacancy_calendar_available.png") repeat;
	font-style: normal;
}
div#content ul.access li span.traffic{
	padding: .1em .2em .1em .2em;
	border-top: solid 1px #A0522D;
	border-bottom: solid 1px #A0522D;
	background: transparent url("/skins/default/images/vacancy_calendar_almost.png") repeat;
}
div#content ul.access li em.larrabee{
	padding: .3em .2em .3em .2em;
	border: solid 1px #A0522D;
	background: transparent url("/skins/default/images/vacancy_calendar_full.png") repeat;
	font-style: normal;
}
