﻿@charset "utf-8";
/* A Bahai Perspective v1.0
Created 9.19.2009


/*	Default Content
-------------------------------------------------------------------------------*/
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table {
	border-collapse: collapse;
	border:0px;
}
img {
	border:0px;
}
p {
	font-size: 12px;
	line-height:18px;
}

/*	Div Containers
-------------------------------------------------------------------------------*/
#siteContainer {
	width:985px;
	border:0px #647E53 solid; 
	height:700px;
	background: url("../images/headphoneBackground.jpg") no-repeat bottom left;
	background-color: #fff;
}
#lfSide {
	width: 555px;
	height: 645px;
}
#rtSide {
	width: 430px;
	height:700px;
	background-color: #647E53;
	margin-left: 555px;
	margin-top: -80px;
}
#cLogo {
	width: 458px;
	height:80px;
	margin-left:15px;
	margin-top: 10px;
}
#bBox {
	width:265px;
	padding: 10px;
	position:absolute;
	margin: 30px 0px 0px 250px;
}

#topNav {
	width:430px;
	height: 40px;
	margin-left: 20px;
	margin-top: 10px;
	float:left;
}
#navPad {
	padding: 5px 15px 5px 5px;
	margin-top: 2px;
	float:left;
}
#topSubNav {
	width:395px;
	height: 50px;
	margin-left: 80px;
	float:left;
}
#thisWeekBox {
	width:360px;
	height:550px;
	padding: 5px;
	margin-left:20px;
}
#thisWeekTitle{
	width:354px;
	margin-left: 5px;
	margin-top: 55px;
}
#showTitle {
	width: 350px;
	margin-left:15px;
}
#showTxtBox{
	width: 350px;
	margin-left:15px;
	margin-top: 20px;
}
#subscBox{
	width: 380px;
	height: 80px;
	position:absolute;
	margin: 10px 0px 0px 40px;

}
/*  Subpages Div
---------------------------------------------------------------------------*/

#aboutContainer {
	width:985px;
	border:0px #647E53 solid; 
	height:840px;
	background: url("../images/bg01.jpg") no-repeat top left;
	background-color: #fff;
	height:1050px;
}
#archContainer {
	width:985px;
	background: url("../images/bg02.jpg") no-repeat top left;
	background-color: #fff;
}
#contactContainer {
	width:985px;
	border:0px #647E53 solid; 
	height:1000px;
	background: url("../images/bg03.jpg") no-repeat top left;
	background-color: #fff;
}

#headL {
	width:492px;
	height: 100px;
	float:left;
	margin-top: 0px;
}
#headR {
	width:493px;
	height: 100px;
	float:left;
	margin-top: 0px;
}

#subLogo {
	width: 444px;
	height:57px;
	margin-left:15px;
	margin-top: 19px;
}
#topSubNav {
	width:430px;
	height: 40px;
	margin-left: 60px;
	margin-top:22px;
	float:left;
}
#subTitle {
	margin-left:-5px;
	margin-top:-5px;
}

#copyBox {
	width:875px;
	padding: 0px 10px 10px 10px;
	margin-left: 40px;
}
#pNoBorderL {
	float:right;
	padding: 5px 0px 2px 15px;
}
#archYear {
	width:875px;
	height: 25px;
	border-bottom:2px #6D7E57 solid;
}
#archYearBox {
	width: 60px;
	height: 25px;
	padding: 8px 5px 8px 5px;
	background-color:#6D7E57;
	margin-right: 15px;
	margin-top:-15px;
	float:left;

}
#archYearBoxOver {
	width: 50px;
	height: 15px;
	padding: 3px 5px 7px 5px;
	background-color:#9AAA84;
	margin-right: 10px;
	float:left;
}
#archSearchBox {
	width: 160px;
	height: 25px;
	padding: 8px 5px 8px 2px;
	background-color:#6D7E57;
	margin-right: 15px;
	margin-top:-15px;
	float:left;
}

	
/*  Container/Nav Classes
---------------------------------------------------------------------------*/
.left {
	/*background: url("/images/backgroundTile2.jpg") top right repeat-y; */
	margin:0; 
	padding:0;
}
.center {
	background-color: #86859B; 
	margin:0; 
	padding:0;
}
.right {
	/*background: url("/images/backgroundTile3.jpg") top left repeat-y; */
	margin:0; 
	padding:0;
}

.imgR { 
	float: left; 
	padding: 5px 15px 5px 0px;
}

a.navLink:link {
	font-size: 13px; 
	line-height:22px;
	color:#fff; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
	text-decoration:none;
}
a.navLink:visited {
	font-size: 13px; 
	line-height:22px;
	color:#fff; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
	text-decoration:none;
}

a.navLink:hover {
	color: #ace068; 
	font-weight: normal;
	text-decoration:none;
}

.navLinkOver {
	color: #ace068; 
	font-weight: normal;
	text-decoration:none;
	border: 1px #ace068 solid;
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-size: 13px; 
	line-height:22px;
	padding: 3px 5px 3px 5px;
}
#searchNav {
	width: 449px; 
	height:69px;
}
#searchPad {
	padding: 10px 5px 10px 10px;
	margin-top: -10px;
	margin-left: 60px;
	float:left;
}
.searchTxt {
	color: #5986AA;
	font-size: 13px; 
	line-height:22px;
 	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight: normal;
	text-decoration:none;
}
.button {
    border: 1px solid #5986AA;
    background: #5986AA;
    font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 12px; 
	line-height:22px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}
.button:hover {
    border: 1px solid #5986AA;
    background: #f2922f;
    font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 12px; 
	line-height:22px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}


.pBorder {
	border:1px #666666 solid;
}

/* Content Text Classes
----------------------------------------------------------------------*/

.showTitle { 
	text-align:left; 
	font-size: 20px; 
	padding:2px;
	color:#b0d384; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
}
.showDate { 
	text-align:left; 
	font-size: 11px;
	margin-top:-15px;
	margin-bottom: 15px;
	color:#b0d384; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
	padding:3px;

}

.hpText { 
	text-align:left; 
	font-size: 13px; 
	line-height:22px;
	padding:5px 0px 10px 0px;
	color:#7c7d7c; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
}
.showText { 
	text-align:left; 
	font-size: 13px; 
	line-height:20px;
	padding:2px;
	color:#d6ecb9; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
}

.pTitleTxt { 
	text-align:left; 
	font-size: 32px; 
	padding:8px 0px 0px 20px;
	color:#ffffff; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
}

.nowTitle {
	font-size: 16px; 
	line-height:20px;
	color:#2D526A; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
	text-decoration:none;
}
a.hLink:link {
	font-size: 13px; 
	line-height:22px;
	color:#2D526A; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
	text-decoration:none;
}
a.hLink:visited {
	font-size: 13px; 
	line-height:22px;
	color:#2D526A; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
	text-decoration:none;
}

a.hLink:hover {
	color: #f2922f; 
	font-weight: bold;
	text-decoration:none;
}
.bTitle { 
	text-align:left; 
	font-size: 20px; 
	padding:18px 2px 0px 2px;
	color:#006896; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
}
.bDate { 
	text-align:left; 
	font-style:italic;
	font-size: 12px;
	margin-top:-20px;
	margin-bottom: 15px;
	color:#808080; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
}

.bArticle { 
	text-align:left; 
	font-size: 13px; 
	width:850px;
	line-height:22px;
	padding:5px 0px 10px 0px;
	color:#284960; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
}
.yrDate { 
	text-align:center; 
	font-size: 18px; 
	color:#ffffff; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
}
.yrDateOver { 
	text-align:center; 
	font-size: 18px; 
	color:#ffffff; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
}

.hrArch {
	background-color: #9AAA84;
	height: 1px;
	border: 0;
	color: #9AAA84;
	width: 100%;
	text-align: left;
}
.footTxt {
	font-family: Verdana, Arial, san-serif; 
	font-size: 8pt; 
	color:#2D526A; 
	text-align:center;
}
a.fLink:link {
	font-family: Verdana, Arial, san-serif; 
	font-size: 8pt; 
	color:#2D526A; 
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
a.fLink:visited {
	font-family: Verdana, Arial, san-serif; 
	font-size: 8pt; 
	color:#2D526A; 
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

a.fLink:hover {
	color: #f2922f; 
	font-weight: bold;
	text-decoration:none;
}

/*----------------Admin--------------------------*/
#adminContainer {
	width:985px;
	border:0px #647E53 solid; 
	height:545px;
	background-color: #fff;
}
#adminBlogBox {
	width: 725px;
	float:left;
	background: #fff;
	margin-top: 20px;
	margin-left: 120px;
	padding-right: 30px;
}
#editContainer {
	width:985px;
	background-color: #fff;
}

#pBar {
	width:990px;
	height: 28px;
	float:left;
	margin-top: 0px;
	background:#6D7E57;
}

a.adminNavLink:link {
	font-size: 13px; 
	line-height:22px;
	color:#2D526A; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
	text-decoration:none;
}
a.adminNavLink:visited {
	font-size: 13px; 
	line-height:22px;
	color:#2D526A; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:normal;
	text-decoration:none;
}

a.adminNavLink:hover {
	color: #f2922f; 
	font-weight: normal;
	text-decoration:none;
}

.adminNavLinkOver {
	color: #f2922f; 
	font-weight: normal;
	text-decoration:none;
	border: 1px #f2922f solid;
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-size: 13px; 
	line-height:22px;
	padding: 3px 5px 3px 5px;
}
.yrDateAdmin { 
	text-align:center; 
	font-size: 18px; 
	color:#ffffff; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
}
.yrDateAdminOver { 
	text-align:center; 
	font-size: 18px; 
	color:#ffffff; 
	font-family: Cailbri,Tahoma,Arial, san-serif;
	font-weight:bold;
}
#archYearAdmin {
	width:875px;
	height: 25px;
}
#archYearBoxAdmin {
	width: 60px;
	height: 25px;
	padding: 8px 5px 8px 5px;
	background-color:#6D7E57;
	margin-right: 15px;
	margin-top:-5px;
	float:left;

}
#archYearBoxAdminOver {
	width: 50px;
	height: 15px;
	padding: 3px 5px 7px 5px;
	background-color:#9AAA84;
	margin-right: 10px;
	float:left;
}

/*----------------------------------------------*/