/*-----------------------------------------------------------------------------

			[Name] Screen Stylesheet
			 version:   	1.1
			    date:     10/09/09
			  author:   	Kevin Farrar
			   email:     kdzine@gmail.com
			website:   		www.kevinfarrar.com
				 site:  		CharliesMaddox.com
			
-----------------------------------------------------------------------------*/

/* Default Styles 
-----------------------------------------------------------------------------*/

	* {margin: 0; padding: 0;}
	
	html {overflow: scroll;}
	html, body {
		background: url(images/bg_center.jpg) top center no-repeat #f88e1e;
	  margin: 0px auto 0px auto;
	  padding: 0px;
	  border: 0px;
	  color: #4a4a4a;
	}
	html, body, p, th, td, li, dd, dt {font: 0.9em Arial, sans-serif;}
	h1, h2, h3, h4, h5, h6 {font-family: Tahoma, Helvetica, sans-serif; color: #f88e1e;}
	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em ; }
	h4 { font-size: 1.0em; }
	h5 { font-size: 0.9em; }
	h6 { font-size: 0.8em; }
	a:link { color: #003f60; text-decoration: none; font-weight: bold;}
	a:visited { color: #003f60; }
	a:hover { color: #000; text-decoration: underline; }
	a:active { color: #0cf; }
	a img {border: none; outline: none;}
	ul {list-style-type: none;}
	input.text {border: 1px solid #f1531a;}
	table  {border-spacing: 0; border-collapse: collapse;}
	td  {text-align: left; font-weight: normal;}
	
	.bodyText {padding-bottom: 20px;}
	.bodyText h2 {padding: 10px;}
	.bodyText h5 {font-size: 12px; padding: 10px 0 0 10px; color: #003f60; text-transform: uppercase;}
	.bodyText p {width: 900px; padding: 10px 10px 0; font-size: 12px; line-height: 18px;}
	.bodyText ul {font-size: 12px; padding: 10px;}
	.bodyText li {line-height: 18px;}
}
	.Required {color:#D94747;}

	.clearBoth {clear: both;}
	
	
/* Containers
-----------------------------------------------------------------------------*/

	#Container {width: 980px; margin: 0px auto; padding-bottom: 1px; background: url('./images/bg_frame.jpg') repeat-y left top;}
	#ContainerBtm {width: 980px; height: 12px; margin: 0px auto; background: url('./images/bg_frame-bottom.jpg') no-repeat left top;}
	#TopBar {height: 36px; margin: 0px auto; background-color: #003f60;}
	
	.TopBlock {width: 980px; margin: 0px auto; position: relative;}
	.TopBlock p {font-size: 12px; color: #fff; position: absolute; left: 10px; top: 10px;}
	.TopBlock .signUpText {width: 519px; height: 36px; background: url('./images/bg_top-block.gif') no-repeat left top; position: absolute; left: 490px;}
	.TopBlock .emailText {position: absolute; left: 770px; top: 8px;}
	.TopBlock .emailSubmit {position: absolute; left: 906px; top: 6px;}
	
	#Column_A {width: 640px; float: left; padding-left: 10px;}
	#Column_B {width: 308px; float: left; padding-right: 10px;}
	#Column_Full {width: 980px; padding: 20px;}

	
/* Masthead
-----------------------------------------------------------------------------*/

	#Masthead {height: 120px;}
	#Masthead .logo {margin: 20px 0 0 40px;}
	#Masthead .tagline {margin: 20px 0 0 250px;}
	.Nav ul {list-style: none; margin: 0px 0px 0px 6px;}
	
	
/* Navigation
-----------------------------------------------------------------------------*/

  #Nav {width: 958px; margin-left: 10px; color: #4a4a4a; text-align: center;}
  #Nav ul {width: 100%;}
  #Nav li {float: left; font-size: 12px; font-family: Arial, san-serif; text-align: center;}
  #Nav li span {display: none;}
  #Nav li a,
  #Nav li a:visited {display: none; display: block;}
  
  .NavLink1 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: 0px 0px;}
  .NavLink1 a,
  .NavLink1 a:visited {width: 128px; height: 53px;}
  .NavLink1 a:hover,
  .CustomerActive1 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: 0px -53px;}
	
  .NavLink2 a,
  .NavLink2 a:visited {width: 128px; height: 53px;}
  .NavLink2 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -128px 0px;}
  .NavLink2 a:hover,
  .CustomerActive2 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -128px -53px;}
	
  .NavLink3 a,
  .NavLink3 a:visited {width: 128px; height: 53px;}
  .NavLink3 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -256px 0px;}
  .NavLink3 a:hover,
  .CustomerActive3 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -256px -53px;}
	
  .NavLink4 a,
  .NavLink4 a:visited {width: 128px; height: 53px;}
  .NavLink4 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -384px 0px;}
  .NavLink4 a:hover,
  .CustomerActive4 {width: 128px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -384px -53px;}
	
  .NavLink5 a,
  .NavLink5 a:visited {width: 127px; height: 53px;}
  .NavLink5 {width: 127px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -512px 0px;}
  .NavLink5 a:hover,
  .CustomerActive5 {width: 127px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -512px -53px;}
	
  .NavLink6 a,
  .NavLink6 a:visited {width: 319px; height: 53px;}
  .NavLink6 {width: 319px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -639px 0px;}
  .NavLink6 a:hover,
  .CustomerActive6 {width: 319px; height: 53px; background: url('./images/CM_Nav.jpg') top left no-repeat; background-position: -639px -53px;}
	
	
/* Main Content
-----------------------------------------------------------------------------*/
	
	#Gallery {width: 639px; margin-top: 1px;}
	
	#MainContent {}
	#MainContent h4 {width: 639px; height: 50px; text-align: center; background: url('./images/banner_welcome.jpg') no-repeat top left #526b7d;}
	#MainContent h4 span {display: none; color: #fff;}
	#MainContent p {padding: 8px 40px 20px;}
	#MainContent .openning {font-family: Georgia, Times New Roman, serif; font-size: 16px; line-height: 20px; margin-top: 30px;}
	#MainContent .seeMore {font-size: 12px; font-weight: bold;}
		
	
/* Join Us
-----------------------------------------------------------------------------*/
	
	.joinUs {width: 318px;
                 height: 279px;
                 margin-top: 1px;
                 background: url('./images/bg_join-us.jpg') no-repeat top left;
                 color: #f1551a;
                 font-size: 14px;
        }
	.joinUs h3 {font-size: 24px; text-align: center; padding: 20px 0 0; color: #f1551a;}
	.joinUs label {margin-right: 10px; text-align: right; font-weight: bold;}
	
	.joinForm {width: 300px; margin: 0 auto; text-transform: uppercase; font-size: 12px;}
	.joinForm li {margin: 20px 0 0 20px;}
	.joinForm li input {padding: 2px;}
	.joinForm li label {width: 70px; margin-top: 2px; text-align: right; float: left;}
	.joinForm .text {text-align: left; border: 1px solid #f1551a;}
        #elist_table{
            margin-left: auto;
            margin-right: auto;
        }
	
/* Events
-----------------------------------------------------------------------------*/

	#Events {width: 318px; height: 385px; padding-top: 20px; background-color: #003f60;}
	#Events .content {width: 281px; height: 347px; background-color: #fff; margin: 0 auto;}
	#Events h4 {width: 281px; height: 50px; background: url('./images/banner_events.jpg') no-repeat top left; color: #003f60;}
	#Events h4 span {display: none;}
	
	.event-date {margin: 0 20px;}
	.event-date li {margin-top: 20px;}
	.event-date li p {font-size: 12px; line-height: 18px;}
	.event-date li a,
	.event-date li a:visited {font-family: Georgia, Times New Roman, serif; font-size: 16px; font-weight: normal; font-style: italic; color: #003f60; text-decoration: underline;}
	.event-date li a:hover {color: #000;}

	
/* Contact Us
-----------------------------------------------------------------------------*/
	
  #RegisterBox {width: 420px; min-height: 400px; padding: 10px 20px; font-size: 14px;}
  #RegisterBox p {margin-top: 10px; font-size: 14px; line-height: 18px;}
  #RegisterBox .RegisterForm {margin: 30px 0; float: left;}
  #RegisterBox .RegRow {margin-bottom: 14px; float: left;}
  #RegisterBox .RegRow li {float: left; margin-right: 14px;}
  #RegisterBox .RegCol1 {width: 130px; text-align: right;}
  #RegisterBox .RegCol2 {width: 200px; text-align: left;}
  #RegisterBox .RegCol3 {width: 20px;}
	
  .RegInput {font-weight: normal; font-size: 12px; color: #4a4a4a; border: 1px solid #4a4a4a;}
  .RegInput:focus {border: 1px solid #4a4a4a; background-color: #e5f9e5;}
  .RegInput:hover {border: 1px solid #346635;}
	
  .RegSubmit {margin: 10px 0 0 300px;}

	
/* Support & Donate
-----------------------------------------------------------------------------*/
	
	.donateBox {width: 223px; height: 190px; margin: 10px 0 0 10px; text-align: center; float: left; background-color: #003f60;}
	.donateBox h5 {margin: 10px 0 20px -10px; color: #fff; font-family: times new roman, serif; font-size: 80px;}
	.donateBox h4 {margin: 30px 0 30px; padding: 0 10px; color: #fff; font-family: times new roman, serif; font-size: 30px;}
	
	/* Footer
-----------------------------------------------------------------------------*/
	
	#Footer {width: 980px; height: 98px; margin: 0px auto; background: url('./images/bg_footer.png') no-repeat left top; color: #fff;}
	#Footer p {margin-top: 1px; padding-top: 20px; text-align: center; font-size: 12px;}
	#Footer a {color: #fff; font-weight: normal;}
	#Footer .DGLink {color: #ffec16; font-weight: bold;}