html
{
    height:100%;
}

body
{
	background-color:#ffffff;
	text-align:center;
	font-family:Times New Roman;
	font-size:11pt;
	color:#000000;
	margin:0;
	padding:0;
}

a, a:link, a:visited {
   color: #000000;
   text-decoration: none; 
   border:0;
}

a:hover {
   color: #000000;
   text-decoration: underline; 
}


.main
{
    background:url(/images/topBack.gif) top repeat-x;
    margin:auto;
}

.main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.main {display: inline-table;}
/* Hides from IE-mac \*/
* html .main {height: 1%;}
.main {display: block;}
/* End hide from IE-mac */

.banner
{
    width:960px;
    background:url(/images/banner.gif) top no-repeat;
    margin:auto;
   
}

.banner:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.banner {display: inline-table;}
/* Hides from IE-mac \*/
* html .banner {height: 11px;}
.banner {display: block;}
/* End hide from IE-mac */



.black_border
{
	width:960px;
	margin:auto;
	text-align:left;
	clear:both;
	margin-bottom:20px;
}

.black_border_top
{
	width:940px;
	background: url(/images/roundedTopBlackBig.gif) no-repeat;
	height:39px;
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:10px;
	color:#02aafc;
	font-size:18pt;
}

.black_border_top:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.black_border_top {display: inline-table;}
/* Hides from IE-mac \*/
* html .black_border_top {height: 11px;}
.black_border_top {display: block;}
/* End hide from IE-mac */

.black_border_bottom
{
	width:960px;
	margin:auto;
	/*background: url(/images/areyou.gif) no-repeat;*/
	height:86px;
	font-size:7px;
}

.black_border_bottom img
{
    border:0;
}

.black_border_content
{
	width:960px;
	margin:auto;
	text-align:left;
	background-color: #282828;
    padding:0;
}

.black_border_content_text
{
	text-align:left;
    padding-left:20px;
    padding-right:15px;
    padding-bottom:15px;
}

.black_border_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.black_border_content {display: inline-table;}
/* Hides from IE-mac \*/
* html .black_border_content {height: 1%;}
.black_border_content {display: block;}
/* End hide from IE-mac */


.process
{
	width:694px;
	margin:auto;
	text-align:left;
	margin-bottom:20px;
	background: url(/images/processBack.gif) repeat-y;
}

.process:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.process {display: inline-table;}
/* Hides from IE-mac \*/
* html .process {height: 11px;}
.process {display: block;}
/* End hide from IE-mac */


.process_bottom
{
	width:694px;
	margin:auto;
	background: url(/images/processBottom.gif) no-repeat;
	height:12px;
	font-size:7px;
}

.process_content
{
	width:694px;
	margin:auto;
	text-align:left;
	background-color: #282828;
    padding:0;
    background: url(/images/howProcess.gif) top left no-repeat;
}

.process_content_text
{
	text-align:center;
    padding-left:20px;
    padding-right:15px;
    padding-bottom:15px;
    padding-top:140px;
}

.process_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.process_content {display: inline-table;}
/* Hides from IE-mac \*/
* html .process_content {height: 1%;}
.process_content {display: block;}
/* End hide from IE-mac */


.contact
{
	width:693px;
	margin:auto;
	text-align:left;
	background: url(/images/contactBack.gif) no-repeat bottom;
	padding-bottom:110px;
}

.content
{
    width:960px;
    margin:auto;
    margin-bottom:20px;
    margin-top:10px;
}
.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.content {display: inline-table;}
/* Hides from IE-mac \*/
* html .content {height: 1%;}
.content {display: block;}
/* End hide from IE-mac */


.col1
{
    float:left;
    width:250px;
	text-align:left;
}

.links
{
    width:250px;
    height:610px;
	background: url(/images/quickLinksBack.gif) no-repeat;
	padding-top:60px;
	font-size:16px;
	font-weight:bold;
}

.successes
{
    width:250px;
    height:169px;
	background: url(/images/successesBack.gif) no-repeat;
	padding-top:60px;
}

.col2
{
    float:left;
    width:695px;
    padding-left:14px;
    text-align:left;
}

h1
{
    font-size: 22pt;
    color:#02aafc;
    margin:0;
    padding:0;
    padding-bottom:10px;
    font-family:Times New Roman;
    font-weight:normal;
}

h2
{
    font-size: 22pt;
    color:#02aafc;
    margin:0;
    padding:0;
    padding-bottom:10px;
    font-family:Times New Roman;
    font-weight:normal;

}
h3
{
    font-size: 10pt;
    color:#02aafc;
    margin:0;
    padding:0;
    padding-bottom:10px;
}

.admin
{
    font-family:Arial;
}


.footer
{
    margin:auto;
    color:#646464;
    background:url(/images/bottomBack.gif) bottom repeat-x;
    height:37px;
    padding-top:25px;
}

.footer a, .footer a:link, .footer a:visited {
   color: #646464;
   text-decoration: none; 
   border:0;
}

.footer a:hover {
   color: #646464;
   text-decoration: underline; 
}

.bottomborder
{
    width:958px;
    margin:auto;
    background-color:#000000;
    height:1px;
    font-size:1px;
}

.webBeliefFooter {
	clear: both;
	text-align:center;
	padding-bottom:10px;
	padding-top:20px;
	font-size:8pt;
}


.webBeliefFooter a, .webBeliefFooter a:link, .webBeliefFooter a:visited {
   color: #999999;
   text-decoration: none; 
   border:0;
}

.webBeliefFooter a:hover {
   color: #999999;
   text-decoration: underline; 
}


.cleardiv
{
    clear:both;
}

#GiftShop
{
   color: #cc3333;
}

#GiftShopSummary
{
    float:left;
    padding-left:20px;
}

#giftShopImage
{
    float:left;
}


.nav
{
    width:180px;
    text-align:center;
    margin:auto;
    padding-left:3px;
}


.navWrapper
{
    float:left;
    background: url(/images/navback.gif) top left repeat;
    padding:0;
    margin:0;
    text-align:left;
    width:170px;
    padding-left:1px;
}
.navWrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.navWrapper {display: inline-table;}
/* Hides from IE-mac \*/
* html .navWrapper {height: 1%;}
.navWrapper {display: block;}
/* End hide from IE-mac */

.navLower
{
	background: url(/images/navbottom.gif) bottom left no-repeat;
	height:5px;
	clear:both;
	font-size:1px;
	width:171px;
	text-align:left;
}

/*
2 useful hacks for IE - the first is for IE6 and lower, the second for IE7 - they are used to stop the 
lower border of the nav moving across 8px to the right - not too sure why that happens in IE!!
*/
* html .navLower 
{
      margin-left:-8px;
}
*:first-child+html .navLower 
{
      margin-left:-8px;
}

.navUpper
{
    background: url(/images/navtop.gif) top left no-repeat;
    height:3px;
    font-size:1px;
}




.black_white_page
{
	width:697px;
	margin:auto;
	text-align:left;
	clear:both;
	margin-bottom:20px;
    background: url(/images/whiteFlapBack.gif) bottom right no-repeat;
    padding-bottom:35px;
}

.black_white_page:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.black_white_page {display: inline-table;}
/* Hides from IE-mac \*/
* html .black_white_page {height: 11px;}
.black_white_page {display: block;}
/* End hide from IE-mac */

.phone
{
	width:729px;
	margin:auto;
	text-align:right;
	clear:both;
	height:303px;
}

* html .phone
{
	width:715px;
}