/***************************************
 * HMTL and Body styles, generic styles
 **************************************/
html, body
{
	font-family: Helvetica, Sans, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 62em;
	text-align: center;
}

.messages
{
	font-weight: bold;
	margin: 0px;
	padding: 0.75em;
}

.module
{
	margin: 0px;
	padding: 0.3125em;
	margin-bottom: 0.75em;
}

.module .title
{
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: bold;
	background: none;
	margin-bottom: 0.25em;
}

/***************************************
 * Frame styles
 **************************************/
#frame
{
	width: 60em;
	margin: 0px auto;
	text-align: left;
}

/***************************************
 * Flag styles
 **************************************/
#flag
{
	margin: 0px;
	padding: 0.75em;
}

#flag #nameplate
{
	font-weight: bold;
	font-size: 1.5em;
}

#flag #nameplate img
{
	display: block;
	margin: 0px;
	padding: 0px;
}

#flag #contact
{
	font-weight: bold;
	font-size: 0.75em;
}

/***************************************
 * Navigation styles
 **************************************/
#navigation
{
	margin: 0px;
	padding: 0.25em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	font-weight: bold;
}

#navigation *
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#navigation ul
{
	list-style-type: none;
	font-size: 0.8em;
}

#navigation ul li
{
	margin: 0px;
	padding: 0px;
}

/***************************************
 * Canvas styles
 **************************************/
#canvas
{
	margin: 0px;
	padding: 0.75em;
	text-align: left;
	overflow: auto;
}

#page-title
{
	font-weight: bold;
	font-size: 2.5em;
}

/***************************************
 * Sidebar styles
 **************************************/
#sidebar
{
	clear: right;
	float: right;
	width: 15em;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.3125em;
}

#sidebar .module form
{
	margin: 0px;
	padding: 0px;
}

/***************************************
 * Content styles
 **************************************/
#content
{
	padding: 0.75em;
	overflow: auto;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6
{
	margin: 0.25em 0em 0.125em 0em;
	padding: 0px;
}

#content h1
{
	font-size: 1.5em;
}

#content h2
{
	font-size: 1.3125em;
}

#content h3
{
	font-size: 1.25em;
}

#content h4
{
	font-size: 1.1875em;
}

#content h5
{
	font-size: 1.125em;
}

#content h6
{
	font-size: 1.0625em;
}

#content dl dt
{
	font-weight: bold;
	font-size: 1.0625em;
}

#content .media
{
	border: 1px solid #CCCCCC;
	margin: 0.25em;
	padding: 0.3125em;
	overflow: hidden;
}

#content .media *
{
	max-width: 15.3125em;
}

#content .media img, #content .media object
{
	display: block;
}

#content .media .caption
{
	font-size: 0.75em;
	max-width: none;
	width: 100%;
	text-align: center;
	margin-top: 0.5em;
}

#content .media.right
{
	float: right;
	margin-right: 0px;
	margin-left: 0.75em;
}

#content .media.left
{
	float: left;
	margin-left: 0px;
	margin-right: 0.75em;
}

#content p
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 1em;
}

#content em
{
	font-style: normal;
	font-weight: bold;
}

#content strong
{
	font-style: italic;
	font-weight: bold;
}

/***************************************
 * Footer styles
 **************************************/
#footer
{
	clear: both;
	margin: 0px;
	padding: 0.390625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
}

#footer #meta
{
	font-size: 0.64em;
}
