/* top right bottom left */

/*

Colours		green: #b5411a
*/

html, body {
		margin:0; 
 		padding: 0;
 		text-align: left;
		font-family: 'Droid Serif', 'Georgia', serif;
		font-size: 13pt;
		line-height: 23px;
		color: #00000;
		background: #eeeeee;
		background-repeat: repeat-y;
		background-position:center;
		height: 100%;
}

#container {
	width: 700px;
	min-height: 100%;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	/* margin: 0 auto; the auto margins (in conjunction with a width) center the page */
	border-right: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-width: 1px;
	overflow: hidden;
	text-align: left;  /* this overrides the text-align: center on the body element. */

	}

#header	{	text-align:center;
			margin: 25px 0 15px 0;
}

#mainContent {
	padding: 0 40px 15px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent #columns	{
	
	width: auto;
	margin-bottom: 12px;
	height: auto;
}

#mainContent #leftcolumn	{
	
	width: 290px;
	padding: 0 12px 12px 12px;
	background: #f7f0e4;
	height: 100%;
	border: solid 1px #b5411a;
	float: left;
}

#mainContent #rightcolumn	{
	
	width: 290px;
	padding: 0 12px 12px 12px;
	background: #f7f0e4;
	height: 100%;
	border: solid 1px #b5411a;
	float: right;
}

#mainContent #rightcolumn p, #mainContent #leftcolumn p	{
	vertical-align:text-top;
}

#mainContent #callout	{
	
	padding: 15px 25px 15px 21px;
	background: #fafafa;
	width: auto;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

h1 {
	margin-top: 33px;
	font-family: 'Droid Serif', 'Georgia', serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: 500;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.03em;
	color: #999;
}

h2 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #046341;
	padding-top: 8px;
	padding-bottom: 4px;
}

h3 {
	font-family: 'Droid Serif', 'Georgia', serif;
	font-size: 11pt;
	line-height: 15pt;
	font-style: italic;
	color: #000;
}

img.bordered	{
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
}

p.intro	{
	font-family: 'Droid Serif', 'Georgia', serif;
	font-size: 15pt;
	line-height: 21pt;
	
}

p.bio	{
	font-family: 'Droid Serif', 'Georgia', serif;
	font-size: 11pt;
	line-height: 15pt;
}

p.footer	{
	font-family: 'Droid Serif', 'Georgia', serif;
	font-size: 10px;
	color: cccccc;
	text-align: center;
}

a 
	{	color: #7fb97e;	}
	
a:hover
	{	color: #b5411a;
		text-decoration: none;	}	

a:active 
	{	color: #046341;	}

a:visited
	{	color: #cccccc;	}


.equal	 	{
    display:table;
}

.row 		{
    display:table-row;
}

.row div	{
    display:table-cell;
	border: 4px solid #fff;
	border-collapse:separate;
	border-spacing:10px;
}