/* 
====================================
	2easy Organizations & News
====================================
	SX STYLES - STRUCTURE CLASSES
==================================== */

body	{
	margin: 1px;
	background: url('../imgPg/sx_color.gif') left top repeat;
	}
body, table, input, select {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}
form	{margin: 0px; padding: 0px;}
th {
	color: #fff; 
	padding: 6px 3px;
	border: 1px solid #369;
	}
hr		{height: 2px;color: #010101;}
ul		{margin-left: 18px;}
ol		{margin-left: 24px;}
a {color: #369; text-decoration: none;}
a:hover {color: #d00;}

#pageFrame {
	padding: 10px 0;
	text-align: center;
	background: url('../imgPg/bgrGradient.jpg') left top;

	}
#pageBG {
	background: #9ab url('../imgPg/sx_colorSec20.gif') left center;
	width:940px;
	margin: 5px auto;
	text-align: left;
	padding-top: 1px;
	}

/*
== ALL SITE FRAMES AND CELLS
	filter: alpha(opacity=40);
========================= */

#headerFrame, #mainFrame, #footerFrame {}

.leftCell 			{width: 20%;
	}
.middleCell			{width: 58%;}
.rightCell			{width: 22%;
	}
.middleRightCell	{width: 78%;}

.headerLeftCell	{width: 20%;}
.headerMiddleCell	{width: 58%;}
.headerRightCell	{width: 22%;}

.headerMiddleCell, .middleCell, .middleRightCell {}

/* 
=====================================================================
////////////////////////////////////////////// HEADER 
===================================================================== */

#headerFrame {
	margin: 0 20px;
	}

/*	=================================
	THE LOGO DIV & TABLE 
	================================= */
#headerBG { height: 200px;
	}

#headerBG object {width: 100%;}
#headerBG embed {width: 100%;}

#headerTable {width: 100%; height: 200px;}
.headerLeftCell {
	vertical-align: bottom;	
	text-align: center;
	}
.headerMiddleCell {
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: center;
	text-align: right;
	}
.headerMiddleCell div {
	padding: 1px;
	font-size: 12px;
	}

.headerRightCell {
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: center;
	text-align: right;
	}
.headerRightCell div {
	padding: 1px;
	font-size: 12px;
	}

/*	=================================

	TEXT LOGOTYPE 
	=========== =========== =========== */
.logoTitle {
	display: block;
	font-size: 14px; 
	letter-spacing: 2px;
	font-weight: normal; 
	font-family: impact, "Times New Roman", verdana, arial, Times; 
	}
.logoSubTitle {
	display: block;
	letter-spacing: 1px;
	font-size: 11px; 
	font-weight: bold; 
	font-family: arial, verdana, "Times New Roman", Times ; 
	}

/*	=================================
	HEADER SPACE - Must be activated from the site configuration
	================================= */
#headerTableSpaceBG {
	background: url('../imgPg/sx_color.gif') left top;
	margin-top: 2px;
	padding: 3px 0;
	}
#headerTableSpace {
	background:#fff url('../imgPg/sx_color10.gif') left bottom;
	padding: 3px 5px;
	color: #58a;
	}
#headerTableSpace .headerSpaceLeftCell {
	text-align: left;
	}
#headerTableSpace .headerSpaceLeftCell div {
	font-size: 12px;
	font-weight: bold;
	}
#headerTableSpace .headerRightCell {
	text-align: center;
	}
#headerTableSpace .headerRightCell div {
	font-weight: bold;
	}


/*	=================================
	THE BAR DIV & TABLE 
	================================= */
#barBG {	
	padding: 1px 0; 
	background: url('../imgPg/sx_color10.gif') left bottom;

	}
#barTable {height: 30px;
	width: 100%;
	background: url('../imgPg/sx_header.gif') left bottom;
	color: #fff;
	}
#barTable a {color: #fff; font-size: 10px; font-weight: bold;}
#barTable a:hover {color: #f8f805;}

#barTable .leftCell, #barTable .middleCell, #barTable .rightCell {
	vertical-align: center;
	text-align: center;
	}
#barTable .leftCell {
	color: #dde;
	}
#barTable .middleCell {
	}
#barTable .rightCell {
	}

#barTable .middleCell div, #barTable .rightCell div {
	}
#barTable .leftCell div {padding: 5px 0}
#barTable .middleCell div {padding: 5px 0; }
#barTable .rightCell div {padding: 2px 0 1px 0;}

#barTable .leftCell span, #barTable .middleCell span, #barTable .rightCell span {
	}

/*	=================================
	SPACER
	================================= */
#barSpaceBG {}
#barTableSpace {width: 100%; height: 28px; text-align: center}
#barTableSpace .leftCell {}
#barTableSpace .middleCell {border-bottom: 1px solid #ddd;
}
#barTableSpace .rightCell {}


/* BAR MARQUEE
=================*/

#marqueeBG {font-weight: bold; font-style: italic; font-size: 12px;}
#marqueeBG a {display: block; font-size: 11px;  padding: 4px 0;}
#marqueeBG a:hover {color: #c00; 
}

/*	=================================
	FOR SEARCH INPUTS IN THE HEADER
	================================= */
.searchInput  {
	width: 60%;
	padding: 3px;
	margin-right: 1px; 
	border: 1px solid #fff;
	}
.searchSubmit {
	width: 30%;
	padding: 1px 2px 2px 2px;
	cursor: pointer;
	border: 1px solid #fff;
	color: #fffefd;
	background: url('../imgPG/sx_header.gif') left bottom repeat;
	margin-bottom: 1px;
	}

/*	=================================
	DATE/SEARCH/FLAGS ON THE TOP OF PAGE
	=========== =========== =========== */
#flagBG {
	float: left; height: 15px;
	background:#fff; 
	padding: 1px;
	}
#topSearch {
   position: absolute;
   left: 40%;
   }
#topSearch form {}
#topSearch .topInput {
	width: 160px; 
	margin-right: 1px;
	font-size: 10px;
	}
#topSearch .topSubmit {
	cursor: pointer;
	height: 18px; 
	width: 50px; 
	background-image:url('../imgPG/sx_color.gif'); 
	color: #e0e4e8; 
	}
#dateBG {
	position: absolute; 
	z-index: 100;
	left: 5px; 
	top: 6px; 
	width: 160px;
	font-size: 10px; 
	color: #fff; 
	}

/*
=====================================================================
////////////////////////////////////////////// MAIN BODY
===================================================================== */

#mainFrame {
	margin: 0 20px;
}
#mainBG {
	padding-bottom: 10px;
}

/* =================================
	MAIN TABLE CELLS 
	=========== =========== =========== */
#mainTable {width: 100%;}

#mainTable .leftCell {
	border-right: 1px solid #ddd;
	}
#mainTable .middleCell {
	background: url('../imgPg/sx_colorSec10.gif') left top repeat;
	border: 1px solid #fff;
  }
#mainTable .rightCell {
	border-left: 1px solid #ddd;
	}
#mainTable .middleRightCell {
	background: #fff url('../imgPg/sx_colorSec10.gif') left top repeat;
	border: 1px solid #fff;
}

/*	=================================
	DIVS WITHIN MAIN TABLE CELLS
	=========== =========== =========== */
#mainLeftBox {
	height: 100%;
	margin: 0 4px 10px 0;
   }
#mainMiddleBoxFirstPage {
	height: 100%;
	padding: 5px 25px 10px 25px;
	}
#mainMiddleBox {
	height: 100%;
	padding: 5px 25px 10px 25px;
	}
#mainRightBox	{
	margin: 0 0 10px 5px;
}
#mainMiddleRightBox {
	height: 100%;
	padding: 5px 0 10px 20px;
	}


/*
=====================================================================
////////////////////////////////////////////// FOOTER
===================================================================== */
#footerFrame {
	margin: 0 20px;
	padding-top: 7px;
	background:  url('../imgPG/sx_line.gif') left top repeat-x;
	margin-bottom: 10px;
	}
#footerFrame a			{color: #903; text-decoration: underline;}
#footerFrame a:hover	{color: #000}

#footerBG {
	background: url('../imgPG/sx_color.gif') left top repeat;
	padding: 1px;
	margin-top: 1px; 

}

#footerTable {width: 100%;
border: 1px solid #fff;
	background: url('../imgPG/sx_header.gif') left -10px repeat-x; 

}

#footerTable a			{color: #903;}
#footerTable a:hover	{color: #000;}

#footerTable .leftCell 	{vertical-align: top; font-weight: normal}
#footerTable .middleCell {text-align: center; 
	}
#footerTable .rightCell	{text-align: right; vertical-align: top; font-weight: bold; font-size: 12px}

.footerLeftBox,.footerMiddleBox, .footerRightBox {
	padding: 10px 6px 6px 6px;
	}

#statInfo {margin: 3px}
#poweredBy {color: #999; float: right; margin: 3px;}
#poweredBy a {color: #999; text-decoration: underline;}
#poweredBy a:hover {color: #000000}

/* END
*/