/* ------- !!WARNING!! Changing this code, changes the entire site ------ */

/* Page Properties (General layout properties for the entire site) */

body
{
 margin: 0px;
 padding: 0px;
 background-color: #A7A5B6;
 color: #FFFFFF;
}

h1	{
 color: #FFFFFF;
 font-size: 20px;
 font-family: Georgia, 'Times New Roman', Times, serif;
 padding-top: 2px;
 padding-left: 5px;
 margin-bottom: 10px;
	}

h2	{
 color: #FFFFFF;
 font-size: 16px;
 font-family: Georgia, 'Times New Roman', Times, serif;
 padding-top: 0px;
 margin-top: 1px;
 margin-bottom: 20px;
	}

h3	{
 color: #FFFFFF;
 font-size: 17px;
 font-family: Georgia, 'Times New Roman', Times, serif;
 padding bottom: 1px;
 margin-top: 10px;
 margin-left: 5px;
 margin-bottom: 8px;
 height: 30px;
 background-image:  url('http://directaffex.com/images-page/gradient.gif');
 background-position: bottom left;
 background-repeat: no-repeat;
 padding-left: 0px;
	}

h4	{
 color: #FFFFFF;
 font-size: 14px;
 font-family: Georgia, 'Times New Roman', Times, serif;
 padding-top: 0px;
 margin-top: 1px;
 margin-bottom: 2px;
	}

#BodyTable
{
 height: 100%;
 border: 0px;
}

#BodyTable td.SectionHeader
{
 height: 100px;
 vertical-align: top;
 background-color: #64647F;
 background-image: url('http://directaffex.com/images-header/BackGround.jpg');
 background-position: top left;
 background-repeat: repeat-x;
 border-top: solid 1px #A7A5B6;
 border-left: solid 1px #A7A5B6;
 border-right: solid 1px #A7A5B6;
}

#BodyTable td.SectionContent
{
 vertical-align: top;
}

#BodyTable td.SectionFooter
{
 height: 16px;
 background-color: #383950;
 border-bottom: solid 1px #A7A5B6;
 border-left: solid 1px #A7A5B6;
 border-right: solid 1px #A7A5B6;
}

/* --------- The middle section of the page ------------ */

#Main
{
 height: 100%;
}

/* ----------- The Navigation Column (Left Side) ------------ */

#Main td.ColumnOne
{
 width: 16%;
 background-color: #142738;
 background-image: url('http://directaffex.com/images-page/ColumnSides.gif');
 background-position: top center;
 background-repeat: repeat-y;
 padding-top: 4px;
 padding-right: 2px;
 padding-left: 4px;
 vertical-align: top;
}

#Main td.ColumnOne p
{
 color: #FFFFFF;
 font-size: 12;
 font-family: Arial, Helvetica, sans-serif;
 margin-top: 0px;
 margin-bottom: 1px;
}

#Main td.ColumnOne p a
{color: #66FFFF; text-decoration: none;}

#Main td.ColumnOne p a:hover
{color: #66FFFF; text-decoration: underline;}

#Main td.ColumnTwo
{
 background-color: #383950;
 background-image: url('http://directaffex.com/images-page/MainTile.gif');
 vertical-align: top;
 padding-left: 4px;
 padding-right: 4px; 
}


/* ----- Optional Sponsor Column (right side) If used, change ColumnLogo.gif to ColumnSides.gif ----- */

#Main td.ColumnThree
{
 width: 15%;
 background-color: #142738;
 background-image: url('http://directaffex.com/images-page/ColumnLogo.gif');
 background-position: top center;
 background-repeat: repeat-y;
 vertical-align: top;
}

/* ----------- Header (Page Top) ----------------- */

#Header
{
 height: 100%
}

/* ------------------ Main Navigation (In Left Column) --------------------- */

#Navigation
{
 width: 98%;
 vertical-align: top;
}

#Navigation a
{
 color: #FFFFFF;
 text-decoration: none;
}

#Navigation ul
{
 margin: 0;
 padding-left: 0px;
 padding-bottom: 12px;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

#Navigation li
{
 display: block;
 width: 100%;
 background-color: #383C58;
 text-indent: 2px;
 color: #FFFFFF;
 padding-left: 1px solid #000000;
 border-right: 2px solid #000000;
 border-bottom: 3px solid #000000;
}

#Navigation li a
{
 display: block;
 width: 100%;
 padding-top: 1px;
 padding-bottom: 1px;
 color: #FFFFFF;
 border-top: 1px solid #000000;
}

#Navigation li a:hover
{
 display: block;
 width: 100%;
 color: #000000;
 background-color: #E6E6EE;
}

/* ----------- Page Description/Welcome (Top of Center Column) -------------- */

#LeadCell
{
 height: 125px;
 padding-top: 5px;
 padding-bottom: 10px;
 vertical-align: top;
}

#LeadCell p
{
 color: #FFFFFF;
 font-size: 16px;
 font-family:  Arial, Helvetica, sans-serif;
 margin-top: 0px;
 margin-bottom: 8px;
 padding-left: 5px;
 padding-right: 10px;
}

#LeadCell a
{color: #99FFFF; text-decoration: none;}

#LeadCell a:hover
{color: #33FFFF; text-decoration: underline;}

/* ----------The general content of the page ----------- */

#GenContent	
{
 padding-top: 5px;
}

#GenContent p,ul,ol
{
 font-family: Arial, Helvetica, sans-serif;
 margin-top: 0px;
 margin-bottom: 8px;
}

#GenContent p
{
 color: #DBEBFB;
 font-size: 15px;
 padding-left: 5px;
 padding-right: 20px;
}

#GenContent a
{color: #FFFFFF; text-decoration: none;}

#GenContent a:hover
{color: #FFFFFF; text-decoration: underline;}

#GenContent ul
{
 color: #A3DDFA;
 font-size: 14px;
 list-style: square outside;
 margin-top: 1px;
 margin-bottom: 5px;
 margin-left: 1em;
 padding-left: 5px;
 padding-right: 10px;
}

/* ------------------ Song List ------------------ */

.Songs ul
{
 list-style: none outside;
 margin-top: 1px;
 margin-bottom: 5px;
 margin-left: 1px;
 padding-left: 5px;
 padding-right: 10px;
}

.Songs li
{
 color: #A3DDFA;
 font-size: 12px;
}

/* ------- Testimonials and Events --------- */
#Event
{
 padding: 5px 0px 0px 0px;
 height: 425px;
 overflow: auto;
}

#Event td
{
 padding: 2px 0px 5px 2px;
}

#Event td.Article
{
 border-bottom: solid 1px #4C4C6C;
}

#Event p,ul,ol
{
 font-family: Arial, Helvetica, sans-serif;
 margin-top: 0px;
 margin-bottom: 10px;
}

#Event p
{
 color: #DBEBFB;
 font-size: 15px;
 padding: 0px 20px 0px 0px;
}

#Event a
{color: #FFFFFF; text-decoration: none;}

#Event a:hover
{color: #FFFFFF; text-decoration: underline;}

#Event ul
{
 color: #A3DDFA;
 font-size: 14px;
 list-style: square outside;
 margin-top: 1px;
 margin-bottom: 5px;
 margin-left: 1em;
 padding-left: 5px;
 padding-right: 10px;
}

/*----	Optional Button/Sponsor Column (Right Side).
	1.If right column is used, I suggest a background change
	(see above Optional Sponsor Column).
	2. Use graphics no wider than 115px 
	3. Enclose each button in a P tag ----*/

#RightContent P
{
 color: #FFFFFF;
 font-size: 12;
 font-family: Arial, Helvetica, sans-serif;
 margin-top: 3px;
 margin-bottom: 2px;
}

#RightContent ul
{
 list-style: none outside;
 margin-top: 1px;
 margin-bottom: 15px;
 margin-left: 1em;
 padding-left: 1px;
 padding-right: 1px;
 color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}

/* -------------Page Footer --------------- */

#Footer
{
 height: 100%
}

#Footer p
{
 color: #FFFFFF;
 font-size: 14;
 font-family: 'Times New Roman', Times, serif;
 margin-top: 2px;
 margin-bottom: 2px;
}

#Footer a
{color: #66FFFF; text-decoration: none;}

#Footer a:hover
{color: #66FFFF; text-decoration: underline;}

/* ------------ Conact Form ---------------- */

#ContactForm
{
 
}

#ContactForm input
{
 background-color: #333551;
 text-indent: 2px;
 color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 border: solid 1px #5F5F83;
}

#ContactForm select
{
 background-color: #333551;
 color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 border: solid 1px #5F5F83;
}

#ContactForm textarea
{
 background-color: #333551;
 padding: 2px;
 color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 border: solid 1px #5F5F83;
}