/************* Wireframe Layout *************/
html
{
	background: #A9DCF7 
}

body
{
	margin: 0;
    font-family:Arial, Helvetica, sans-serif;
	background: #FFF url(http://downtowniowacity.com/templates/dta/images/body-bg.gif) top left repeat-x;;
}

/************ HEADER **************/

#header
{
	height: 156px;
	margin-bottom: 8px;
}

#logo
{
	padding-top: 5px;	
}

#nav-top
{
	height: 40px;
}

#nav-top ul, #nav-top li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav-top li
{
	height: 40px;
	float: left;
}

#nav-top li a
{
	display: block;
	text-indent:-9009px;
	background: url(http://downtowniowacity.com/templates/dta/images/nav-top-bg.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 40px;
}

#nav-top li.sib-1 a
{
	margin-left: 3px;
	background-position: 0px 0px;
	width: 65px;
}

#nav-top li.sib-1 a:hover
{
	background-position: 0px -40px;
}

#nav-top li.sib-2 a
{
	background-position: -65px 0;
	width: 133px;
}

#nav-top li.sib-2 a:hover
{
	background-position: -65px -40px;
}

#nav-top li.sib-3 a
{
	background-position: -198px 0;
	width: 95px;
}

#nav-top li.sib-3 a:hover
{
	background-position: -198px -40px;
}

#nav-top li.sib-4 a
{
	background-position: -293px 0;
	width: 82px;
}

#nav-top li.sib-4 a:hover
{
	background-position: -293px -40px;
}

#nav-top li.sib-5 a
{
	background-position: -375px 0;
	width: 112px;
}

#nav-top li.sib-5 a:hover
{
	background-position: -375px -40px;
}
/************ NAV MAIN **************/

#nav-main
{
	background: url(http://downtowniowacity.com/templates/dta/images/nav-main-bg.jpg) top left no-repeat;
	height: 46px;
	margin-bottom: 8px;
}

#nav-main ul, #nav-main li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav-main li
{
	height: 46px;	
	float: left;
}

#nav-main li a
{
	display: block;
	text-indent:-9009px;
	background: url(http://downtowniowacity.com/templates/dta/images/nav-main-bg.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 46px;
}

#nav-main li.sib-1 a
{
	background-position: 0px 0px;
	width: 149px;
}

#nav-main li.sib-1 a:hover, #nav-main li.sib-1 a.menu-current
{
	background-position: 0px -46px;
}

#nav-main li.sib-2 a
{
	background-position: -149px 0px;
	width: 105px;
}

#nav-main li.sib-2 a:hover, #nav-main li.sib-2 a.menu-current
{
	background-position: -149px -46px;
}

#nav-main li.sib-3 a
{
	background-position: -254px 0px;
	width: 158px;
}

#nav-main li.sib-3 a:hover, #nav-main li.sib-3 a.menu-current
{
	background-position: -254px -46px;
}


#nav-main li.sib-4 a
{
	background-position: -412px 0px;
	width: 147px;
}

#nav-main li.sib-4 a:hover, #nav-main li.sib-4 a.menu-current
{
	background-position: -412px -46px;
}

#nav-main li.sib-5 a
{
	background-position: -559px 0px;
	width: 92px;
}

#nav-main li.sib-5 a:hover, #nav-main li.sib-5 a.menu-current
{
	background-position: -559px -46px;
}

#nav-main li.sib-6 a
{
	background-position: -651px 0px;
	width: 92px;
}

#nav-main li.sib-6 a:hover, #nav-main li.sib-6 a.menu-current
{
	background-position: -651px -46px;
}

#nav-main li.sib-7 a
{
	background-position: -743px 0px;
	width: 78px;
}

#nav-main li.sib-7 a:hover, #nav-main li.sib-7 a.menu-current
{
	background-position: -743px -46px;
}

#nav-main li.sib-8 a
{
	background-position: -821px 0px;
	width: 149px;
}

#nav-main li.sib-8 a:hover, #nav-main li.sib-8 a.menu-current
{
	background-position: -821px -46px;
}



#intro-container { margin-bottom: 20px;}
	
#nav-intro
{
	display: relative;
	margin-top: -43px;
	margin-left: 15px;
	
}

#nav-intro a
{
	float: left;
	width: 12px;
	height: 12px;
	background:  #FFF8A3;
	text-indent: -9009px;
	z-index: 5000;
	position: relative;
	margin-right: 7px;
}

#nav-intro a:hover
{
	background:  #e4dd84;
}

#nav-intro a.activeSlide, #nav-intro a.activeSlide:hover
{
	background: #DF251B;
	z-index: 5000;
}


div.intro-text, #intro-container
{
	background: #FFF8A3;	
}

div.intro-text
{
	padding-top: 15px;
}	

#intro-container
{
	height: 245px;	
}


#rotator { margin-bottom: 20px;}
#rotator h2 a { color: #373737; text-decoration: none; } 
#rotator p { font-size: 1.6em; }
.rotator-image { line-height: .7}

#nav-rotator
{
	display: relative;
	margin-top: -43px;
	margin-left: 15px;
	float:left;
}

#nav-rotator a
{
	float: left;
	width: 12px;
	height: 12px;
	background:  #FFF8A3;
	text-indent: -9009px;
	z-index: 5000;
	position: relative;
	margin-right: 7px;
}

#nav-rotator a:hover
{
	background:  #e4dd84;
}

#nav-rotator a.activeSlide, #nav-rotator a.activeSlide:hover
{
	background: #DF251B;
	z-index: 5000;
}


div.rotator-content, #rotator
{
	background: #FFF8A3;	
}

div.rotator-content
{
	padding-top: 15px;
}	

#intro-rotator
{
	height: 245px;	
}

/************ CONTENT **************/

#content
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#intro
{
	margin-bottom: 15px;
	background: url(http://downtowniowacity.com/templates/dta/images/intro-bg.gif) top right repeat-y;
}

#intro p img
{
	margin: 0;
}

#intro #text
{
	background: #FFF8A3;	
	padding-top: 10px;
	padding-bottom: 10px;
}

#intro #text h2, #main-content h2
{
	text-transform: uppercase;	
}

#intro #text h2
{
	font-size: 2.5em;	
}

#main-content
{
	
}

#sponsors
{
	padding-top: 20px;
	padding-bottom: 20px;
}

#sponsors img
{
	border: #373737 5px solid;	
}

#sponsors img:hover
{
	border: #DF251B 5px solid;	
}

#events
{
	marging-bottom: 15px;
}	

#events h2 a
{
	color: #373737;
	text-decoration: none;
}
#events h2 a:hover
{
	color: #373737;
	text-decoration: underline;
}	

a.button-more-events
{
	display: block;
	height: 48px;
	background: url(/templates/dta/images/button-more-upcoming-events.gif) top left no-repeat;
	text-indent: -9009px;
}

a.button-more-events:hover
{
	background-position: 0 -48px;
}


#cta-row
{
	height: 120px;
	padding: 20px 0;
}	

#cta-row .cta
{
	background: #FFF;
	height: 110px;
	border: 5px solid #373737;
}

#cta-row .cta:hover
{
	border: #DF251B 5px solid;	
}

#cta-row p img
{
	margin: 0;	
}

#content
{
	background: #E7FFE5; 
}

.post-block h3.post-title
{
	font-size: 1.5em;
	line-height: 1.1;
	font-weight: normal;
}

.post-block
{
	padding-top: 5px;
	padding-bottom: 7px;
}

.post-block + .post-block
{
	border-top: none;	
	padding-top: 10px;
}

.post-block .post-date
{
	background: #373737;
}

.post-date p
{
	text-align: center;
	color: #FFF;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.post-date p.month
{
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 1.3em;
	color: #d1d1d1;
}

.post-date p.date
{
	padding-bottom: 5px;
	font-size: 2.2em;
	color: #FFF;
}

.post-block p.location, .post-block p.time
{
	margin: 0;	
	line-height: 1.2;
}

.post-block p.location a
{
	color: #373737;
}

/************ FOOTER **************/

#footer-container {width:970px;margin:0 auto;}
#footer-container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer-container {display:inline-block;}
* html #footer-container {height:1%;}
#footer-container {display:block;}

#footer-body
{
	background: #A8DBF7 url(http://downtowniowacity.com/templates/dta/images/home-footer-bg.gif) top left repeat-x;
}

#footer
{
	padding-top: 30px;	
}

#nav-footer ul
{
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
}

#nav-footer ul ul
{
	padding: 0;
}

#nav-footer li
{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.0em;
}

#nav-footer li a
{
	color: #373737;
	text-decoration: none;
}

#nav-footer li a.menu-0
{
	color: #DF251B;
}

#nav-footer li a:hover
{
	text-decoration: underline;
}

#nav-footer li.menu-0
{
	font-size: 1.5em;
	font-weight:bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#nav-footer li.menu-0 ul
{
	padding-top: 5px;	
}

#nav-footer li.menu-1
{
	font-size: .8em;
	font-weight:normal;
	text-transform: none;
}

#nav-footer li.menu-divider
{
	margin-top: 3px;
	padding-top: 10px;
	border-top: 1px solid #373737;
	margin-right: 25px;
}	


/************* Small Dot *************/
#small-dot h3
{
	border-bottom: 1px solid #373737;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#small-dot p
{
	font-size: 1.1em;
	color: #373737;
	margin: 0;
}

#small-dot a
{
	color: #DF251B;	
}

#small-dot a:hover
{
	color: #DF251B;	
	text-decoration: none;
}

#small-dot a.social { display: block; width: 85px; height: 33px; background: url(/templates/dta/images/button-social-footer.png) top left no-repeat; float:left; text-indent: -9009px; margin-top: 20px; }

#small-dot a#facebook { margin-right: 10px; }
#small-dot a#twitter { background-position: -95px 0;}
#small-dot a#facebook:hover { background-position: 0 -34px; }
#small-dot a#twitter:hover { background-position: -95px -34px; }

#header #social { float:right; width: 71px; }
#header #social a.social { display: block; width: 33px; height: 33px; float:left; text-indent: -9009px; margin-top: 83px; }
#header #social a#facebook { background: url(/templates/dta/images/icon-facebook-header.jpg) top left no-repeat; margin-right: 5px; }
#header #social a#twitter { background: url(/templates/dta/images/icon-twitter-header.jpg) top left no-repeat; }
#header #social a#facebook:hover, #header #social a#twitter:hover { background-position: 0 -33px }


/************* Typography *************/

p, li, h2, h3, h4 { color: #373737; }
h2{ font-size: 2.5em; font-weight:bold; margin: 0; }
h3{ font-size: 1.7em; font-weight:bold; margin-bottom: 0;}
h4,h5,h6{ font-size: 1.5em; font-weight:bold; margin-bottom: 0;}
p, li{ font-size: 1.4em; }
li { margin-bottom: 5px; }

a{ color: #DF251B;}
a:hover{ text-decoration:none; color: #DF251B;}

