/********************************************************************************
* Defines the general styles for the website
*
* Table of Contents
*
********************************************************************************/


/********************************************************************************
  core layout
********************************************************************************/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
article, aside, canvas, footer, header, hgroup, nav, section {
	clear: both;
}
header[role=banner], footer {
	position: relative;
}
#webpage.fixed {
	width: 980px;
}
#webpage {
	max-width: 100%;
}
.container {
	margin: 0 auto;
	width: 80%
}


/********************************************************************************
  general styles
********************************************************************************/
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.2;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
}
#main-content-area {
	margin: 8px 0;
}
#main-content-area h1 {
	margin-top: 0;
	line-height: 1;
}


/********************************************************************************
  menu core
********************************************************************************/
.menu {
	line-height: 1.5;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu li {
	background-image: none;
	list-style-type: none;
	margin: 0;
}
.menu a {
	display: block;
	text-decoration: none;
}
.menu.delimiter a {
	text-decoration: underline;
}
.menu img {
	vertical-align: middle;
}
.menu .menu {
	text-align: left;
}

/* ------------------------------------------------------------------------
  horizontal
------------------------------------------------------------------------ */
ul.horizontal {
	position: relative;
}
ul.horizontal li {
	display: inline-block;
	margin-left: -4px;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
}
ul.horizontal a, ul.horizontal .inactive {
	padding: 0 10px 2px;
}
ul.horizontal.delimiter a {
	display: inline-block;
}
ul.horizontal > li.delimiter {
	border-right: 1px solid #000000;
}

/* ------------------------------------------------------------------------
  vertical
------------------------------------------------------------------------ */
ul.vertical li {
	display: list-item !important;
	position: relative;
	white-space: nowrap;
}
ul.vertical .menu{
	position: absolute;
	z-index: 10000;
}
ul.vertical > li.delimiter{
	border-bottom: 1px solid #000000;
}

/* ------------------------------------------------------------------------
  dynamic
------------------------------------------------------------------------ */
.dynamic .menu {
	display: none;
	position: absolute;
	z-index: 10000;
}

/* ------------------------------------------------------------------------
  primary
------------------------------------------------------------------------ */
.primary {
	text-align: center;
}
.primary .menu {
	margin: 0 auto;
}

/* ------------------------------------------------------------------------
  utility
------------------------------------------------------------------------ */
.utility {
	font-size: 0.875em;
	line-height: 1;
}