/* CSS Document */

@import url("reset.css");

/* Basic Structure
----------------------------------- */
body {
	color: #333333;
	background: #e8f0fa url("../_images/bkgrd.gif") top left repeat; /* Background image - http://www.squidfingers.com/patterns/26/ */
	font-family: Arial, sans-serif;
	font-size: 80%;
	line-height: 140%;
	}
div.wrap {
	margin: 0 auto;
	width: 960px;
	background: #ffffff url("../_images/bkgrd_wrap.jpg") bottom left repeat-x;
	}
div#content {
	position: relative;
	clear: left;
	background: #ffffff url("../_images/bkgrd_content.jpg") top left repeat-x;
	}
div#footer {
	clear: both;
	margin: 0 20px;
	padding: .5em 0 .75em 0;
	font-size: 90%;
	text-align: center;
	border-top: 1px solid #c5d7a4;
	}

/* Header
----------------------------------- */
h1 {
	position: relative;
	width: 960px;
	height: 136px;
	}
h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url("../_images/h1.jpg") center no-repeat;
	}
	h1:hover a span {background: transparent url("../_images/h1_hover.jpg") center no-repeat}
div#h1_bottom {
	width: 960px;
	height: 108px;
	background: transparent url("../_images/h1_bottom.jpg") center no-repeat;
	}

/* Navigation
----------------------------------- */
ul#nav {
	margin: 0;
	width: 960px;
	height: 61px;
	}
	ul#nav li {position: relative; float: left}
	ul#nav li a, ul#nav li.selected {display: block; height: 61px; width: 160px; border-bottom: 0}
	ul#nav li a span, ul#nav li.selected span {position: absolute; width: 100%; height: 100%}
	ul#nav li#home a span {background: transparent url("../_images/nav_home.jpg") top left no-repeat}
	ul#nav li#hire a span {background: transparent url("../_images/nav_hire.jpg") top left no-repeat}
	ul#nav li#lemont a span {background: transparent url("../_images/nav_lemont.jpg") top left no-repeat}
	ul#nav li#oakpark a span {background: transparent url("../_images/nav_oakpark.jpg") top left no-repeat}
	ul#nav li#chicago a span {background: transparent url("../_images/nav_chicago.jpg") top left no-repeat}
	ul#nav li#media a span {background: transparent url("../_images/nav_media.jpg") top left no-repeat}
	ul#nav li#home a:hover span, ul#nav li#home.selected span {background: transparent url("../_images/nav_home_hover.jpg") top left no-repeat}
	ul#nav li#hire a:hover span, ul#nav li#hire.selected span {background: transparent url("../_images/nav_hire_hover.jpg") top left no-repeat}
	ul#nav li#lemont a:hover span, ul#nav li#lemont.selected span {background: transparent url("../_images/nav_lemont_hover.jpg") top left no-repeat}
	ul#nav li#oakpark a:hover span, ul#nav li#oakpark.selected span {background: transparent url("../_images/nav_oakpark_hover.jpg") top left no-repeat}
	ul#nav li#chicago a:hover span, ul#nav li#chicago.selected span {background: transparent url("../_images/nav_chicago_hover.jpg") top left no-repeat}
	ul#nav li#media a:hover span, ul#nav li#media.selected span {background: transparent url("../_images/nav_media_hover.jpg") top left no-repeat}

/* Inter-Site Navigation
---------------------------------------- */
ul#intersite-nav {
	position: relative;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0;
	height: 45px;
	background-color: #1f1515;
	color: #8a7f7f;
	list-style-type: none;
	border-bottom: 10px solid #f5f5f5;
	}
ul#intersite-nav li {
	position: relative;
	float: left;
	width: 70px;
	height: 45px;
	text-indent: -9999px;
	}
	ul#intersite-nav li#diochra {width: 100px}
	ul#intersite-nav li#find {width: 110px}
	ul#intersite-nav li#triallta {width: 90px}
	ul#intersite-nav li#network {width: 140px; float: right}
ul#intersite-nav li a {
	display: block;
	background-color: #1f1515;
	color: #1f1515;
	height: 45px;
	text-decoration: none;
	border-bottom: 0;
	}
	ul#intersite-nav li#diochra a {background: #1f1515 url(../_images/isn_diochra.gif) center no-repeat;}
	ul#intersite-nav li#feisfood a {background: #1f1515 url(../_images/isn_feisfood.gif) center no-repeat;}
	ul#intersite-nav li#find a {background: #1f1515 url(../_images/isn_find.gif) center no-repeat;}
	ul#intersite-nav li#ghillie a {background: #1f1515 url(../_images/isn_ghillie.gif) center no-repeat;}
	ul#intersite-nav li#reely a {background: #1f1515 url(../_images/isn_reely.gif) center no-repeat;}
	ul#intersite-nav li#triallta a {background: #1f1515 url(../_images/isn_triallta_tab.gif) center no-repeat} /* this site */
	ul#intersite-nav li#webfeis a {background: #1f1515 url(../_images/isn_webfeis.gif) center no-repeat;}
	ul#intersite-nav li#network a {background: #1f1515 url(../_images/isn_network.gif) center no-repeat;}
	
	ul#intersite-nav li#diochra a:hover {background: #1f1515 url(../_images/isn_diochra_hover.gif) center no-repeat;}
	ul#intersite-nav li#feisfood a:hover {background: #1f1515 url(../_images/isn_feisfood_hover.gif) center no-repeat;}
	ul#intersite-nav li#find a:hover {background: #1f1515 url(../_images/isn_find_hover.gif) center no-repeat;}
	ul#intersite-nav li#ghillie a:hover {background: #1f1515 url(../_images/isn_ghillie_hover.gif) center no-repeat;}
	ul#intersite-nav li#reely a:hover {background: #1f1515 url(../_images/isn_reely_hover.gif) center no-repeat;}
	ul#intersite-nav li#webfeis a:hover {background: #1f1515 url(../_images/isn_webfeis_hover.gif) center no-repeat;}
	ul#intersite-nav li#network a:hover {background: #1f1515 url(../_images/isn_network_hover.gif) center no-repeat;}

/* Basic Content
----------------------------------- */
h2,h3,h4,h5,h6,p,ul,ol{margin:0 20px}
h2,h3,h4,h5,h6 {color: #284000; font-weight: bold}
h2 {
	margin: 0 20px .5em 20px;
	padding: 1.05em 0 .2em 0;
	font-size: 150%;
	border-bottom: 1px solid #c5d7a4;
	}
h3 {
	margin-top: 1em;
	margin-bottom: .5em;
	padding-bottom: .2em;
	color: #4a6f0d;
	font-size: 130%;
	border-bottom: 1px dotted #d5e4b9;
	}
	h3#instructors {clear:both}
h4 {
	padding-bottom: .2em;
	font-size: 110%;
	}
p {margin-bottom: .8em}
ul.list {
	margin: 0.8em 20px;
	padding-left: 20px;
	line-height: 140%;
	list-style-type: disc;
	}

/* Links
----------------------------------- */
a {text-decoration: none}
a:link {color: #104e8a; border-bottom: 1px dotted #104e8a}
a:visited {color: #002140; border-bottom: 1px dotted #002140}
a:hover, a:active {color: #375703; border-bottom: 1px solid #375703}

/* Home
----------------------------------- */
div#intro {
	position: relative;
	float: left;
	padding: 0 0 20px 0;
	width: 700px;
	}
	div#intro h2 {margin-right: 15px}
	div#intro img {
	position: relative;
	float: right;
	padding: 0 20px 1em 20px;
	}
div#resource {
	position: relative;
	float: right;
	padding: 1.6em 30px 1em 0;
	width: 220px;
	height: 340px;
	}
div#resource a {border: 0}

/* Register Now
----------------------------------- */
ul.loc_reg {
	margin-left: 23px;
	}
ul.loc_reg.second {
	margin-left: 22em;
	margin-top: -8.25em;
	margin-bottom: 3em;
	}

/* About
----------------------------------- */
div.left, div.right {
	position: relative;
	width: 49%;
	}
	div.left {
	float: left;
	padding-right: 2%;
	}
	div.right {
	float: right;
	}
	h3#directors {
	clear: both;
	margin-bottom: 1em;
	padding-top: 1em;
	border-bottom: 1px solid #c5d7a4;
	}
img.instructor {
	position: relative;
	float: left;
	margin: 1em 1em 1em 15px;
	padding: 3px;
	border: 1px solid #a8cfff;
	}

/* Classes
----------------------------------- */
img#fourhand {
	position: relative;
	float: right;
	margin: 1em 20px 1em 15px;
	padding: 3px;
	border: 1px solid #a8cfff;
	}
div#maincontent {
	position: relative;
	float: left;
	width: 610px;
	}
div#sidebar {
	position: relative;
	float: right;
	margin-left: 20px;
	width: 330px;
	}
	div#sidebar h3 {
	margin-left: 18px;
	}
table.schedule {
	margin: .75em 20px 1.5em 20px;
	width: 920px;
	text-align: left;
	}
	table.schedule thead {background-color: #e1ebd2}
	table.schedule thead, table.schedule tr {height: 2em; line-height: 2em}
	table.schedule tr {border-top: 1px solid #d3e2b7}
	table.schedule tr.odd {}
	table.schedule th.level, table.schedule td.level {padding-left: .5em; width: 16%}
	table.schedule th.age, table.schedule td.age {width: 13%}
	table.schedule th.type, table.schedule td.type {width: 11%}
	table.schedule th.daytime, table.schedule td.daytime {width: 22%}
	table.schedule th.loc, table.schedule td.loc {width: 30%}
	table.schedule th.inst, table.schedule td.inst {width: 13%}
dl#levels {
	margin-left: 20px;
	}
	dl#levels dt {
	color: #284000;
	font-weight: bold;
	}
	dl#levels dd {
	margin-bottom: .75em;
	}
dl#sessions, dl#summer-length, dl#fall-length {
	margin-left: 25px;
	margin-bottom: 1.5em;
	line-height: 160%;
	}
	dl#sessions dt, dl#summer-length dt, dl#fall-length dt {
	width: 7em;
	color: #284000;
	font-weight: bold;
	/* text-align: right; */
	}
	dl#sessions dd, dl#summer-length dd, dl#fall-length dd {
	margin-top: -1.6em;
	margin-left: 8em;
	}

/* Calendar of Events
----------------------------------- */
table.calevents {
	margin: .75em 20px 1.5em 20px;
	width: 920px;
	text-align: left;
	}
	table.calevents caption {display: none}
	table.calevents thead, table.calevents tr {
	height: 2em;
	line-height: 2em;
	}
	table.calevents tr {
	border-top: 1px solid #d3e2b7;
	}
	table.calevents th {background-color: #e1ebd2}
	table.calevents th.when, table.calevents td.when {padding-left: .5em; width: 20%}
	table.calevents th.event, table.calevents td.event {padding-right: 1em; width: 48%}
	table.calevents th.location, table.calevents td.location {width: 32%}

/* Media
----------------------------------- */
ul#medianav {
	line-height: 160%;
	width: 250px;
	height: 350px;
	}
	ul#medianav li h3 {
	margin: 0;
	padding: 0;
	}
	ul#medianav li h3.perf {margin-top: .75em}
div#mediaplayer {
	position: relative;
	margin-top: -350px;
	margin-left: 250px;
	width: 500px;
	height: 350px;
	}
	div#mediaplayer img {
	width: 500px;
	height: 350px;
	}
dl#aboutmedia {
	position: relative;
	margin: -350px 20px 0 760px;
	height: 350px;
	font-size: 90%;
	}
	dl#aboutmedia dt {font-weight: bold}
	dl#aboutmedia dd {margin-bottom: .75em}
div.youtube-video {
	position: relative;
	float: left;
	margin-left: 35px;
	margin-bottom: 25px;
	}
	div.youtube-video h4 {margin:0}

/* Interest
----------------------------------- */
form#interest {
	margin: 0 20px;
	}
form#interest tr.odd {
	background: #eeeeee;
	}
form#interest td {
	padding: 1em;
	vertical-align: top;
	}
form#interest td.labels {
	width: 30%;
	}
form#interest td.warn {
	width: 30%;
	}

/* Footer
----------------------------------- */
div#flickr_script {
	clear: both;
	margin: 10px 2px 10px 20px;
	}
	div#flickr_script img {
	margin-right: 10px;
	border: 4px solid #c5d7a4;
	}
	div#flickr_script a {border: 0}
h2#flickr {
	margin-left: 0;
	margin-right: 17px;
	}
h2#learnirishdancing {
	clear: left;
	margin-right: 20px;
	margin-bottom: 0;
	}
div.location {
	position: relative;
	float: left;
	padding: 10px 0;
	width: 225px;
	border-right: 1px solid #c5d7a4;
	}
	div.looking {border-right:0}
	div.oakpark {width: 281px}
	div.location h3 {margin-top: 0; font-size: 100%}