/* CSS Style & Layout Guide*/
body{
margin: 0px; background:url(images/gradient.gif) repeat-y center #671220;
FONT-FAMILY: Arial,Helvetica,Sans-Serif;
padding:0;
HEIGHT: 100%
}
html{
	HEIGHT: 100%
}
a:link, a:visited{
color:#676767; font-weight:bold;
}
a:hover{
text-decoration:underline;
color:#81A539;
}
#container{
MARGIN: 0px auto;
position: relative;
width:770px;
background-image:url(images/side.gif);
background-repeat:repeat-y;
padding-bottom: 1px;
MIN-HEIGHT: 100%;
HEIGHT: 100%;
}
#containermain{
MARGIN: 0px auto;
position: relative;
width:780px;
background-image:url(images/side.gif);
background-repeat:repeat-y;
padding-bottom: 1px;
MIN-HEIGHT: 100%;
}
#header{
margin-left: auto;
margin-right: auto;
width:710px;
height:25px;
background-image:url(images/header.gif);
background-repeat:no-repeat;
}
#logo h1{
margin:10px 0 0 40px;
width:259px;
height: 49px;
background:url(images/jumpstart_logo.jpg) no-repeat; 
text-indent: -9000px; 
text-decoration: none;
}
#submenubox{
background-image: url("images/nav_submenu.gif");
height:11px;
width: 88px;
position:relative;
float:right;
margin-right:30px;
margin-top:5px;
}
#submenu{
margin:0;
padding:0px;
width: 88px; 
height: 11px;
}
#submenu li{
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}
#submenu li, #submenu a {
height: 11px; 
display: block;
}
#submenu li a {
text-indent: -9999px; 
text-decoration: none
}
#home {
left: 0; width: 30px;
}
#contact {
left: 30px; width: 58px;
}
#home a:hover {
background: transparent url("images/nav_submenu.gif") -0px -11px no-repeat;
}
#contact a:hover {
background: transparent url("images/nav_submenu.gif") -30px -11px no-repeat;
}
#sectiontwo{
width:704px;
height:300px;
margin:0 0 0 33px;
border-bottom:1px dotted #666666;
}
#sectiontwo img{
float:right;
}
#mainmenu{
height:290px;
width: 148px;
background-image: url("images/menu.gif");
margin:0;
padding:0;
position: relative;
float:left;
}
#mainmenu li{
margin: 0; 
padding: 0; 
list-style: none;
display: block;
position: absolute; 
}
#mainmenu a {
display: block;
}
#mainmenu li a {
text-indent: -9999px; 
text-decoration: none
}
#lineup {
top: 0; height: 29px; left: 0; width: 148px;
}
#lineup a{
height: 29px;
}
#performers {
top: 29px; height: 29px; left: 0; width: 148px;
}
#performers a{
height: 29px;
}
#venue {
top: 58px; height: 29px; left: 0; width: 148px;
}
#venue a{
height: 29px;
}
#boxoffice {
top: 87px; height: 29px; left: 0; width: 148px;
}
#boxoffice a{
height: 29px;
}
#patrons {
top: 116px; height: 29px; left: 0; width: 148px;
}
#patrons a{
height: 29px;
}
#beat {
top: 145px; height: 29px; left: 0; width: 148px;
}
#beat a{
height: 29px;
}
#mavens {
top: 174px; height: 29px; left: 0; width: 148px;
}
#mavens a{
height: 29px;
}
#sages {
top: 203px; height: 29px; left: 0; width: 148px;
}
#sages a{
height: 29px;
}
#jam {
top: 232px; height: 29px; left: 0; width: 148px;
}
#jam a{
height: 29px;
}
#past {
top: 261px; height: 29px; left: 0; width: 148px;
}
#past a{
height: 29px;
}
#lineup a:hover {
background: transparent url("images/menu.gif") -0px -290px no-repeat;
}
#performers a:hover {
background: transparent url("images/menu.gif") -0px -319px no-repeat;
}
#venue a:hover {
background: transparent url("images/menu.gif") -0px -348px no-repeat;
}
#boxoffice a:hover {
background: transparent url("images/menu.gif") -0px -377px no-repeat;
}
#patrons a:hover {
background: transparent url("images/menu.gif") -0px -406px no-repeat;
}
#beat a:hover {
background: transparent url("images/menu.gif") -0px -435px no-repeat;
}
#mavens a:hover {
background: transparent url("images/menu.gif") -0px -464px no-repeat;
}
#sages a:hover {
background: transparent url("images/menu.gif") -0px -493px no-repeat;
}
#jam a:hover {
background: transparent url("images/menu.gif") -0px -522px no-repeat;
}
#past a:hover {
background: transparent url("images/menu.gif") -0px -551px no-repeat;
}
.bold{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#676767;
}
#bottomlinksbox{
height:35px;
width:619px;
clear:both;
margin-left:75px;
padding-top:30px;
}
#bottomlinks{
height:35px;
width:619px;
margin:0;
padding:0;
position: relative;
}
#bottomlinks li{
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}
#bottomlinks li, #bottomlinks a {
height: 35px; 
display: block;
}
#bottomlinks li a {
text-indent: -9999px; 
text-decoration: none
}

#footer{
margin-right:30px;
text-align:center;
}
#footer li{
display:inline;
margin-right:5px;
font-size:9px;
border-right:1px solid #C9CCA7;
padding-right:8px;
}
#footer li a:link,#footer li a:visited{
font-weight:normal;
}
#footer li.last{
display:inline;
font-size:9px;
border-right:none;
}
#mainrightcol{
float:right; width:550px; color:#333333; font-size:11px; padding:25px 33px 0 0px; border-left:1px solid #DEDEDE;
line-height:14px;
}
#mainrightcol h2{
color:#990033; font-weight:bold; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 15px;
}
#mainrightcol h3{
color:#990033; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 15px; font-weight:normal; 

letter-spacing:0.5px;
}
#mainrightcol h6{
color:#81A539; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-style:italic; margin:0 0 5px 15px; 

font-weight:normal; letter-spacing:0.5px;
}
#mainrightcol p{
margin:0; line-height:18px; padding-left:15px;
}

.space{
font-size:1px;
}
.paddingsm{
padding:15px 0 2px 0;
}
.paddinghalf{
padding:0px 0 2px 0;
}
#mainleftcol{
float:left; width:159px; padding-left:33px; padding-top:15px;
line-height:16px;
}
#mainleftcol p{
padding-right:20px; color:#666666; font-size:11px; margin:0; line-height:12px;
}
#mainleftcol h5{
color:#81A539; font-size:14px; font-weight:bold; margin:0;
}
#mainleftcol ul{
margin:0px; padding:0; margin-top:5px;
}
#mainleftcol li{
margin-left:8px; background:url(images/icon_arrow.gif) no-repeat left center; list-style: none; padding-left:15px; 

color:#666666; font-size:11px;
}

}
#mainleftcol a:link, #mainleftcol a:visited{
font-weight:normal;
}
.floatleft{
margin-top:0px; margin-right:10px;
float:left;
}
.floatright{
margin:0 0 10px 15px;
float:right;
}
.floatrightsm{
margin:0 0 10px 10px;
float:right;
}

}
#mainrightcol li{
border-bottom:1px solid #7F7F7F; width:165px; font-size:12px; margin-bottom:3px; list-style:none;
}


}
.box p, .box h4{
padding-left:20px; padding-right:20px; margin:0;
}
.header{
text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}
.marginleft{
padding-left:15px;
}