/* For putting images on the left or right of text with or without description text below the image. */
#content .imageContainerLeft
{
	float:left;
}

#content .imageContainerLeft img
{
	padding:0 10px 10px 0;
	border:none;
}

#content .imageContainerLeft p
{
	width:150px;
	padding:0 10px 10px 0;
	text-align:center;
	font-style:italic;
}

#content .imageContainerRight
{
	width:160px;
	float:right;
}

#content .imageContainerRight img
{
	padding:0 0 10px 10px;
	border:none;
}

#content .imageContainerRight p
{
	width:150px;
	padding:0 0 10px 10px;
	text-align:center;
	font-style:italic;
}

/* For larger images that won't have text flowing around it. */
#content .centeredImage
{
	
}

#content .centeredImage img
{
	margin-left:auto;
	margin-right:auto;
	padding:0 0 10px 0;
	display:block;
}

/* For putting quotes on the left or right of main text. */
#content .quoteBoxLeft
{
	float:left;
}

#content .quoteBoxLeft p
{
	width:150px;
	padding:0 10px 10px 0;
	font-size:1.3em;
	font-style:italic;
}

#content .quoteBoxRight
{
	float:right;
}

#content .quoteBoxRight p
{
	width:150px;
	padding:0 0 10px 10px;
	font-size:1.3em;
	font-style:italic;
}

/* For putting quotes that won't have text flowing around it. */
#content .quoteBoxCenter
{
	
}

#content .quoteBoxCenter p
{
	padding:0 0 10px 0;
	display:block;
	font-size:1.3em;
	font-style:italic;
	text-align:center;
}


/* To get past any floated element that isn't 100% width. */
.clearBoth
{
	clear:both;
}

/* For the Random Quotes Box in #navigation. */
.newQuote
{
	cursor:pointer;
	color:#4B76EC;
}

#navigation #quoteParagraph
{
	padding-right:1em;
}