/**************************************************************
/* public.css
/* jpl 8/12/09
/*
/*	Styles for ourmiracleparty.com
/*************************************************************/


/*------------------------------------------------------------------------------*/
/* SECTION::Global HTML Resets */

* {
	padding:				0;
	margin:					0;
}
html {
	padding:				0;
	margin:					0;
}

body {
	text-align:				left;
	padding:				0;
	margin:					0;
	background:				#000 url(../images/background.jpg) 50% 0 no-repeat;
	font-family:			Georgia, Times New Roman, serif;
	font-size:				12px;
	color:					#fff;
}

ol li {
	margin-left:			30px;
}


/* End SECTION::Global HTML Resets
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Chrome  */
	a:link		{ color: #fb8800; text-decoration: none; }
	a:visited	{ color: #fb8800; text-decoration: none; }
	a:hover		{ color: #fff; text-decoration: none; }
	a:active	{ color: #fff; text-decoration: none; }
	
	
a img { border: 0; }

h2 {
	font-size:				16px;
	color:					#96cd00;
	margin-top:				0px;
	margin-bottom:			0px;
	font-weight:			500;
}

.green { color: #96cd00; }
p  { padding-bottom:		12px; text-align: justify; }


/* End SECTION::Chrome
/*------------------------------------------------------------------------------*/






/*------------------------------------------------------------------------------*/
/* SECTION::Standard Inputs  */
input[type=text], input[type=password], select, textarea {
	border:				1px solid #580029;
	font-size:			11px;
}

input[type=text], input[type=password] {
	padding:			2px 3px;
	height:				13px;  /* inside border minus padding */
}

select {
	padding:			1px 0px;
	height:				19px;  /* inside border */
}

textarea {
	padding:			2px 3px;
	font-family:		helvetica, serif;
}

textarea[disabled] {
	background-color:	#f4f4f4;
	color:				#bbb;
}


/* End SECTION::Standard Inputs
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Page Architecture  */

#page-content {
	position:				relative;
	width:					900px;
	margin:					40px auto 20px auto;
}
	

#aboutInfo {
	position:				absolute;
	top:					262px;
	left:					0px;
	width:					240px;
	text-align:				center;
	font-family:			Trebuchet MS, Arial, sans-serif;
	font-size:				11px;
	line-height:			12px;
}
#aboutInfo a { color: #fff !important; }



#infoPanel {
	position:				absolute;
	top:					324px;
	left:					0px;
	width:					240px;
	text-align:				center;
	font-size:				15px;
	line-height:			18px;
}
#infoPanel a { color: #96cd00 !important; }




#topMenu {
	position:				absolute;
	top:					1px;
	left:					279px;
	z-index:				1px;
}
#topMenu ul li {
	float:					left;
	display:				block;
	height:					50px;
}
#topMenu ul li.hover {
	cursor:					pointer;
}
#topMenu ul li.current {
	cursor:					default;
}
#topMenu ul li.current {
	background:				transparent url(../images/activeMenuItem.gif) 50% 32px no-repeat;
}

#blogLink {
	position:				absolute;
	top:					0px;
	left:					264px;
	width:					125px;
	height:					42px;
}
#blogLink a {
	display:				block;
	width:					125px;
	height:					42px;
}



#pageSet {
	position:				absolute;
	top:					51px;
	left:					279px;
}

#pageSet div.page {
	padding:				10px 0 30px 20px;
	width:					600px;
	height:					354px;
}

	.pageImage {
		position:				absolute;
		top:					-50px;
		right:					0px;
	}
	.pageText {
		width:					347px;
	}


/*------------------------------------------------------------------------------*/
/* SECTION::Global Utility  */
	
	.green { color: #96cd00; }
	
	.elementSet td	{ padding-bottom: 4px; }
	.nextElement	{ margin-top: 6px; }
	.nextSection	{ margin-top: 16px; }

/* End SECTION::Global Utility
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Universal Utility  */
	
	
	.left       { float: left; }
	.right      { float: right; }
	.inline		{ display: inline; }
	
	.block		{ display: block; }
	.inline		{ display: inline; }
	.inlineBlock{ display: inline-block; }
	
	.justify	{ text-align: justify; }
	
	/* this is for using on a block-level container element */
	/* and will center contents inside the container */
	.center     { text-align: center; }
	
	/* this is for using on an inline element, such as an image */
	/* and will turn the element block, and center the element within its container */
	.centered   { display: block; margin: 0 auto 0px auto; }
	
	.verticalMiddle td, td.verticalMiddle { vertical-align: middle; }
	div.verticalMiddle { vertical-align: middle; }
	.verticalMiddle img { vertical-align: middle; }
	.verticalMiddle input[type=image] { vertical-align: middle; }
	.verticalMiddle>* { vertical-align: middle; }
	
	.baseline	{ vertical-align: baseline !important; }
	
	.relative	{ position: relative; }
	.absolute	{ position: absolute; }
	
	.hidden     { display: none; }
	.no-border  { border: none !important; }
	
	.flush-left { padding-left : 0 !important; margin-left : 0 !important }
	.flush-right{ padding-right: 0 !important; margin-right: 0 !important }
	
	.fullWidth	{ width: 100%; }
	
	.truncatedText { overflow: hidden; }
	
	.clear      { clear: both; }
	.hideOverflow {	overflow: hidden; }
	
	.clickable	{ cursor: pointer; }
	.strike		{ text-decoration: line-through; }
	.transparent{ border: none !important; background: transparent; }
	
	.bold		{ font-weight: 900 }
	
	
	.grey		{ color: #939598; }
	
/* End SECTION::Universal Utility
/*------------------------------------------------------------------------------*/