body {
	font-size: 79%; /* font sizing in ems.*/
	margin: 0 auto;
	padding: 0;
	font-family: Lucida, Verdana, Helvetica, Arial, sans-serif;
	background: #387D1B url(img/xurchBg.gif) repeat-x top left;
	line-height: 1.5;
	text-align:center;
	color: #fff;
}
SPAN,CAPTION,DIV,BLOCKQUOTE,H1,H2,H3,H4,INPUT,BUTTON,SELECT,TH,TD,P,Ol,UL {
	font-family: Lucida, Verdana, Helvetica, Arial, sans-serif;
}


/* STRUCTURE */

#header {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
}


#midContentWrapper  {
	background: #173469 url(img/blueBg.gif) repeat-x top left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #FFD509;
	position: relative;
	width: 100%;
}

#midContent  {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


#content  {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
}

.left {
	float: left; 
	width: 30%; /* since this element is floated, a width must be given */
	padding: 0; /* top and bottom padding create visual space within this div  */
	margin-left: 0px;
	position: relative;
}

.right {
	margin: 0 10px 0 33%; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	position: relative;
}

#footerWrapper  {
	margin-top: 20px;
	border-top: 1px solid #FFD509;
	background: url(img/footerBg.gif) top left repeat-x; 
	clear:both;
}

#footer  {
	width: 800px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.clear {
	height: 1px;
	clear: both;
}

/* TEXT */


#footer div {
	color: #fff;
}

#footer a {
	padding-left:10px;
	padding-right:10px;
}
#footer a:link, a:active, a:visited {
	color: #FFD509;
}
#footer a:hover {
	color: #fff;
}

h1 {
	margin: 0 auto; 
}

h2 {
	margin: 0 auto; 
}

h3 {
	margin: 0 auto; 
}

h4 {
	margin: 0 auto; 
}

h5 {
	margin: 0 auto; 
}

p {
	margin: 0 auto; 
	padding: 8px 0;
}

a, a:link, a:active {
	color: #FFD509;
}

a:visited {
	color: #FFD509;
}

a:hover {
	color: #fff;
} 


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/* SPECIAL FORMS */

#header a:link.logo, #header a:active.logo, #header a:visited.logo {
	background: url(img/xurchLogo.gif) no-repeat;
	display: block;
	overflow: hidden;
	width: 373px;
	height: 80px;
	text-indent: -999px; 
}

.greenBox {
	border: 1px solid #fff;
	background-color: #387D1B;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	padding: 10px;	
}

.screen {
	float:left;
	width:262px;
	display:inline;
	padding:10px 0;
}

.screen h3 {font-size:14px;}

.screenShot {
	border: 1px dashed #fff;
	padding: 2px;
}

#whereItWorks {
	width: 400px;
	height: 85px;
	overflow: auto;
	background:#FFFFFF url(img/window.gif) top left scroll repeat-x;
	margin: 10px 0;
	padding: 0 10px;
}

#whereItWorks a, #whereItWorks a:link, #whereItWorks a:active, #whereItWorks a:visited {
	color: #0C55C4;
}

#whereItWorks a:hover {
	color: #FFD509;
}

a:link.downloadPng, a:active.downloadPng, a:visited.downloadPng {
	background: url(img/download_32.png) no-repeat;
	display: block;
	overflow: hidden;
	width: 306px;
	height: 42px;
	text-indent: -999px; 
}

a:link.downloadGif, a:active.downloadGif, a:visited.downloadGif {
	background: url(img/download.gif) no-repeat;
	display: block;
	overflow: hidden;
	width: 306px;
	height: 42px;
	text-indent: -999px; 
}

iframe#legal {
    width: 97%;
    height: 300px;
    margin: 10px 0;
}
body#legal {
	background:#FFFFFF url(img/window.gif) top left repeat-x fixed;
	color: #000;
	text-align: left;
	margin: 0 10px;
}

#legal a, #legal a:link, #legal a:active, #legal a:visited {
	color: #0C55C4;
}

#legal a:hover {
	color: #FFD509;
}

.logoBg {
    height: 0;
    overflow:visible;
    z-index:-1; 
    left: -260px;
    top: -158px;
	position: absolute;
}
