@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e7e7e7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
.MainBody #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 15px 0 0 0;
	border: 0px solid #666666;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.MainBody #mainContent {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #666666;
	
}
a, a:visited {
	color: #6D1B21;
	text-decoration: none;
	}
	
a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
	a.like:link    	{ color: #fff; text-decoration: none; font-weight: normal }	
 	a.like:visited 	{ color: #fff; text-decoration: none; font-weight: normal }
 	a.like:active  	{ color: #fff; text-decoration: none; font-weight: normal }
 	a.like:hover   	{ color: #fff; text-decoration: underline; font-weight: normal }
	
	
	
	a.like2:link    	{ color: #555; text-decoration: none; font-weight: normal }	
 	a.like2:visited 	{ color: #555; text-decoration: none; font-weight: normal }
 	a.like2:active  	{ color: #555; text-decoration: none; font-weight: normal }
 	a.like2:hover   	{ color: #fff; background: #6D1B21; width:100px; text-decoration: none; font-weight: normal }
	
	
	
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #6D1B21;
	text-align: right;
	border-bottom: 1px solid #666666;
}

.release {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding:0 0 0 4px;
}
	a.release:link    	{ color: #333; text-decoration: none; font-weight: bold }	
 	a.release:visited 	{ color: #333; text-decoration: none; font-weight: bold }
 	a.release:active  	{ color: #333; text-decoration: none; font-weight: bold }
 	a.release:hover   	{ color: #6D1B21; text-decoration: underline; font-weight: bold }

.Header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #555555;
	text-align: centre;
}

/************************
*	Sidebar                *
************************/

div.menu a {
	width:140px;
	display: block;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;

}

div.menu	a{
	color: #555555;
	background: #DEDEDE;
	text-decoration:none;
	font-size:14px;
	line-height:30px;
	padding: 5px;
	font-family: Tahoma, verdana, sans-serif;
	border-top: 0px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;



}	
div.menu (position:absolute;top:0; left:0;) /*fixes IE slowness?? */
					
div.menu	a:link {color: #555555; text-decoration: none;}
div.menu	a:active {color: #555555; text-decoration: none;}
div.menu	a:visited {color: #555555; text-decoration: none;}
div.menu	a:hover {
	color: #333333;
	text-decoration: none;
	background: #333333 url("../GI-images/MenuBarGRey.gif") 0 0 no-repeat;
	border-top: 0px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #777;
	border-left: none;
}	
	
div.menu2 a {
	width:570px;
	height:auto;
	display: block;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;

}

div.menu2	a{
	color: #555555;
	background: #fff url("../GI-images/Down-LivingA.gif") 0 0 no-repeat;
	text-decoration:none;
	font-size:12px;
	line-height:30px;
	padding: 0 0 0 10px;
	font-family: Tahoma, verdana, sans-serif;
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;	
	
}
div.menu2 (position:absolute;top:0; left:0;) /*fixes IE slowness?? */
					
div.menu2	a:link {color: #555; text-decoration: none;}
div.menu2	a:active {color: #555; text-decoration: none;}
div.menu2	a:visited {color: #555; text-decoration: none;}
div.menu2	a:hover {
	color: #333333;
	text-decoration: none;
	background: #fff url("../GI-images/Down-LivingB.gif") 0 0 no-repeat;
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
	
}

div.menu3 a {
	width:570px;
	height:auto;
	display: block;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;

}

div.menu3	a{
	color: #555555;
	background: #fff url("../GI-images/Down-PrayerA.gif") 0 0 no-repeat;
	text-decoration:none;
	font-size:12px;
	line-height:30px;
	padding: 0 0 0 10px;
	font-family: Tahoma, verdana, sans-serif;
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;	
	
}
div.menu3 (position:absolute;top:0; left:0;) /*fixes IE slowness?? */
					
div.menu3	a:link {color: #555; text-decoration: none;}
div.menu3	a:active {color: #555; text-decoration: none;}
div.menu3	a:visited {color: #555; text-decoration: none;}
div.menu3	a:hover {
	color: #333333;
	text-decoration: none;
	background: #fff url("../GI-images/Down-PrayerB.gif") 0 0 no-repeat;
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
	
}

div.menu4 a {
	width:570px;
	height:auto;
	display: block;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;

}

div.menu4	a{
	color: #555555;
	background: #fff url("../GI-images/Down-LifeA.gif") 0 0 no-repeat;
	text-decoration:none;
	font-size:12px;
	line-height:30px;
	padding: 0 0 0 10px;
	font-family: Tahoma, verdana, sans-serif;
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;	
	
}
div.menu4 (position:absolute;top:0; left:0;) /*fixes IE slowness?? */
					
div.menu4	a:link {color: #555; text-decoration: none;}
div.menu4	a:active {color: #555; text-decoration: none;}
div.menu4	a:visited {color: #555; text-decoration: none;}
div.menu4	a:hover {
	color: #333333;
	text-decoration: none;
	background: #fff url("../GI-images/Down-LifeB.gif") 0 0 no-repeat;
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
	
}

/*.pretty-table
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  background: none;
}

.pretty-table caption
{
  caption-side: bottom;
  font-size: 1em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.pretty-table th, .pretty-table td
{
  border-bottom: 1px solid #666;
  padding: 0.5em;
  text-align: left;
  color: #333333;
}


.pretty-table th+th[scope=col]
{
  color: #fff;
  background-color: #none;
  border-right: 0;
}

.pretty-table th[scope=row]
{
  background-color: #none;
  border-right: 0;
}


.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #ff00ff url("../GI-images/MenuBarGRey.gif") 0 0 no-repeat;
  color: #ff00ff;
  text-decoration:none;
}