@charset "utf-8";
/* Indianapolis City Ballet CSS Document */



body, html{
font-family:arial;
font-size: 12px;
color: #000;
margin: 0;

}

h1 {
	font-size:22px;  
}
h2 {
	font-size:18px; 
}
h3 {
	font-size:16px;
	color:#900;
	
}
h1,{
	margin:0;
}

h2,h3,h4 {
margin-left:25px;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}

h5{
	font-size:14px;
	font-weight:bold;
    line-height: 18px;
    margin:.5em 0 .5em 0;
	
}

PRE { white-space: pre }
P   { white-space: normal }


.blue{color:#193464}
.red{color:#C00}

.title{
	font-family:Arial, Helvetica, sans-serif;
	margin:1em 0 0 1em;
}

#midcol p {
	margin-left:23px;
	margin-right:13px;
}

.paypal{
	margin-left:23px;

	}

.paper{
	background-image:url(../images/paper.gif);
	background-repeat:repeat-y;
	padding-bottom:1em;
	padding-top:1em;
	
	}

.letter{
	margin-left:25px;
	margin-right:10px;
	color:#666;
}

ul.goalslist {
	list-style-position:inside;
	list-style-type: none;
	}

ul.goalslist li{
	padding-bottom:1em;
	}



ul.linkslist {
	list-style-position:inside;
	line-height:16px;
	list-style-type: circle;
}

ul.linkslist li{
	line-height:16px;
	}


a {
	color:#904c43;
	
	}
	
a:hover {
	color:#666;
	}
	
a:visited {
	}

.photo{
	padding-right:1em;
	}

.homeback {
background-color:#000;
}

#midcol ul {
	margin-left:23px;
	margin-right:13px;
}


#container {
width:960px;
margin:0 auto;
}

/*header css starts*/


#headerdiv {
text-align:left;
float:left;
z-index:1;
margin:0px;
width:960px;
}

.topdiv {
width:960px;
float:left;
text-align:left;
background-color:#000;
}

.topheader_lt{
	float:left;
	border-style: none;
	
}


.topheader_rt{
	background-image:url(../images/header_rt.jpg);
	background-repeat:no-repeat;
	float:left;
	
}


#navcontainer{
	margin: 0;
	padding-bottom:1em;
	padding-right:5px;
	padding-top:10px;
	width:700px;
	position: absolute;
	top:0;
    right:0;
}

.toplinkdiv {
float:right;
width:820px;
text-align:left;
height:37px;
padding-top:0px;
background-color:#000;


}
.topimg {
float:left;
width:156px;
height:59px;
text-align:left;
}

#toplink { 
padding: 0px; 
font-weight: normal; 
font-size: 12px; 
font-family:'Trebuchet MS';
display: inline;
line-height:18px;
}

#toplink li { 
display: inline; 
list-style-type: none;
}	
	
#toplink li a { 
float: left; 
color: #000000;
padding-left:12px;
padding-right:12px;
height: 21px;
padding-top:6px;
text-decoration: none;
text-align:center;
font-weight:bold;
background-image:url(images/link.gif);
padding-left:12px;
padding-right:12px;
border-right:2px solid #ffffff;
}

#toplinkli a:link { 
float: left; 
color: #000000; 
height: 21px;
padding-top:6px;
text-decoration: none;
text-align:center;
font-weight:bold;
background-image:url(images/link.gif);
padding-left:12px;
padding-right:12px;
border-right:2px solid #ffffff;
 }
 
#toplink li a:hover { 
float: left; 
color: #015597; 
height: 21px;
padding-top:6px;
text-decoration: none;
text-align:center;
background-image:url(images/link-ho.gif);
padding-left:12px;
padding-right:12px;
border-right:2px solid #ffffff;
 }
#toplink  li a.here {	
float: left; 
color: #015597; 
height: 21px;
padding-top:6px;
text-decoration: none;
text-align:center;
background-image:url(images/link-ho.gif);
padding-left:12px;
padding-right:12px;
border-right:2px solid #ffffff;
}

.bannerdiv {
float:left;
width:960px;
text-align:left;
display:block;
}



.middlediv {
width:960px;
height:206px;
background:url(../images/home_body.jpg) no-repeat;
text-align:left;
float:left;
margin:0px;
padding:0px;
}

.midcontent {
width:960px;
float:left;

}
.midcontent1 {
width:275px;
float:left;
padding-left:45px;
padding-right:8px;
}
.midcontent2 {
width:275px;
float:left;
padding-left:21px;
padding-right:8px;
}
.midcontent3 {
width:275px;
float:left;
padding-left:20px;
padding-right:15px;
}

.middlediv2 {
width:960px;
height:auto;
background-color:#fff;
text-align:left;
float:left;
margin:0px;
padding:0px;
}

#container3 {
	float:left;
	width:100%;
	background-image:url(../images/col3.gif);
	overflow:hidden;
	position:relative;
	background-repeat: repeat-y;
	background-position: right top;
	background-color:#FFF;
}
#container2 {
    float:left;
    width:100%;
    background-color:#fff;
	position:relative;
	right:39.5%;
    
}
#container1 {
	float:left;
	width:100%;
	background-image:url(../images/col1.gif);
	position:relative;
	right:39%;
	background-repeat: repeat-y;
	background-position: right top;
}
#ltcol {
    float:left;
    width:22%;
    position:relative;
    left:78%;
    overflow:hidden;
	
}
#midcol {
	float:left;
	width:56%;
	position:relative;
	left:78%;
	overflow:hidden;
	padding-bottom:1em;
    
}
#rtcol {
    float:left;
    width:22%;
    position:relative;
    left:79%;
    overflow:hidden; 
	}







.news{
	margin:0;
	padding:0;	
	text-align:left;}

ul.news li{
	
	margin:0;
	padding:0;
	text-decoration:underline;
	list-style:none;
	line-height:25px;
	
	}


.flashdiv {
float:left;
width:711px;
text-align:left;
}

.link {
font-size:17px;
text-decoration:none;
border-bottom:1px solid #005496;
color:#005496;
}
.link:hover {
font-size:17px;
text-decoration:none;
border-bottom:none;
color:#000000;
}


.linkb {
font-size:13px;
text-decoration:underline;
color:#005496;
font-weight:bold;
}
.linkb:hover {
font-size:13px;
text-decoration:none;
color:#000000;
}

/*header css ends*/


.pad{
	padding-top:10px;

}

.bar{
	width:960px;
	height:37px;
	background-image:url(../images/black_bar.jpg);
}


/*footer css begins*/

#footerdiv {
	width:960px;
	margin:0 auto;
	text-align:center;
	float:left;
	font-size:11px;
	color:#000000;
	background-image:url(../images/footer.jpg);
	padding-top:45px;
	line-height:18px;
	padding-bottom:20px;
	
 	
}

#footerdiv a {
font-size:11px;
color:#000000;
text-decoration:none;
}

#footerdiv a:link {
font-size:11px;
color:#000000;
text-decoration:none;
}

#footerdiv a:hover {
font-size:11px;
color:#904c43;
text-decoration:underline;
}

.copyright {
font-size:11px;
font-weight:bold;
color:#904c43;
}

/*footer css ends*/


/*nav css begins*/

.menu {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; width:206px; height:150px; position:relative; margin:0; font-size:13px; margin:10px 0; font-variant:small-caps; font-weight: bold;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; font-weight: bold; font-variant:small-caps; color:#000; width:206px; height:28px; text-align:center; border-bottom:1px solid #666; border-width:0 0 1px 0; background:#f1d793; line-height:30px; font-size:13px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


#nav {padding:0; margin:0; list-style:none; height:37px; background:#000; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:37px; line-height:33px; color: #fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;background: #000;}
#nav li a.top_link span {float:left; display:block; padding:0 19px 0 5px; height:37px; background: #000;}
#nav li a.top_link span.down {float:left; display:block; padding:0 19px 0 5px; height:37px; background: #000;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color: #000; text-decoration:none; background: #fff;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:none;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:none; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #eaeae8; padding:3px; white-space:nowrap; width:190px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; font-weight:bold; height:20px; width:190px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#eaeae8 80px 6px;}
#nav :hover ul.sub li a:hover 
{background:#000; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:190px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #000; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:190px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #D0D0CC; padding:3px; border:1px solid #D0D0CC; white-space:nowrap; width:190px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:none; 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:none; 80px 6px no-repeat; color:#000; border-color:#D0D0CC;} 	

/*nav css ends*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}