/* Style sheet for www.lasvegasdancesport.com */

body {
  margin:             15px;
  padding:            0;
  font-family:        Verdana, sans-serif;
  background-color:   #555;
  text-align:         center;
}


#page-container {
	position: relative;
	width: 800px !important;
/**/
	width: 830px;
	border: 15px solid #fff;
	border-top: 14px solid white;
	margin: 0 auto;
	text-align: left;
	background: white url("../images/bk_d9d_730x2.png") repeat-y;
}

/* ------------------ Intro ------------------ */

#intro {
  position:           relative;
  width:              100%; /*751px;*/
  height:             175px;
  border-top:         1px solid white;
  background:         white url(../images/Emily_John_long_w_text_175x700_2.jpg) no-repeat;
  font-size:          2em;
  color:              white;
}

#introLink {
  display: block;
  width: 100%;
  height: 175px;
  position:           absolute;
  border:             0px solid yellow;
  padding: 0;
  margin: 0;
}

#introLink span{
  display:            none;
}

#introLink h1 span, introLink h2{
position: absolute;
left: -780px;
}

h1 {
  font-size:          175%;
}

/* ------------------ 2-column-grouping ------------------ */

#two-column-group {
  float: left;
  width: 600px;
}


/* ------------------ Navigation ------------------ */

#navigation {
  position:           relative;
  float:              left;
  top:                9px;
  width:              175px;
  border:             0px solid blue;
  border-bottom:      1px solid white;
  background-color:   #99d;
}

#navigation .menu {
  margin:             40px 0px;
  padding:            0; /* this fixed ul being indented problem */
  border:             0px solid red;
  list-style-type:    none;
}

#navigation .menu li{
  margin: 0px 5px;
  border-top:         0px dotted white;
  border-bottom:      1px dotted white;
  line-height: 26px;
}

.menu a {
  margin:             0px 0px;
  padding:            0px 5px;
   width: 155px !important;
   width /**/: 165px;
  /*xwidth: 165px; can't remember if this 
  is necessary but it doesn't seem to be 3/3/05*/
  display:            block;
  text-decoration:    none;
  border:             0px solid red;
}

.menu a:link, .menu a:visited {  
  color: white;
}

.menu a:hover {
  background:         #d8c; /*#9cc;*/
  color:              black;
  border-right: 1px solid white;
	border-left:  1px solid white;
	padding-left: 4px;
}

.menu a:active {
  color:              white;
}

/* ------------------ Content ------------------ */

#content {
  display: block;
  position:           relative;
  float: right;
  left:               1px;
   width: 405px !important;/*495px !important;*/
   width /**/: 465px;
/*
  padding-right:      30px;
*/
  padding-left:       10px;
  padding-top:        30px;
  border:             0px solid yellow;
  background-color:   white;
  height: 269px;
  min-height: 248px;
}

html>body #content {
height: auto;
}
/*  background-color:   transparent; */


/* ------------------ Secondary content area 2 ------------------ */

#secondary-content-2 {
 float: right;
 width: 180px; 
}

#secondary-content-2-inner {
 margin-top: 30px;
}

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

#footer {
  clear:              both;
  margin-top:         30px;
  border-top:         1px solid white;
  padding-top:        0.5em;
  padding-bottom:     .8em;
  background-color:   #99d;/*lightgreen;/*#bea; /*#9ce;/*#dbd;*/
  text-align:         center;
  font-size:          0.8em;
  color:              gray; 
}

a.contact_us_link, a.contact_us_link:visited {
  color:              blue;  
}

a.links_link, a.links_map_link:visited {
  color:              blue;  
}

a.site_map_link, a.site_map_link:visited {
  color:              blue;  
}

/* ------------------ Visual Hooks ------------------ */



#extraVisual1 {
  border:             0px solid red;
  position:           absolute;
  top:                175px;
  left:               0px;
  height:             10px;
  width:              800px;
  background-color:   white;
}

#extraVisual1 div.d1 {
  position:           absolute;
  top:                1px;
  left:               0px;
  height:             28px;
  width:              175px;
  background-color:   #11a;
}

#extraVisual1 div.d2 {
  position:           absolute;
  top:                1px;
  left:               176px;
  height:             28px;
  width:              524px;
  background-color:   #11a;
}

#extraVisual2 {
  display:            block;
  font-size: 0px; /* This fixed the div being too tall in IE */
  position:           absolute;
  top:                0px;
  left:               0px;
  height:             2px;
  width:              800px;
  border:             0px solid white;
  border-right:       1px;
  background-color:   red;
}

/* ------------------ Ads ------------------ */


#adsense-side-left {


}




/* ------------------ Miscellaneous ------------------ */

li {margin-bottom: .1em;}

.toc a:visited {
  color:              blue;  
}

.highlight {color: red; font-weight: bold;}

.gallery_photo {
  border:             1px solid black;
  border-bottom:      2px solid black;
  border-right:       2px solid black;
}

textarea { 
  overflow:           auto;
  width:              385px;
  height:             175px; 
}

.linkEXG li{
margin-bottom: .5em;
}