/*----------------------------------------------------------
CSS Styles for LoGO Indiana
Author: Hillary Hartley
Email: hillary [at] nicusa [dot] com
----------------------------------------------------------*/

/*---- simple clearing ----*/
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 


/* general styles
----------------------------------------------------------*/
* { padding: 0; margin: 0; }
a img,:link img,:visited img { border:none; }

/* some reusable classes */
.clear { clear: both; margin-top: 0px; margin-bottom: 0px; }
.noClear { clear: none; margin-top: 0px; margin-bottom: 0px; }
.hidden { display:none; }

.left{ float:left; }
.right{ float:right; }
.center {margin-left: auto; margin-right: auto;}
.txt-right {text-align:right;}
.txt-left {text-align:left;}
.txt-center {text-align:center;}

.txt-black, .txt-black:visited {color:#000!important;}
.txt-dark, .txt-dark:visited {color:#333!important;}
.txt-grey, .txt-grey:visited {color:#888!important;}
.txt-light, .txt-light:visited {color:#ccc!important;}

.txt-orange {
	color:#CC3300!important;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCC99;
	margin-bottom: 10px;
}
.txt-khaki {color:#cc9!important;}

.bg-orange {background-color:#e41; /*e34110*/}
.bg-khaki {background-color:#cc9;}

.small {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.medium {
	font-size: 12px;
}
.large {
	font-size: 14px;
}
.larger {
	font-size: 16px;
}
.largest {
	font-size: 18px;
}

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.uline {
	text-decoration:underline;
	margin-bottom: 2px;
}
.caps {text-transform:uppercase;}
.serif {font-family:georgia;}
.lead10 {margin-top:10px;}
.left10 {margin-left:10px;}
.right10 {
	margin-right: 10px;
}

.list {
	line-height:1.6em;
	margin-top: .5em;
}


/* hrefs - can be any color by using txt-light, etc. */
a:link {
	color:#2E67C7;
	text-decoration: none;
}
a:visited {
	color:#2E67C7;
	text-decoration: none;
}
a:active {
	color:#2E67C7;
	text-decoration: none;
}
a:hover {
	color:#444444;
	text-decoration: none;
}
a.external {text-decoration:underline; }

/*p, span, dl, li {font-weight: normal; font-size: 13px; }*/
h1, h2, h3, h4, h5 {font-family:helvetica,arial,sans-serif; font-weight:normal;}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 {
	font-size: 1.2em;
}
h4 { font-size: 1.0em; }
h5 { font-size: 0.8em; }
/* end text classes */


/* layout styles
----------------------------------------------------------*/
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%!important;
	color: #444;
	background-color: #9e0b0f;
	background-image: url(img/bg-fade-hr.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#wrapper {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#header {height:135px;}
#content {width:100%;}
#content-main {
	width:400px;
	line-height: 1.8em;
	margin-right: 80px;
	margin-left: 110px;
	margin-top: 10px;
	float: left;
	font-size: 90%;
	padding: 10px;
}
#content-main ul {
	margin-left:3em;
	line-height:1.8em;
}
#content-nav {
	width: 185px;
	margin-right: 30px;
	margin-top: 15px;
	float: left;
	padding: 2px;
}

#content-nav ul {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.85em;
}
#content-nav  ul li {
	margin-bottom:2px;
	padding: 3px;
}
#content-nav  ul li.active {
	background-image: url(img/hr-red-fade.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 3px;
	color: #444444;
}
#content-nav ul li a:hover {
	background-image: url(img/hr-red-fade.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	display: block;
}


#content-right {
	width:140px;
	float:right;
	margin-top:25px;
	padding:10px;
	background:#eec url('img/diag.gif');
	border:5px solid #eec;
	font-size: 90%;
	color: #666633;
}


/*---header + mini-search---*/
#branding {float:left; width:85px;}
#hdr_container {text-align:right;}

#navbar {
	font-family:helvetica,arial,sans-serif;
	font-size:1.5em;
}
#navbar ul {float:right;}
#navbar li {float:left; list-style:none;}
#navbar a {
	display: block;
	color: #cc9;
	text-decoration: none;
	padding:50px 1em 0;
	background-color: #FFFFFF;
}
#navbar a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEECC;
	padding-bottom: 3px;
	background-color: #FFFFFF;
	background-image: url(img/rollover-o.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}
#navbar  li a:active  {
	color:#663;
}


/*---footer---*/
#footer {
	padding-top:40px;
	width: 800px;
	bottom: 0px;
	margin-bottom: 25px;
}
#footer-container {
	background-color: #FFFFFF;
	background-image: url(img/diag.gif);
	background-repeat: repeat;
	background-position: center top;
	border: 1px solid #EEEECC;
	height: 80px;
	color: #666633;
	line-height: 1.4em;
	padding: 5px;
	bottom: 5px;
}
#footer .nav {
	list-style-type:none;
	padding-top:5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #EEEECC;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 25px;
	height: 20px;
	text-align: center;
	display: block;
}
#footer  .nav ul    li  {
	list-style-type: none;
	list-style-image: none;
}

#footer .nav li {
	float:left;
	padding-top: 0px;
	padding-right: 1em;
	padding-bottom: 0px;
	padding-left: 1em;
	text-align: center;
	display: inline-block;
}
#footer .nav a, #footer .nav a:visited {
	color:#666633;
}
#footer .nav a:hover {background:none;}
#footer span {float:right; padding:0 1em; margin-top:-2em;}

#home #footer {
	position:relative;
	width:100%;
	background:none;
	padding:0;
}
#mini_search input {
	padding:2px !important;
	font-size:1em;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}
#mini_search input#q {
	background-color: #FFFFFF;
	border: 1px solid #CCCC99;
}

#mini_search input#submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.2em;
	color: #666633;
	display: block;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #CCCC99;
	background-color: #EEEECC;
}

#mini_search select {
	padding:2;
	font-size:1em;
	margin-top: 3px;
	margin-bottom: 3px;
}


/* home page styles
----------------------------------------------------------*/
#home #photo {
	height:270px;
	-moz-border-radius:15px;
	padding:5px;
	background-image: url(img/indy_skyline2.jpg);
}
#home #content {
	height: 175px;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	background-color: #eec;
	background-image: url(img/home-blocks-top2.png);
	background-repeat: repeat-x;
	background-position: center top;







	width: 798
.%;
	width: 798px;
}
#home #block-container {
	line-height: 1.6em;
	font-size: 90%;
	width: 399px;
	float: left;
	height: 175px;
	background-image: url(img/home-block-bottom3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* page styles
----------------------------------------------------------*/
.block {
	width: 359px;
	height: 145px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
}


.block p {
	margin-top:0.5em;

}
.quad {
	width: 22%;
	margin-right: 10px;
	padding: 5px;
}
.quad  p {
	margin-top: .5em;
}

.half {
	width: 40%;
	margin-right: 10px;
	padding: 5px;
}

.half p {
	margin-top: .5em;
}




ul.rss li {
	list-style:none;
	line-height: 1.4em;
	margin-top: 0.25em;
}
ul.rss a {
	padding-left:17px;
	background-image: url(img/o.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#content-main h2 {
	font:normal 1.8em helvetica,arial,sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	padding-bottom: 2px;
}
#content-main p, #content-right p {margin:1em 0;}