body, html { margin: 0; padding: 0; }
body { font: 13px arial, sans-serif; background-color: #E6E6E6; background-image: url(img/bg_stretch.jpg);  background-repeat: repeat-x; background-position: top center; }

body#home a#homelink, 
body#about a#aboutlink, 
body#events a#eventslink, 
body#member a#memberlink, 
body#photo a#photolink, 
body#tnt a#tntlink, 
body#join a#joinlink, 
body#contact a#contactlink { background-color: #E6E6E6; color: #B21616; }

h1 { font-weight: bold; font-size: 26px; color: #B21616; }
h2 { font-weight: bold; font-size: 15px; color: #B21616; }
h3 { margin: 0; font-weight: bold; font-size: 18px; color: #000000; }
h4 { text-align: right; font-weight: normal; padding: 0; margin: 5px 0 0 0; }
h5 { font-weight: bold; font-size: 20px; color: #B21616; padding: 5px 0 0 0; margin: 0; }
p { font: 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #00000; }
a { font-family: arial; font-weight: bold; text-decoration: none; color: #CE4920; }
a:hover { font-weight: bold; text-decoration: underline; }

#backgroundwrap { margin: 0 auto; background-image: url(img/bg.png);  width: 1409px; background-repeat: no-repeat; background-position: top center; }
#wrap { width: 840px; margin: 0 auto;  }

/*==================================NAVIGATION==================================*/
#nav { width: 816px; float: left; padding: 0; margin-left: 10px; list-style: none; background-image: url(img/navbg.jpg); background-repeat: no-repeat; background-position: right; border: 1px solid #aaa; }
#nav li { float: left; }
#nav li a { font-family: Arial, sans-serif; font-size: 13px; display: block; padding: 5px 15px; text-decoration: none; font-weight: bold; color: black; border-right: 1px solid #ccc; }
#nav li a:hover { color: #B21616; background-color: #E6E6E6; }

/*==================================HEADERS==================================*/
#indexheader, 
#aboutheader, 
#eventheader, 
#memberheader, 
#photoheader,
#tntheader,
#joinheader,
#contactheader { margin: 0 0 0 10px; height: 293px; width: 816px; padding: 0; background-position: top center; border-top: 0px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; }

#indexheader { background-image: url(img/indexheader.jpg); }
#aboutheader { background-image: url(img/aboutheader.jpg); }
#eventheader { background-image: url(img/eventheader.jpg); }
#memberheader { background-image: url(img/memberheader.jpg); }
#photoheader { background-image: url(img/photoheader.jpg); }
#tntheader {  background-image: url(img/tntheader.jpg); }
#joinheader  { background-image: url(img/joinheader.jpg); }
#contactheader { background-image: url(img/contactheader.jpg); }

.underheader,
.underheadertwo,
.underheaderthree { clear: both; display: block; text-align: left; margin: 10px 0 10px 10px; padding: 5px 5px 5px 10px; width: 801px; border: solid 1px #aaa; background-repeat: no-repeat; }
.underheader { background-image: url(img/classbgtwo.jpg); }
.underheadertwo { background-image: url(img/classbgthree.jpg); }
.underheaderthree { background-image: url(img/classbgfour.jpg); }

/*==================================INDEX PAGE==================================*/
#content { margin:0 0 10px 10px; padding: 0;  height: 480px; width: 818px; display: inline-block; background-image: url(img/contentbg.jpg);  background-repeat: no-repeat; }
#news { float: left; width: 400px; margin: 0; padding: 0; border: 1px solid #aaa; }
#news h3 { background-color: #E6E6E6; }
#eventsindex { float: right; width: 400px; margin: 0; padding: 0; border: 1px solid #aaa; }
#eventsindex h3 { background-color: #E6E6E6; }
#bdays { width: 800px; height: 50px; margin: 0; padding: 0; text-align: center;  display: block;}

.news { width: 399px; margin: 0; padding: 1px 0 5px 5px; }
.news:hover { color: #000000; width: 395px; margin: 0; padding: 1px 0 5px 5px; background-color: #E6E6E6; }
.events { text-align: left; width: 395px; margin: 0; padding: 1px 0 5px 5px; }
.events:hover { color: #000000; width: 395px; margin: 0; padding: 1px 0 5px 5px; background-color: #E6E6E6; }
.centeralign { text-align: center; padding: 0; margin: 0; }

/*==================================ABOUT US PAGE==================================*/
#aboutus  {clear: both; position: relative;  margin:0 0 0 10px; padding: 5px 20px 5px 20px;  width: 776px; display: inline-block; bottom: 0; background-image: url(img/aboutcontentbg.jpg); border: 1px solid #aaa; background-repeat: no-repeat; }
.right { float: right;  margin: 0 0 10px 10px; padding: 0; }
.textright { text-align: right; }

/*==================================EVENTS PAGE==================================*/
#eventscontent { margin: 5px 0 10px 10px; padding: 0;  height: 350px; width: 818px; display: inline-block; background-image: url(img/contentbg.jpg);  background-repeat: no-repeat; overflow: auto; overflow-x: hidden; }

.eventsbox { margin: 0 0 10px 0; padding: 5px 5px 5px 5px; width: 780px; border: 1px solid #aaa; background-image: url(img/classbg.jpg); }
.eventsbox h3 { color: #CE4920; }
.eventsfooter { bottom: 0; padding: 0; margin: 0; text-align: right; }

/*==================================MEMBERS PAGE==================================*/
#memberscontent { margin: 5px 0 10px 10px; padding: 0;  height: 400px; width: 818px; background-image: url(img/contentbg.jpg);  background-repeat: no-repeat; overflow: auto; overflow-x: hidden; }

.membersbox { margin: 0 10px 10px 0;  width: 780px; padding: 5px 5px 5px 10px; overflow: auto; border-bottom: dashed 1px #aaa; }
.membersbox h3 { color: #CE4920; width: 200px; }
.membersbox p { width: 200px; }

.mp_c_t_0001,  .mp_d_d_0001, .mp_r_c_0001,  .mp_m_i_0001,
.mp_m_i_0002, .mp_d_t_0001, .mp_d_r_0001, .mp_d_r_0002,
.mp_r_k_0001, .mp_r_k_0002 { float: right; height: 160px; width: 195px; padding: 0; margin: 5px 10px 10px 5px; }

.mp_c_t_0001:hover,  .mp_d_d_0001:hover,  .mp_r_c_0001:hover,  .mp_m_i_0001:hover,
.mp_m_i_0002:hover, .mp_d_t_0001:hover, .mp_d_r_0001:hover, .mp_d_r_0002:hover,
.mp_r_k_0001:hover, .mp_r_k_0002:hover { padding: 0; margin: 5px 10px 10px 5px; background-position: 0px 161px; }

.mp_c_t_0001 { background-image: url(img/members/t_c_t_0001.png); } /*Carlos & Tina*/
.mp_d_d_0001 { background-image: url(img/members/t_d_d_0001.png); } /*Don & Diana*/
.mp_r_c_0001 { background-image: url(img/members/t_r_c_0001.png); } /*Ron & Candace*/
.mp_m_i_0001 { background-image: url(img/members/t_m_i_0001.png); } /*Mike & Ida*/
.mp_m_i_0002 { background-image: url(img/members/t_m_i_0002.png); } /*Mike & Ida*/
.mp_d_t_0001 { background-image: url(img/members/t_d_t_0001.png); } /*Derryl & Toni*/
.mp_d_r_0001 { background-image: url(img/members/t_d_r_0001.png); } /*Dennis & Rosalie*/
.mp_d_r_0002 { background-image: url(img/members/t_d_r_0002.png); } /*Dennis & Rosalie*/
.mp_r_k_0001 { background-image: url(img/members/t_r_k_0001.png); } /*Randi & Ken*/
.mp_r_k_0002 { background-image: url(img/members/t_r_k_0002.png); } /*Randi & Ken*/

/*==================================PHOTOS PAGE==================================*/
#photoscontent { margin: 5px 0 10px 10px; padding: 0;  height: 499px; width: 818px; background-image: url(img/contentbg.jpg);  background-repeat: no-repeat; overflow: auto; overflow-x: hidden; }
#photoscontent a{ font-family: arial; font-weight: normal; text-decoration: none; color: #000000; }

.photoalbum { margin: 0 10px 10px 0;  width: 780px; padding: 5px 5px 5px 10px; overflow: auto; border-bottom: dashed 1px #aaa; }
.photoalbum h3 { text-align: right; color: #CE4920; }
.photoalbum p { text-align: right; font: 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #00000; }

.photoalbum:hover h3{ color: #000000; }
.photoalbum:hover {background-color: #E6E6E6; }
.photoalbum:hover .at_2010_3july_1, 
.photoalbum:hover .at_2010_3july_2,
.photoalbum:hover .at_julianrun_1, 
.photoalbum:hover .at_julianrun_2,
.photoalbum:hover .at_ecr_01,
.photoalbum:hover .at_ecr_02,
.photoalbum:hover .at_pe_01,
.photoalbum:hover .at_pe_02,
.photoalbum:hover .at_ecr2_01,
.photoalbum:hover .at_ecr2_02 { background-position: 0px 161px; }

.at_2010_3july_1 { background-image: url(img/albums/inde_01.png); }
.at_2010_3july_2 { background-image: url(img/albums/inde_02.png); }
.at_julianrun_1 { background-image: url(img/albums/julianrun_01.png); }
.at_julianrun_2 { background-image: url(img/albums/julianrun_02.png); }
.at_ecr_01 { background-image: url(img/albums/ecr_01.png); }
.at_ecr_02 { background-image: url(img/albums/ecr_02.png); }
.at_pe_01 { background-image: url(img/albums/pastevents_01.png); }
.at_pe_02 { background-image: url(img/albums/pastevents_02.png); }
.at_ecr2_01 { background-image: url(img/albums/ecr2_01.png); }
.at_ecr2_02 { background-image: url(img/albums/ecr2_02.png); }

.at_2010_3july_1, 
.at_2010_3july_2,
.at_julianrun_1,
.at_julianrun_2,
.at_ecr_01,
.at_ecr_02,
.at_pe_01,
.at_pe_02,
.at_ecr2_01,
.at_ecr2_02  { float: left; margin: 5px 5px 5px 5px; padding: 0; height: 160px; width: 195px; }

/*==================================TIPS & TRICKS PAGE==================================*/
#tntcontent { margin: 5px 0 10px 10px; padding: 0;  height: 400px; width: 818px; display: inline-block; background-image: url(img/contentbg.jpg);  background-repeat: no-repeat; overflow: auto; overflow-x: hidden; }

/*==================================JOIN PAGE==================================*/
#joincontent { margin: 5px 0 10px 10px; padding: 0;  height: 494px; width: 818px; display: inline-block; background-image: url(img/contentbg.jpg);  background-repeat: no-repeat; overflow: auto; overflow-x: hidden; }

/*==================================CONTACT US PAGE==================================*/
#contactcontent { margin: 5px 0 10px 10px; padding: 0;  height: 400px; width: 818px; background-image: url(img/contentbg.jpg);  background-repeat: no-repeat; overflow: auto; overflow-x: hidden;  }