/*
=============================================================
	2eSiteV1
=============================================================
	SX STYLES - CONTENT CLASSES
=============================================================
Go to row:
15		=	LEFT CONTENT		(Menu lists )
50		=	MIDDLE CONTENT		(Text formation, Related and floating lists)
300	=	RIGHT CONTENT		(Lists of categories and archives)
=============================================================
*/

/*	
=============================================================
////////////////////////////////////// LEFT CONTENT
=============================================================*/

/*	===================================
	NAVIGATION MENU
	=========== =========== =========== */
#navBG {
	padding: 0 0 10px 0;
	}
#navHead {
	color: c00000;
	font-weight: bold; 
	padding: 5 3 0 3;
	}

/*	FOR LINKS WITHIN NAVIGATION HEADS */
#navHead a {}
#navHead a:hover {}

#navLink {
	padding: 1px 4 2 4px; 
	color: #000000; 
	text-decoration: none;
	line-height: 13px
	}
#navLink a {color: #000000; text-decoration: none;	}
#navLink a:hover {color: #a00000;}

/*	
=============================================================*/
////////////////////////////////////// MIDDLE CONTENT
=============================================================

/*	===================================
	FIRST PAGE - TEXT HEADERS
	=========== =========== =========== */

#categoryBG{
	margin: 0 0 5px 0;
	padding: 0 12;
	background-color: #ffffff;
	}

#categoryName {
	background-color: #a0a4a0;
	font-size: 16px;
	letter-spacing: 2px;
	color: f8f8f8;
	font-weight: bold;
	padding: 3 5 2 5;
	}
#textBG{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
	}

/*	===================================
	ALL PAGES - PAGE-HEADERS NAME 
	=========== =========== =========== */
.head1 {
	font-size: 14px; 
	color: #000000;
	border-bottom: 2px solid #000000;
	font-weight: bold; 
	padding: 4 3px 3 3; 
	margin: 0 0 12px 0;
	}
.head2 {
	font-size: 11px; 
	color: #000000;
	font-weight: bold;No
	padding: 1px 2px; 
	margin-bottom: 5px;
	}
.headMiddleRight {
	font-size: 14px; 
	color: #000000;
	border-bottom: 1px solid #000000;
	font-weight: bold; 
	padding: 3; 
	margin: 1 0 5px 0;
	}

/*	===================================
	ALL PAGES - TEXT-TITLE HEADERS
	=========== =========== =========== */
#head1 {
	margin-bottom: 6px;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}
#head1 a			{color: #000000;}
#head1 a:hover	{color: #c00000;}

#head2 {
	margin-bottom: 4;
	font-size: 13px;
	font-weight: bold;
	}
#head3 {
	font-weight: normal;
	font-style:none
	}

/*	===================================
	TEXT AND IMAGE CLASSES
	=========== =========== =========== */
.imageLeft		{float: left; margin: 0 5px 5px 0;}
.imageCenter	{text-align: center; margin: 0 0 5px 0;}
.imageRight		{float: right; margin: 0 0 5px 5px;}
.imageText		{font-size: 10px; text-align: center; background-color: #e4e6e8; padding: 2px 0}

/*=======================================================================
	Obs! [overflow: visible AND width: 100%] FIX A BUG IN ie - Don't remove!
=========================================================================*/
.text {
	font-family: "Times new Roman", Verdana, Arial, Tahoma, Helvetica; 
	font-size: 12pt;
	overflow: visible;
	width: 100%;
	margin: 12 0 12 0;
	text-align: left;
	line-height: 120%;
	}
.justText {
	font-family: "Times new Roman", Verdana, Arial, Tahoma, Helvetica; 
	font-size: 12pt;
	overflow: visible;
	width: 100%;
	margin: 0 0 12 0;
	text-align: justify;
	line-height: 120%;
	}
.justText span {
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-weight: bold; font-size: 11px;
	}
.justText a {
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-weight: bold; font-size: 11px;
	}
.justText a:hover {}

.normalText  {
	font-family: "Times new Roman", Verdana, Arial, Tahoma, Helvetica; 
	font-size: 12pt;
	overflow: visible;
	width: 100%;
	margin: 12 0 12 0;
	line-height: 120%;
	text-align: justify;
	}
.bigText  {
	overflow: visible;
	width: 100%;
	margin: 10 0 12 0;
	font-family: Arial, "Trebuchet MS", Tahoma, "Times new Roman", Verdana, Helvetica; 
	font-size: 12pt;
	line-height: 130%;
	text-align: left; }

.readMoreFirst {
	position: relative;
	clear:both;
	width: 100%;
	padding: 0 0 3 0; 
	margin: 0 0 10 0; 
	text-align: right; 
	border-bottom: 1px dotted #aabbcc;
	}
.readMore {width: 100%
	clear:both;
	margin: 10 0; 
	padding: 0 0 3 0; 
	text-align: right; 
	border-bottom: 1px dotted #aabbcc;
	}
#readMoreTable {width: 100%}
#videoPhotoBG {}

.goToPrint {text-align: right;
	 margin: 10 0 10 10;}

/*	===================================
	CONTACT CLASSES
	=========== =========== =========== */
.getMsg {
	text-align: center;
	border:3px ridge #000000; 
	padding:5px; 
	background-color: #c0c4c4;
	margin: 5px;
	}
.sendMsgBG {
	margin: 5 0 10 0; 
	padding: 5px;
	}

/*	===================================
	FLOATING LISTS (FOR FILES ***FloatingList.asp)
	=========== =========== =========== */
#floatingListBG{
	float: right; 
	width: 40%; 
	margin: 0 0 5 5;
	text-align: left;
	}
#floatingListTitle {
	font-size: 11px;
	background-color: 909999; 
	color: #e0e4e8; 
	padding: 2px; 
	text-align: center; 
	font-weight: bold;
	}
#floatingListTheme {
	font-size: 11px;
	color: 000000; 
	font-weight: bold; 
	text-align: center; padding: 3 0 3 0;
	}
#floatingListCategory {
	border-top: 2px solid #000000; 
	background-color:#F0e0D0;
	color: #000000;
	padding: 3px 2px;
	margin: 2px 0;
	font-size: 11px; 
	font-weight: bold; 
	}

#floatingListContent {margin: 2 0 4 0}
#floatingListContent td {padding: 2 2 1 3; color: #000000}
#floatingListContent a {color: #cc3300; text-decoration: none}
#floatingListContent a:hover {color: #0000cc; text-decoration: none}

#floatingListMore {background-color: 909999; padding: 1; margin: 5 0 0 0; }
#floatingListMore a {color: #e0e4e8; text-decoration: none}
#floatingListMore a:hover {color: #000000;}

/*	===================================
	LISTS FOR ALL RELATED TEXTS (FOR FILE readRelatedAllList.asp)
	=========== =========== =========== */
#relatedListCategory {
	border-top: 2px solid #000000; 
	background-color:#e0e4e4;
	color: #000000;
	padding: 3px 5px;
	margin: 2px 0;
	font-size: 11px; 
	font-weight: bold; 
	}
#relatedListEntry {
	clear: both;
	width: 100%;
	padding: 1 0 0 1;
	margin-bottom: 10px; 
	border-top: 1px solid #d0d4d4;
	border-left: 1px solid #d0d4d4;
	border-right: 1px solid #d0d4d4;
	}
#relatedListEntry .left  {
	float: left;
	color: #000000; 
	background-color:#e0e4e4;
	padding: 3 6 12 6;
	margin: 0 1 0 0;
	}
#relatedListEntry .right {
	float: left;
	padding: 2 4 0 4;
	border-left: 1px solid #d0d4d4;
	}
#relatedListEntry a {color: #cc0000; text-decoration: none}
#relatedListEntry a:hover {color: #0000cc; }

/*
=============================================================*/
////////////////////////////////////// RIGHT CONTENT
=============================================================

/*	===================================
	ALL RIGHT LISTS 
	=========== =========== =========== */
#rightBG {
	padding: 0 0;
	margin: 0 0 15px 0;
}
#rightBG h1 {
	padding: 5 2;
	margin: 0 0 1px 0;
	font-weight: bold;
	color: #fff9f9;
	background-color: #cc0000;
	border: 1px solid #000000;
	}
#rightBG h2 {
	color: 000000; 
	font-weight: bold; 
	padding: 4 2 2 2;
	margin: 0;
	border-bottom: 1px solid #000000;
	}

#rightContent {
	padding: 0 0 4 0;
	border-top: 1px solid #ffffff;
	}
#rightContent table {
	}
#rightContent table td {
	color: #000000; 
	padding: 2px;
	}
#rightContent a {color: #000000; text-decoration: none;}
#rightContent a:hover {color: #a00000;}

#rightSelectList {
	width: 100%;
	clear:both;
	background-color: #d0d4d8;
	border-top: 2px solid #000000; 
	border-bottom: 2px solid #000000; 
	color: 000000;
	font-weight: bold; 
	padding: 3 0;
	margin: 1 0;
	text-align: center;
	}
.pageNavigationBG {
	text-align: center; 
	padding: 2 0}
.pageNavigationBG form {
	background-color: #d0d4d8;}
#rightBox {
	border: 1px solid #000000; 
	background-color: #f0f4f8; 
	padding: 4px; 
	margin-bottom: 1px;
	}

/*
	END
*/