/******************** global styles ********************/
html, body
{
	height: 100%;
}

body
{
	background: #eeeeee url(../images/background_body.gif);
	color: #444444;
	margin: 0;
	font: normal 62.5% Arial, Helvetica, sans-serif;	/* 11px font size is 1.1em, 12px is 1.2em, etc */
	font-size: expression(screen.deviceXDPI > 96 ? 1000 / ((screen.deviceXDPI / 96) * 16) + "%" : "62.5%");
	text-align: center;
}

h1 
{
	color: #367ea6;
	font-size: 1.4em;
	margin: 0 0 .4em;
}

p, li, blockquote, cite
{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 1.4em;
}

a
{
	color: #3366cc;
}

cite
{
	background: url(../images/background_cite.gif) no-repeat;
	color: #666666;
	display: block;
	padding-left: 28px;
}

form
{
	margin: 0 0 1.4em;
}

label
{
	font-size: 1.2em;
	line-height: 1.5em;
	padding-right: 8px;
}

input
{
	font-size: 1.1em;
	margin-right: 8px;
}

.intro
{
	color: #367ea6;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
}

.column
{
	float: left;
	width: 50%
}

.links p
{
	margin-left: 178px;
	clear: left;
}

.links img
{
	margin: 6px 0 1.4em -178px;
}



/******************** grid styles ********************/
#container
{
	background: transparent url(../images/background_container.png) repeat-y;
	margin: 0 auto;
	width: 767px;
	text-align: left;
	min-height: 100%;
}

* html #container
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/background_container.png", sizingMethod="scale");
	height: 100%;
}

#main
{
	padding: 8px 18px;
	*padding-bottom: 0;		/* IE7 has 24px instead of 16px between last content in main and footer */
}

* html #main
{
	position: relative;
	padding-bottom: 8px;
}

#header
{
	background: #317296 url(../images/background_header.gif);
	margin-bottom: 8px;
}



/******************** content styles ********************/
.content
{
	float: right;
	width: 496px;
	padding: 14px 12px 0;
	border: 1px solid #eeeeee;
	background: #ffffff;
	margin-bottom: 8px;
}

* html .content
{
	\width: 520px;
	w\idth: 496px;
}

.content li
{
	list-style: url(../images/bullet.gif);
	margin-left: 18px;
}



/******************** grid styles ********************/
#left
{
	float: left;
	width: 200px;
	text-align: center;
}

.sidenav 
{
	background: #eeeeee;
	border: 1px solid #e5e5e5;
	text-align: left;
	margin-bottom: 48px;
}

.sidenav ul 
{
	padding-left: 12px;
	border-top: 1px solid #fafafa;
	background: url(../images/background_sidenav.gif) repeat-x;
	margin: 0;
	padding: 0;
}

.sidenav li 
{
	border: 1px solid #fafafa;
	border-top: none;
	list-style: none;
	margin: 0;
}

.sidenav li a 
{
	color: #777777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}

.sidenav li a.selected
{
	color: #000000;
}

.sidenav li a:hover 
{
	color: #111111;
}

.secondary ul
{
	background-image: none;
}

.bohemians
{
	margin: 60px 0 20px;
}



/******************** footer styles ********************/
.wrapper
{
	padding-bottom: 6px;
}

#footer
{
	background: #ffffff;
	border: 1px solid #eeeeee;
	color: #666666;
	margin: 0 18px;
	text-align: center;
	padding: 6px 6px 0;
	width: 720px;
}

* html #footer
{
	\width: 732px;
	w\idth: 720px;
}

#footer p
{
	font-size: 1.1em;
	padding-bottom: 0;
	margin-bottom: 6px;
}

#footer a
{
	color: #3366cc;
	text-decoration: none;
}

.footer a:hover
{
	color: #0066ff;
	text-decoration: underline;
}



/******************** clearfix styles ********************/
.clearfix:after
{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* hides clearfix from IE-mac \*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/* end hide from IE-mac */





/*<div id="content" class="clearfix"> */