@charset "utf-8";
/* CSS Document */







/* Main Container for entire web interface */
#contentBody{
    width: 825px;
	height: 700px;
	background-image:url(../images/backgroundFade.jpg);
	background-repeat:repeat-x;
    
	display:block;
	margin: auto;
}


/* area which holds the secondary left navigation as well as the banner logo */
#leftNavContainer{
	width: 144px;
	height: 700px;
	background-color:#FFFFFF;
	background-image:url(../images/leftNavImg.jpg);
	
	float: left;
	position:absolute;



}

/* secondary navigation menu on left banner */
.leftNav{
	width: 115px;
	height: 525px;
	text-align:left;
	text-indent: 5px;
	line-height:20px;
	background-color: transparent;
	
	padding-top: 175px;
	padding-left: 25px;
}

#leftNavHeader{
	font-family: Tahoma, Verdana, Arial;
	font-size: 20px;
	font-style:bold;
	text-align:left;
	text-shadow: #666666; 
	color:#FF9933;
	
	float: left;
	padding: px;
}

#leftNavList{
    text-align:left;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
	line-height: 20px;
	background-color: transparent;
	
        float: left;
	margin: 0px;
	padding: 0px;
        padding-top: 0px;
}

#leftNavList #active{
color: #FFFFFF;
/* background-image:url(../images/leftNavArrow.gif); */

}

#leftNavList a:link{
color: #FF9933;
}
#leftNavList a:active{
color: #FF9933;
}

#leftNavList a:hover{
color: #FFFFFF;
}

#leftNavList a:visited{
	color: #FFFFFF;
}



/* primary navigation links for Club Soba */
.topNav{
	width: 720px;
	height: 40px;
	background-color: transparent;
	
	
	float: left;
        padding-left: 108px;
	padding-bottom: 0px;
}

/* settings for link list appearence */
#topNavList li{
	list-style-type:none;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-decoration:none;
	line-height: normal;
	background-color: transparent;
	display: inline;
	float:left;
	margin:1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
#bulletList li{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #666666;
	text-decoration:none;
	line-height: normal;
	padding-left: 10px;
	text-indent: -4px;
	list-style-position: outside;
	text-align: left;
	background-color: transparent;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}


/* area for which to display web content */
#contentBox{
	width: 682px;
	height: 540px;
	
	display:block;
	float: left;
    padding-left:144px;
}
#indexContent1{
	width:366px;
	height:235px;
	text-align: left;
	text-indent: 20px;
	background-image:url(../images/indexContent1.jpg);
	display:inline;
	float: left;
	padding-top: 300px;
	padding-left: 30px;
}

#content1{
	width:366px;
	height:375px;
	text-align: left;
	text-indent: 20px;
	background-image:url(../images/content1.jpg);

	display:block;
	float: left;
	padding-top: 165px;
	padding-left: 30px;
	
	
	

}

#content11{
	width:366px;
	height:520px;
	text-align: left;
	text-indent: 20px;
	background-color: #ffffff;
	display:block;
	float: left;
	padding-top: 20px;
	padding-left: 30px;
	overflow:auto;		
}
#contentflash{
	width:396px;
	height:540px;
	text-align: left;
	text-indent: 0px;
	background-color: black;
	display:block;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	overflow:auto;	
		
}

#indexContent2{
	width:250px;
	height:225px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/indexContent2.gif);
	display:block;
	float: left;
	padding-top: 310px;
}

#content2{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content2.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#content2a{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content2a.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#content2b{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content2b.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#content2c{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content2c.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#content2d{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content2d.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#content2e{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content2e.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#content3{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content3.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#content5{
	width:250px;
	height:385px;
	text-indent: 0px;
	text-align: center;
	background-image:url(../images/content5.jpg);
	
    display:block;
	float: left;
	padding-top: 155px;
}
#sobaContent{
	width:366px;
	height:520px;
	text-align: left;
	text-indent: 20px;
	background-color: #ffffff;
	display:block;
	float: left;
	padding-top: 20px;

	padding-left: 30px;
	overflow:auto;		
	

}

/* container for footer link navigation at bottom of page */
.footer{
	width: 682px;
	height: 32px;
	display:block;
	float: left;
        padding-left: 108px;
	padding-top: -40px;
}

/* footer navigation list */
.footer li{
	font-size:11px;
	text-indent: 0px;
	text-align: left;
	background-color: transparent;
	display: inline;
	padding-top: 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

.footer a:link{
color: #006666;
}
.footer a:active{
color: #006666;
}
.footer #active{
color: #006666;
}

.footer a:hover{
color: #FFFFFF;
}

.footer a:visited{
color: #006666;
}


/* temporary Club Soba header at top of page */
h1{
	width: 682px;
	height: 40px;
	color:#FF9933;
	font-weight: lighter;
	font-family: Arial;
	font-size: 33px;
	display:block;
	margin: 0px;
	padding-top: 20px;
	padding-left: 155px;
}

h2{
	text-align:left;
	font-family: Tahoma, Verdana, Arial;
	font-size: 20px;
	color: #006666;
	
	display:inline;
	margin-left: -20px;
	padding-left: 0px;
}
h4{
	text-align:left;
	font-family: Tahoma, Verdana, Arial;
	font-size: 20px;
	color: #006666;
	
	display:inline;
	margin-left: 0px;
	padding-left: 0px;
}

#number{
	text-align:left;
	font-family: Tahoma, Verdana, Arial;
	font-size: 20px;
	color: #006666;
	display:inline;
	margin: 0px;
	padding-left: 25px;
}

h3{
	font-size: 15px;
	font-family: Tahoma, Verdana, Arial;
	line-height: 16px;
	color: #006666;
	display:inline;
	margin: 0px;
}

p{
	font-family: Tahoma, Verdana, Arial;
    font-size: 12px; 
	text-align:left;
	text-shadow: #666666;
	line-height: 14px; 
	color:#666666;
	font:bold;
	display:inline;
}

#form{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-size-adjust:none;
	display: inline;
	color:#FF9933;

}

/* individual settings for link appearence */
a:link {
  /* Applies to all unvisited links */
	font-family: Tahoma, Verdana, Arial;
  text-decoration:  none;
  font-weight:      bold;
  background-color: transparent;
  color:            white;

  
  } 
  
a:visited {
  /* Applies to all visited links */
  text-decoration:  none;
	font-family: Tahoma, Verdana, Arial;
  font-weight:      bold;
  background-color: transparent;
  color: white;

  } 
  
a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
	font-family: Tahoma, Verdana, Arial;
  font-weight:      bold;
  background-color: transparent;
  color: #999999;

  } 
  
a:active  {
  /* Applies to activated links */
  text-decoration:  none;
	font-family: Tahoma, Verdana, Arial;
  font-weight:      bold;
  background-color: transparent;
  color: white;

 
  }