/* Blocks and containers
*******************************************************************************/
html
{
	background-color: #372d21;
	background-image: url('/images/bodyBackground.jpg');
	background-repeat: repeat-x;
	background-position: top center;
}

body
{
	color: #ffffff;
}

div#pageContainer
{
	overflow: hidden;
	margin: 120px auto 0 auto;
	width: 880px;
}

.floatLeft
{
	display: inline;
	float: left;
	width: auto;
}

.floatRight
{
	display: inline;
	float: right;
	width: auto;
}

div.column
{
	width: 380px;	
}



/* Headers
*******************************************************************************/
h3
{
	font-family: Georgia;
	font-size: 189%;
	margin: 1em 0 0.3em 0;
}

h6
{
	font-family: Georgia;
	font-size: 93%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2em 0 0.5em 0;
}



/* Text and paragraphs
*******************************************************************************/
p
{
	font-family: Verdana;
	font-size: 93%;
	line-height: 1.5em;
	margin-bottom: 1em;
}

strong
{
	font-weight: bold;	
}



/* Lists
*******************************************************************************/
ul
{
	margin-bottom: 1em;	
	padding-left: 1.5em;
}

li
{
	list-style: disc outside;
	font-family: Verdana;
	font-size: 93%;
	line-height: 1.5em;
}

ul.wideSpacing li
{
	margin-bottom: 1em;	
}



/* Links
*******************************************************************************/
a
{
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}

a:hover
{
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}



/* Images
*******************************************************************************/
img#logoCloud
{
	display: block;
	margin: 0 auto 0 auto;
}

a img 
{
	border: 0;
}	


/* Print
*******************************************************************************/
@media print
{
	html
	{
		background-color: none;
		background-image: none;	
	}
	
	body 
	{
		color: #000000;	
	}	
	
	div#pageContainer
	{
		overflow: visible;
		margin: 0;
		width: 100%;
	}
	
	.floatLeft,
	.floatRight
	{
		display: block;
		float: none;
	}
	
	div.column
	{
		width: 100%;	
	}
	
	a
	{
		color: #000000;
		text-decoration: none;
		border-bottom: none;
	}
}