/*********************** GLOBAL LAYOUT *******************************/

/* The Basic Elements */
html {margin:0;padding:0; }

.body1 {margin:0;padding:0;background-image:url(images/bg/steps.gif);background-position:top center;background-repeat:no-repeat; }
.body2 {margin:0;padding:0;background-image:url(images/bg/legs2.jpg);background-position:top center;background-repeat:no-repeat; }
.body3 {margin:0;padding:0;background-image:url(images/bg/legs3.jpg);background-position:top center;background-repeat:no-repeat; }
.body4 {margin:0;padding:0;background-image:url(images/bg/legs4.jpg);background-position:top center;background-repeat:no-repeat; }
.body5 {margin:0;padding:0;background-image:url(images/bg/legs5.jpg);background-position:top center;background-repeat:no-repeat; }
.body9 {margin:0;padding:0;background-image:url(images/bg/steps2.gif);background-position:top center;background-repeat:no-repeat; }

.topTier_outer {width:100%;background-image:url(images/bg/ribbon.gif);background-position:center top;background-repeat:no-repeat;height:120px;position:absolute;top:0px;left:0px;z-index:500;text-align:center;margin:0 auto; }
.topTier_inner {width:1000px;background-image:url(images/bg/logo.gif);background-position:center top;background-repeat:no-repeat;height:120px;margin:0 auto; }

#head {
width:100%;
padding:3px 0 0 0;
color:#fde291;
font-family:arial;
font-weight:bold;
font-size:16px;
height:30px;
}

/* Header Basics */
#head div.mainTitle {padding:5px;float:left; }
#head div.mainMenu { padding:5px;float:right;font-weight:bold;font-size:14px;margin-right:5px;font-size:12px; }
#head div.mainMenu span {color:#cc6600;font-family:verdana; }

/* Header Links */
#head div.mainMenu a:link, #head div.mainMenu a:visited, #head div.mainMenu a:active {color:#fde291;text-decoration:none; }
#head div.mainMenu a:hover {text-decoration:underline; }


/*********************** HOMEPAGE & ARCHITECTURE *******************************/

/* Left and Right Column Basics */
#mainContent {width:950px;margin:0 auto;text-align:center;font-family:arial;font-size:14px;position:relative;z-index:100; }
#mainContent #centerColumn {height:120px;clear:both;}
#mainContent #leftColumn {float:left;width:48%;text-align:justify;border-right:1px solid #cccccc;}
#mainContent #leftColumn div.content {padding:0 2% 0 2%; }
#mainContent #leftColumn div p {padding-right:2%;font-size:12px; }
#mainContent #rightColumn div.content {padding:0 2% 0 2%; }
#mainContent #rightColumn {float:left;width:48%;text-align:justify;}
#mainContent #rightColumn div p {padding-left:2%;margin:5px 0 10px 0; }

div.divider {width:100%;border-top:1px solid #cccccc;clear:both; }

#mainContent #leftColumn h1 {font-size:20px;font-weight:bold;padding:0 2% 0 2%;color:#a01818; }
#mainContent #rightColumn h1 {font-size:20px;font-weight:bold;padding:0 2% 0 3%;color:#a01818; }
#mainContent #leftColumn h2 {font-size:18px;font-weight:bold;padding:0 2% 0 2%;margin:0;font-family:verdana;color:#185180; }
#mainContent #rightColumn h2 {font-size:18px;font-weight:bold;padding:0 2% 0 2%;margin:0;font-family:verdana;color:#185180; }
#mainContent #leftColumn h3 {font-size:20px;font-weight:bold;padding:0 2% 0 2%;margin:0;color:#a01818;font-family:arial; }
#mainContent #rightColumn h3 {font-size:20px;font-weight:bold;padding:0 2% 0 2%;margin:0 0 10px 0;color:#a01818;font-family:arial; }
#mainContent #rightColumn h4 {font-size:18px;font-weight:bold;padding:0 2% 0 2%;margin:0;color:#000000;font-family:arial; }

/* Homepage Dancing Silhouette Icons */
#mainContent #rightColumn h2 img {margin-right:10px; }


/* Homepage Slideshow */
#slideshow {padding:20px 0 0 0;margin:0 0 0 10px;float:left;margin-bottom:20px;}
#slideshowNav {margin:30px 0 0 20px;float:left;}
#slideshowNav div.icon {text-align:center;margin-top:3px; }
#slideshowNav div.navlink {text-align:center;margin-bottom:17px; }

#slideshowNav div a:link, #slideshowNav div a:visited, #slideshowNav div a:active {color:#336699;text-decoration:underline; font-weight:bold;}
#slideshowNav div a:hover {color:#cc6600;text-decoration:underline;  }


/* Homepage Location */
#location {color:#000000;font-size:12px; }
#location div {float:left;font-weight:bold;width:50%; }
/* Homepage Location Links */
#location div a:link, #location div a:visited, #location div a:active {color:#336699;text-decoration:underline; font-weight:bold; font-size:12px;}
#location div a:hover {color:#cc6600;text-decoration:underline;  }

/* More Links */
div.more {font-weight:bold;font-size:11px;float:right;padding-right:20px;margin:0 0 10px 0; }
div.more a:link, div.more a:visited, div.more a:active {color:#336699;text-decoration:underline; }
div.more a:hover {color:#cc6600;text-decoration:underline; }

/* Announcement */
#mainContent #rightColumn div.content #announcement {margin:10px 0 0 0;}

/* Footer (unused) */
#foot {width:99%;color:#666666;font-size:14px;font-family:arial;border-top:1px solid #cccccc;margin:0 auto;font-weight:bold;text-align:center; }
#foot div.info {padding:5px 0 0 0; }
#foot div.info span {color:#ac0e0e;padding:0 5px 0 5px; }
#foot img {margin-right:5px; }
#foot .footMenu {width:80%;border-top:1px solid #cccccc;margin:4px auto;padding:4px 0 0 0;font-size:11px; }
#foot .footMenu span {padding: 0 3px 0 3px; }

#foot a:link, #foot a:visited, #foot a:active {color:#336699;text-decoration:underline; font-weight:bold;}
#foot a:hover {color:#cc6600;text-decoration:underline;  }

.footer {width:400px; float:left;margin-top:30px;border-top:2px solid #efefef;padding:10px 0 30px 0;text-align:left; }
.footer_photos {width:500px; float:left;margin-top:10px;border-top:2px solid #efefef;padding:10px 0 30px 0;text-align:left; }
.footer_videos {width:400px; float:left;margin-top:10px;border-top:2px solid #efefef;padding:10px 0 30px 0;text-align:left; }

/*********************** DIRECTIONS *******************************/


/* Directions Basics */
#directions {text-align:left; margin-bottom:30px; padding:0 2% 0 2%; }
#directions .directionsTitle {width:100%;border-bottom:1px solid #cccccc; font-size:20px;font-weight:bold;color:#a01818;margin-bottom:20px;padding-bottom:7px;}
#directions .map {float:left;margin-right:20px; }
#directions .map iframe {border:2px solid #000000; }
#directions .mapDesc {float:left;width:600px;font-weight:normal; }
#directions .mapDesc h1 {font-size:18px;font-weight:bold;font-family:verdana;color:#185180;margin:0; }
#directions .mapDesc h2 {font-size:14px;font-weight:bold;font-family:verdana;color:#000000;margin:0 0 7px 0; }
#directions .mapDesc div {margin-top:5px; }
#directions .mapDesc div img {margin-right:5px; }
#directions .mapDesc div span {color:#999999;font-weight:bold;margin:0 5px 0 5px; }
#directions .spacer {clear:both;height:40px; }

/* Directions Links */
#directions a:link, #directions a:visited, #directions a:active {color:#336699;text-decoration:underline;font-weight:bold; }
#directions a:hover {color:#cc6600;text-decoration:underline;font-weight:bold; }


/* Directions Maps */
#dancinMap div {width:640px;float:left;position:relative;left:0; }
#dillonMap div {width:640px;float:left; }
#ricMap div {width:640px;float:left; }
#dancinMap div div.more {text-align:right; float:none; }
#dillonMap div div.more {text-align:right; float:none;}
#ricMap div div.more {text-align:right; float:none;}


/*********************** EVENTS *******************************/

#events {text-align:left; margin-bottom:30px; width:950px; height:650px; }
#events .eventsTitle {width:100%;border-bottom:1px solid #cccccc; font-size:20px;font-weight:bold;color:#a01818;margin-bottom:20px;padding-bottom:7px;}

/*********************** PHOTO GALLERY *******************************/

#photos .gallery {float:left;border:2px solid #000000; }
#photos .index {float:left; overflow-x:hidden; overflow-y:auto; height:490px; width:380px; }
#photos .index h2 {font-size:18px;font-weight:bold;font-family:verdana;color:#a01818;margin:0 0 20px 20px; }
#photos .index .photoset {margin:0 0 6px 20px; white-space:normal; }

#photos h1 {font-size:18px;font-weight:bold;font-family:verdana;color:#000000;margin:0 0 10px 0; }

.photoTitle {width:100%;border-bottom:1px solid #cccccc; font-size:26px;font-weight:bold;color:#a01818;margin-bottom:20px;padding-bottom:7px;text-align:left;}
.photoTitle .photoHeading {float:left;width:50%;text-align:left; }
.photoTitle .photoLink {float:left;width:50%;text-align:right;font-size:16px;padding-top:0; }
.photoTitle .photoLink img {margin-right:4px; }

.photoLink a:link, .photoLink a:visited, .photoLink a:active {color:#336699;text-decoration:underline; font-weight:bold;font-size:20px;}
.photoLink a:hover {color:#cc6600;text-decoration:underline;  }

/*********************** VIDEO GALLERY *******************************/

#videos .gallery {float:left;border:2px solid #000000; }
#videos .index {float:left; overflow-x:hidden; overflow-y:auto; height:320px; width:380px; }
#videos .index h2 {font-size:18px;font-weight:bold;font-family:verdana;color:#a01818;margin:0 0 20px 20px; }
#videos .index .videoset {margin:0 0 6px 20px; white-space:normal; }

#videos h1 {font-size:18px;font-weight:bold;font-family:verdana;color:#000000;margin:0 0 10px 0; }

.videoTitle {width:100%;border-bottom:1px solid #cccccc; font-size:26px;font-weight:bold;color:#a01818;margin-bottom:20px;padding-bottom:7px;text-align:left;}
.videoTitle .videoHeading {float:left;width:50%;text-align:left; }
.videoTitle .videoLink {float:left;width:50%;text-align:right;font-size:16px;padding-top:0; }
.videoTitle .videoLink img {margin-right:4px; }

.videoLink a:link, .videoLink a:visited, .videoLink a:active {color:#336699;text-decoration:underline; font-weight:bold;font-size:20px;}
.videoLink a:hover {color:#cc6600;text-decoration:underline;  }


/*********************** CONTACT *******************************/

#contact {padding:0 2% 0 2%; }
#mainContent #contact #leftColumn {float:left;width:48%;text-align:justify;padding-top:30px; }
#mainContent #contact #rightColumn {float:left;width:48%;text-align:justify;padding-top:30px; }

.contactTitle {width:100%;border-bottom:1px solid #cccccc; font-size:26px;font-weight:bold;color:#a01818;margin-bottom:20px;padding-bottom:7px;text-align:left;}

.contactTitle .contactHeading {float:left;width:50%;text-align:left; }
.contactTitle .contactLink {float:left;width:50%;text-align:right;font-size:18px;padding-top:8px; }
.contactTitle .contactLink img {margin-right:4px; }

#contact h3 {font-size:20px;color:#000000;text-align:left; }

#contact .clubOfficer_L {width:100%;float:left;padding-bottom:5px; }
#contact .clubOfficer_R {width:100%;float:right;padding-bottom:5px; }

.clubOfficer_L img {float:left;margin-right:22px;margin-bottom:20px; }
.clubOfficer_L .desc {float:left; }

.clubOfficer_L .desc .title {font-size:17px;font-weight:bold;font-family:verdana;color:#185180;margin:20px 0 0 0; }
.clubOfficer_L .desc .name {font-size:14px;font-weight:bold;font-family:verdana;color:#ac0e0e; }

.clubOfficer_R .desc .title {font-size:18px;font-weight:bold;font-family:verdana;color:#185180;margin:20px 0 0 0; }
.clubOfficer_R .desc .name {font-size:14px;font-weight:bold;font-family:verdana;color:#ac0e0e; }

.clubOfficer_R img {float:right;margin-right:20px;margin-bottom:20px; }
.clubOfficer_R .desc {float:right; }

#contact a:link, #contact a:visited, #contact a:active {color:#336699;text-decoration:underline; font-weight:bold;font-size:18px;}
#contact a:hover {color:#cc6600;text-decoration:underline;  }

/*********************** ABOUT US *******************************/

#aboutus {text-align:left; margin-bottom:30px; padding:0 ; }
#aboutus .aboutusTitle {width:100%;border-bottom:1px solid #cccccc; font-size:20px;font-weight:bold;color:#a01818;margin-bottom:20px;padding:0 0 7px 0;}
#aboutIndex {float:left;width:350px;font-family:arial;font-size:16px;font-weight:bold;color:#336699;background:url(images/bg/steps_small.jpg) no-repeat center center;padding:0;margin:0; }
#aboutIndex dl {font-size:18px;font-weight:bold;margin:0 0 10px 0;padding:0;color:#000000; }
#aboutIndex h1 {font-size:16px;font-weight:bold;color:#000000;margin:18px 0 8px 0;padding:0; }
#aboutIndex div a {text-decoration:underline;cursor:pointer; }
#aboutText {float:left;width:550px;font-family:arial;font-size:14px;text-align:justify; padding:0 20px 0 0;margin:0;}
#aboutText dl {font-size:18px;font-weight:bold;margin:0 0 10px 0;padding:0;color:#a01818; }
#aboutText div {padding:0; }