/* By default, sticking a plain image into the page will make it float left with the appropriate margins. Apply this class to make it float right. */
.rightImage
{
	clear:right;
	float:right;
	padding:0 0 10px 10px;
}

/* For when the clearing effect is desired. */
.leftImage
{
	clear:left;
	float:left;
	padding:0 10px 10px 0;
}

/* Containers for left and right floated containers for images and quotes. */
.leftContainer, .rightContainer
{
	clear:left;
	float:left;
	width:160px;
}

.rightContainer
{
	clear:right;
	float:right;
}

.leftContainer img
{
	padding:0 10px 10px 0;
}

.rightContainer img
{
	padding:0 0 10px 10px;
}

.leftContainer p, .rightContainer p
{
	width:150px;
	padding:0 10px 0 0;
	text-align:center;
	font-style:italic;
}

.rightContainer p
{
	padding:0 0 0 10px;
	float:right;
}

.leftContainer h3, .rightContainer h3
{
	padding-bottom:0.3em;
	text-align:center;
}

/* For putting quotes on the left or right of main text. */
#content .quote
{
	padding:0;
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	text-align:left;
}

/* For larger images that won't have text flowing around it. */
.centerImage
{
	padding:0 0 1em 0;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

/* Rounded Corner Boxes */
.rType1
{
	background:url(../images/highLines.png) #505050;
	color:#fff;
}

.rType2
{
	background:url(../images/blueSquares.png) #000059;
	color:#fff;
}

.rType3
{
	background:url(../images/orangeShine.jpg) repeat-x #E97F00;
	color:#000;
}

.rounded
{
	clear:both;
	margin-bottom:1em;
}

.rounded div
{
	padding-left:20px;
	padding-right:20px;
}

.rounded:before
{
	background: transparent url(../images/topRight.png) scroll no-repeat top right;
	height:18px;
	display:block;
	border:none;
	content:url(../images/topLeft.png);
	padding:0;
	line-height:0.1;
	font-size:1px;
}

.rounded:after
{
	display:block;
	line-height:0.1;
	font-size:1px;
	content:url(../images/bottomLeft.png);
	height:18px;
	background:white;
	background:transparent url(../images/bottomRight.png) scroll no-repeat bottom right ;
	padding:0;
}

/* Monospaced box for code samples or text that just needs to be monospaced. */
pre
{
	margin:0 auto 1em auto;
	padding:1em;
	border:1px solid #000;
	width:90%;
	font-size:1.2em;
	color:#29e000;
	background-color:#222222;
	overflow:auto;
}

/* To get vertically past any floated element. */
.clearBoth
{
	clear:both;
}

/* A series of divs that allow for the even division of the available area in half. */
.half
{
	clear:both;
	width:100%;
}

.half .leftColumn
{
	float:left;
	width:49%;
}

.half .rightColumn
{
	float:right;
	width:49%;
}

.justify
{
	text-align:justify;
}

/* Extra inner padding. */
.innerPadding
{
	padding:1em;
}

/* Universal rounded corner code. */
.tl
{
	position:absolute;
	top:0;
	left:0;
	height:18px;
	width:18px;
	background:url(../images/topLeft.png) no-repeat;
}

.tr
{
	position:absolute;
	top:0;
	right:0;
	height:18px;
	width:18px;
	background:url(../images/topRight.png) no-repeat;
}

.bl
{
	position:absolute;
	bottom:0;
	left:0;
	height:18px;
	width:18px;
	background:url(../images/bottomLeft.png) no-repeat;
}

.br
{
	position:absolute;
	bottom:0;
	right:0;
	height:18px;
	width:18px;
	background:url(../images/bottomRight.png) no-repeat;
}

/* Rounded corners code. */
.corners
{
	position:relative;
}

/* Search box. */
.search
{
	background:url(../images/highLines.png);
	padding:10px;
	margin-bottom:1em;
}

.search h2
{
	color:#fff;
}

.search .searchtextbox
{
	width:30%;
	padding:0.2em 0.5em;
	margin-right:2em;
}

.search .button
{
	width:6em;
	padding:0.2em 0.5em;
}