body  {
	font-family: Century Gothic,Verdana, Lucida, sans-serif;
	color: #fff;
	background-color: #FFFFFF;
	margin: 0;
	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 */
}

#Container {
	width: 970px;
	background-color: #000000;
	color: #fff;
	margin: 0 auto;
	text-align: left;
} 
/* Main Frame */
#Layout {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

img {
	border:none;
}

/* Main Frame Header */
#Header {
	position:relative;
	width: 970px;
	background-color: #000000;
	padding: 0;
}

#Header #logo, #Header #nologo{
	padding: 0;
	width:407px;
	float:left;
	display:inline;
}

#Header #logo{
	background: url(/themes/zion/images/zion_logo.jpg) no-repeat top left;
	height:359px;
}

#Header #nologo{
	background: url(/themes/zion/images/topleftBorder.jpg) no-repeat top left;
	height:59px;
}

#Header #rhHeader{
	background: url(/themes/zion/images/topBorder.jpg) repeat-x top left;
	float:left;
	width:535px;
	height:42px;
	display:inline;
}

#Header #rhTopBorder{
	background: url(/themes/zion/images/rhtopBorder.jpg) no-repeat top right;
	float:right;
	width:28px;
	height:42px;
	display:inline;
}

#Header #rhBorder{
	background: url(/themes/zion/images/rhBorderEdge.jpg) repeat-y top right;
	float:right;
	width:28px;
	height:317px;
	display:inline;
}

#Header #rhBorderNoLogo{
	background: url(/themes/zion/images/rhBorder.jpg) no-repeat top right;
	float:right;
	width:28px;
	height:59px;
	display:inline;
}

#Header h1 {
	margin: 0; /* zeroing the margin of the last element in the #Header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;
}

#Header h1 span{
	display:none;
}
/* Main Frame Body */
#lhBorder{
	background: url(/themes/zion/images/lhBorder.jpg) repeat-y top left;
	float:left;
	width:46px;
	height:343px;
	display:inline;
}

#mainBody{
	position:relative;
	display:inline;
}

#rhBorderEdge{
	background: url(/themes/zion/images/rhBorderEdge.jpg) repeat-y top right;
	float:right;
	width:28px;
	height:343px;
	display:inline;
}


/* Navigation */
#Navigation{
	position:absolute;
	top:140px;
	left:240px;
	height:50px;
	width:680px;
	background-color:transparent;
	display:inline;
	z-index:50px;
}

#Navigation ul#mainNav{
	margin:0;
	float: left;
	width:700px;
	padding: 0;
	color: #fff;
	background-color:transparent;
}

#Navigation ul#mainNav li{
	margin:0;
	display:inline;
	padding:0 25px;
	border-right:1px solid #666;
	background-color:transparent;
}

#Navigation ul li a.current,
#Navigation ul li a.section,
#Navigation ul li a.section:hover,
#Navigation ul li a.current:hover {
	color:#BE064F;
}

#Navigation ul#Menu2{
	margin:0;
	width:700px;
	padding:0 0 0 40px;
	color: #fff;
	background-color:transparent;
}

#Navigation ul#Menu2 ul{
	margin:0 auto;
	padding:0;
}

#Navigation ul#Menu2 li{
	margin:0;
	display:inline;
	padding:0 5px;
	line-height:2.5em;
	border-right:1px solid #666;
	font-size:0.9em;
}

/* Home Content */
#homeSideBar {
	position:absolute;
	top:-150px;
	left:550px;
	z-index:60;
	width: 320px;
	padding: 10px;
	background-color: transparent;
	color: #fff;
}

#homeContent {
	position:absolute;
	top:-157px;
	left:0;
	z-index:50;
	margin: 0;
	width: 575px;
	padding: 0;
	background-color: #000000;
	color: #fff;
}

#mainContent {
	position:absolute;
	top:-157px;
	left:30px;
	z-index:60;
	margin: 0;
	width: 450px;
	padding: 0;
	background-color:transparent;
	color: #fff;
}


#homeContent a, #mainContent a{
	background-color: #000000;
	border:none;
} 

#homeContent img{
	margin: 0;
	display:inline;
	padding: 0;
	background-color: #000000;
	border:0;
} 

#mainContent img{
	margin: 0;
	display:block;
	padding: 0;
	background-color: #000000;
	border:0;
} 

#ArticlePhoto {
	margin:0;
	float:right;
}

#ArticlePhoto img {
	display:block;
	padding:10px;
}

/* MainContent */

#Sidebar {
	position:absolute;
	top:-173px;
	left:520px;
	z-index:60;
	width: 350px;
	padding: 10px;
	background-color: transparent;
	color: #fff;
}

#Sidebar h3, #Sidebar p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Gallery Content */

#galleryContent {
	position:absolute;
	top:-173px;
	left:320px;
	z-index:60;
	width: 480px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 0 10px; /* top and bottom padding create visual space within this div */
	background-color: transparent;
	color: #fff;
}

#gallerySidebar {
	position:absolute;
	top:-120px;
	left:0px;
	z-index:50;
	margin: 0;
	width: 300px;
	padding: 0;
	background-color:transparent;
	color: #fff;
}

/* Splash Page */

#SplashSidebar {
	float: left;
	width: 15em;
	padding:0; /* top and bottom padding create visual space within this div */
	background-color: transparent;
	margin:0 auto;
	color: #fff;
}

#SplashSidebar a{
	font-size:0.8em;
	color: #DB075B;
}

#splashImage {
	margin: 0;
	float: left;
	width: 500px;
	padding: 0;
	background-color: #000000;
	color: #fff;
}

 #splashImage #lhBorder{
	background: url(/themes/zion/images/lhBorder.jpg) repeat-y top left;
	float:left;
	width:46px;
	height:600px;
	display:inline;
}

#rhBorderEdgeLong{
	background: url(/themes/zion/images/rhBorderEdge.jpg) repeat-y top right;
	float:right;
	width:28px;
	height:600px;
	display:inline;
}

/* Padding */

#homeContent #pad, #mainContent #pad{
	margin: 0;
	width: 400px;
	display:inline;
	padding: 0;
}

#mainContent #pad{
	float:right;
}

#homeContent #pad{
	float:right;
}

#Footer { 
	padding:0;
	background-color: transparent;
	color: #666;
} 

#Footer #lhFooter{
	background: url(/themes/zion/images/footerLHBorder.jpg) no-repeat bottom left;
	float:left;
	width:407px;
	height:26px;
	display:inline;
}

#Footer #botBorder{
	background: url(/themes/zion/images/footerBorder.jpg) repeat-x bottom left;
	float:left;
	width:535px;
	height:26px;
	display:inline;
}

#Footer #rhFooter{
	background: url(/themes/zion/images/footerRHBorder.jpg) no-repeat bottom right;
	float:right;
	width:28px;
	height:26px;
	display:inline;
}

#Footer h3{
	font-size:0.9em; font-weight:normal;padding-top:10px;margin:0;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	background-color: #000000;
	color: #fff;
}