/** CSS DOCUMENT
**  @AUTHOR: ZLATAN HALILOVIC
**  REVISED: NA
*/

/*** GLOBAL ***/
body  { margin: 0; padding: 0; text-align: center; font: normal 83% Arial, Helvetica, sans-serif; background: #24004c; color: #25004c; line-height: 117%; }
h1    {
	margin: 0 0 5px 20px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h2    {
	margin: 0 0 5px 20px;
	padding: 0;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h3    {
	margin: 0 0 5px 20px;
	padding: 0;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h4    { font-size: 83%;}
p     {
	color: #25004c;
	margin: 0 20px 10px 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a     {
	text-decoration: none;
	color: #be4217;
	font-weight: 900;
}
ul    {
	margin: 0 0 10px 20px;
	font-size:12px;
}
/*** GLOBAL ***/

#wrapper { margin: 13px auto 65px auto; width: 943px; }
#pageBody {
	padding: 24px 11px;
	background: #d5c0e4;
	text-align: left;
}	
#locationpageBody {
	padding: 24px 11px;
	background: #d5c0e4;
	text-align: left;
	height: 100%;
}
#header { background: url('images/header-bg.png') no-repeat; height: 181px; position: relative; }

/*** MAIN NAVIGATION ***/
#mainNav {
	position: absolute;
	top: 151px;
	left: 0;
	width: 867px;
}
#mainNav ul {
	padding: 0;
}
#mainNav ul li {
	display: block;
	float: left;
}
#mainNav ul li a { text-transform: uppercase; color: #d0acf9; }
#mainNav ul li a:hover { color:#be4217; text-decoration:none; }
#mainNav ul li a#turnOnBgImage { background: url('images/main-nav-bg.png') no-repeat top left; color: #be4217;}
#homeLinkBg {
	padding:0px;
}
.navmargin {
	margin-top:7px;
	margin-right: 15px;
}	

/*** MAIN NAVIGATION ***/

/*** LEFT CONTENT ***/
#leftContent {
	position: relative;
	width: 708px;
	float: left !important;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #f5ecfc;
	background-image: url(images/wave-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#leftContent div {
	text-align: left;
}
div#leftTop {
	margin: 10px 0 o 0;
}

div#leftTop span { font-weight: 200; }
div#leftTop div#leftTopFloat {
	float: right;
	margin-right: 10px;
}
div#leftTop div#leftTopLogo {
	float:left;
	width:348px;
}
div#leftTop div#leftTopLogo p {
	font-size:14px;
	margin-bottom:15px;
	line-height: 17px;
	margin-left: 20px;
}

#leftContent div#contentTop {
	padding-top: 15px;
	padding-right: 10px;
}
#createtop {
}
#leftContent div#container {
	margin: 0;
	float: left;
}
#earthwatch {
	float: right;
	margin: 15px 40px 0 0;
}
.homeitalic {
	font-style:italic;
	font-size:12px;
	font-weight:bold;
}	
.psmalltext {
	font-size:12px;
}	
#leftContent div#container #desc { float: left; width: 300px; }
#leftContent div#desc ul {
	margin: 0;
}

#leftContent div#eventParticipation { background: #e4d3ef; width: 315px; margin-left: 357px; padding: 0; }
#leftContent div#eventHeader { width: 315px; height: 53px; background: url('images/event-participation-header.png') no-repeat left top; }
#leftContent div#eventDesc { padding: 0 16px 15px; }
#leftContent div#eventHeader h2 { color: #fff; padding-top: 10px;}
#leftContent h3.eventHeaders { text-transform: capitalize; margin-top: 15px; }
#leftContent div#eventParticipation p { margin-top: 2px; }
#leftContent div#eventParticipation p#login { font-size: 11px; }

#leftContent div#contentBottom {
	clear: both;
	margin-bottom: 10px;
	height:auto;
	padding-top:10px;
}
#leftContent div#contentBottom p {
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* round corners */
#leftContent > div.roundCorners { width: 710px; height: 10px; }
#leftContent div#leftRoundCornersTop {
	position: relative;
	background: url('images/round-corners.png') no-repeat left top;
	z-index: 1000;
}
#leftContent div#rightRoundCornersBottom {
	background: url('images/round-corners-bottom.png') no-repeat left top;
	position: relative;
	top: 10px;
}
#leftTopright {
	float:right;
	background-image: url(images/how-to-participate-box.jpg);
	background-repeat: no-repeat;
	width: 330px;
	height: 276px;
	margin: 0 10px 20px 20px
}
#joinprayer {
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#joinprayer h4, #hostevent h4, #produceevent h4 {
	margin:0;
	font-size:12;
	font-weight:bold;
}
a.joinbut {
	width:78px;
	height:25px;
	background-image:url(images/join_but_off.jpg);
	display:block;
	float:left;
	background-repeat: no-repeat;
	margin: 4px 5px 0 0;
}
a.joinbut:hover {
	background-image:url(images/join_but_on.jpg);
}
#hostevent, #produceevent {
	margin:10px 10px 20px 10px;
}	
a.hostbut {
	width:78px;
	height:25px;
	background-image:url(images/host_but_off.jpg);
	display:block;
	float:left;
	background-repeat: no-repeat;
	margin: 4px 5px 0 0;
}
a.hostbut:hover {
	background-image:url(images/host_but_on.jpg);
}
a.producebut {
	width:78px;
	height:25px;
	background-image:url(images/produce_but_off.jpg);
	display:block;
	float:left;
	background-repeat: no-repeat;
	margin: 4px 5px 0 0;
}
a.producebut:hover {
	background-image:url(images/produce_but_on.jpg);
}			
#earthdancemaplocation h1 {
	margin: 0px;
}
#earthdancemaplocation p {
	margin: 0 0 5px 0;
}
.registration {
	font-size: 10px;
}
#earthdancemaplocation {
	float: left;
	width: 330px;
	margin: 0 10px 20px 20px


}
#earthdanceNetbut, #earthdanceTVbut, #earthdancePavbut, #peacewatchbut {
	height:40px;
}
#rightContent p {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
#earthdancetvresource {
	float: left;
	width: 400px;
}
#peacewatchresource {
	float: left;
	width:250px;
	margin-left:20px;
}
a.earthNetbut {
	width:198px;
	height:35px;
	background-image:url(images/earthdance_network_right_but_off.jpg);
	display:block;
	float:left;
	background-repeat: no-repeat;
	margin: 4px 5px 0 0;
}
a.earthNetbut:hover {
	background-image:url(images/earthdance_network_right_but_on.jpg);
}
a.earthTVbut {
	width:198px;
	height:35px;
	background-image:url(images/earthdance_tv_right_but_off.jpg);
	display:block;
	float:left;
	background-repeat: no-repeat;
	margin: 4px 5px 0 0;
}
a.earthTVbut:hover {
	background-image:url(images/earthdance_tv_right_but_on.jpg);
}
a.earthPavbut {
	width:198px;
	height:35px;
	background-image:url(images/earthdance_pavilion_but_off.jpg);
	display:block;
	float:left;
	background-repeat: no-repeat;
	margin: 4px 5px 0 0;
}
a.earthPavbut:hover {
	background-image:url(images/earthdance_pavilion_but_on.jpg);
}
a.peacewatchbut {
	width:198px;
	height:35px;
	background-image:url(images/peacewatch_but_off.jpg);
	display:block;
	float:left;
	background-repeat: no-repeat;
	margin: 4px 5px 0 0;
}
a.peacewatchbut:hover {
	background-image:url(images/peacewatch_but_on.jpg);
}
#earthmindmeter {
	float: left;
	margin:0 20px 10px 20px;
}
/* prayer for peace page */
#prayerquote {
	width: 370px;
	margin-left: 25px;
	font-style: italic;
	float: left;
	height: 300px;
}
.bold {
	font-weight:bold;
}	
.green {
	font-weight: bold;
	color: #339900;
}
.blue {
	font-weight: bold;
	color: #003399;
}
.red {
	font-weight: bold;
	color: #990000;
}
.regularitalic {
	font-style: italic;
}
.pmarginbottom {
	margin-bottom: 30px;
}
.pnomargin {
	margin: 0 0 0 20px;
}
.globaltext {
	font-size: 14px;
	font-weight: bold;
}
.donatetables {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.smallphotocredit {
	font-size: 10px;
	color: #BE4217;
	text-align: right;
	margin: 0 10px 10px 0;
}
#prayerposter {
	float: right;
	width: 300px;
}
#peacewatch {
	margin-left:20px;
	margin-bottom:10px;
}
#earthdance_video {
	margin-bottom: 10px;
	margin-left:10px;
}


/*** 2010EVENT page ***/
#contentBottom img.floatLeft { float: left; padding: 0 15px 30px 0px; }
#contentBottom p { clear: both; }
#contentBottom img#noMargin { padding-bottom: 0px; }
/***2010EVENT page ***/

/*** LOCATIONS PAGE ***/
table#locations { border-collapse: collapse; }
table#locations tr td {
	width: 200px;
	padding: 6px 10px;
	border: 1px solid #c6b7e8;
}
table#locations .country td { background: #d2c2dd; font-weight: 900; }
table#locations .city td { background: #eceaef; font-weight: 900; vertical-align: top; }
/*** LOCATIONS PAGE ***/

/*** REGISTER FORM ***/
#altNav ul { margin: 0; padding: 0; }
#altNav li { display: inline; position: relative; top: -16px; left: 140px; }
#regHeader {
	margin: 0 0 10px 20px;
	color: #24004C;
}
form { padding: 0; margin: 20px; }
form table { padding: 0; margin: 0; }
form table td { color: #666; }
form table td strong { color: #471185; }
form table td input { border: 1px inset #bec9dd; width: 270px; }
#registerForm button { background: url('images/submit-button.png') no-repeat top left; height: 30px; width: 110px; border: none; cursor: pointer; margin-top: 20px; }
#eventLocation { width: 300px; margin-bottom: 20px; }
#primaryContact { width: 300px; }
#primaryContactAddress { width: 305px; float: right; }
#Prayer { width: 270px; height: 100px; border: 1px inset #bec9dd; }
#Comment { width: 270px; height: 100px; border: 1px inset #bec9dd; }
#Validation { color: red; font-weight: bold; }

/** added by DGreenberg, to hide second contact unless selected by user during input **/
/** disabled #SecondaryContact { visibility: hidden; display: none; } **/

/*** LEFT CONTENT ***/

/*** RIGHT CONTENT ***/
#rightContent {
	float: right !important;
	width: 199px;
	margin-top: -15px;
}
#rightContent ul { padding: 0; margin: 0}
#rightContent li { list-style: none; }
#rightContent li.buttons { background: url('images/buttons.png') no-repeat left top; height: 41px; }
#rightContent li p { padding: 5px; margin: 0; text-align: left; }
#rightContent li p#small { font-size: 75%; }
#rightContent #updates, #rightContent #ads { position: relative; }
#rightContent #updates { background: #fff; margin-top: 25px; padding: 12px 15px 5px 15px; }
#rightContent #updates h2 { margin-left: 5px; }
#rightContent #ads {
	text-align: center;
	background: #f5ecfc;
	margin-top: 35px;
	padding: 10px 0 50px 0;
}
#rightContent h2 { text-align: left; margin-left: 10px; }

/* round corners */
#rightContent * div.rightRoundCornersTop { width: 204px; height: 10px; background: url('images/round-corn-right.png') no-repeat left top; position: absolute; 
top: -10px; left: -1px; }
#rightContent * div.rightRoundCornersBottom {
	width: 204px;
	height: 10px;
	position: relative;
	top: 12px;
	left: -16px;
	background-image: url(images/round-corners-right.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#rightContent #ads div.rightRoundCornersBottom { top: 60px; left: -1px; }
#newsletter input {
	width: 25px;
}
/* round corners */
/*** RIGHT CONTENT ***/

/*** FOOTER ***/
#footer { clear: both; color: #309; margin-top: 20px; }
#footerLogo { text-align: center; padding-top: 10px; }
#footer p#footerLinks {
	padding: 30px 0 0 0;
}
#footer p#copyright {
	padding: 0;
}
#footer a {
	color:#25004c;
	text-decoration:none;
	font-weight:normal;
}
/*** FOOTER ***/
/*** newsletter form ***/

#newsletter {
	width: 500px;
	margin-left: 20px;
}
#newsletter form input, #newsletter form textarea {
	padding: 5px;
	font-size: 14px;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
	width: 250px;
}	
#checkedbox {
	width: 25px;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	font-size: 14px;
	width: 100px;
}
#newsletter input.submit-button {
	width: 75px;
	float: left;
	height: 35px;
	margin-right: 51px;
	margin-left: 20px;
}
#earthmindmeterprayer {
	float: left;
}

/* styles for public form */
#FormPublicWelcome { margin: 0 0 10px 20px; }
#PageNumber { margin: 0 0 10px 20px; }
#FormError { color: red; margin: 0 0 10px 20px; }
#RegisterSuccess { margin: 0 0 10px 20px; }
#MailSentConfirmMsg { margin: 0 0 10px 20px; }
#locationpageBody #leftContent p .bold img {
	margin-right: 40px;
	float: right;
}