@charset "UTF-8";
/* CSS Document */


/* TABLE OF CONTENTS

01 - Global Elements
02 - Main Structure - Background Image, Wrappers, Containers, Columns, clearfix
03 - Header - Header, Logo, navigation
04 - Home Page Content - rotating image feature, locations
05 - Main Content - Interior pages
06 - Sidebar - Right Column content
07 - Footer - Copyright   */



/* ---------------- 01 - Global Elements ---------------- */

html,
body {
margin:0;
padding:0;
height:100%;
background:#a7af39;}

.content p {
color:#40401e;}

.content {
margin-top:20px;}

.content a {
color:#F9D22D;}

.content p strong {
font-weight:bold;}

.content ul {
margin:0px 0px 20px 20px;
font-size:13px;
color:#40401e;}

.content  li {
margin-bottom:5px;
list-style-type:disc;}

.typography ol li {
list-style-type:decimal;}

.typography ol {
margin: 0 0 0 25px;}

.typography ol li {
font:normal 13px Arial;}
 

#news ul.news li  a:hover {text-decoration:underline;}

a:hover, #body a:hover {
text-decoration:underline;}

.feature a:hover, .sub-feature a:hover  {color:#e7eed5;}


#body a {text-decoration:underline;}

blockquote {
margin-top:0px;
text-align:right;
float:right;}

a.readmore {
	font-family:Georgia, "Times New Roman", Times, serif;
	 font-weight:bold; 
	 color:#904502; 
	 font-size:13px;
	 margin-right:5px;}


/* ---------------- 02 - Main Structure  ---------------- */

#sidebar {
width:300px;
margin:20px 0px 0px 0px;
float:right;}


#container {
min-height:100%;
background:#f5891f;
position:relative;
}

#body {
font-family:Arial, Helvetica, sans-serif;
width:980px;
margin:0px auto 0px auto;
padding-bottom:160px;
color:white;
}

.clear {
clear:both;}


/* ---------------- 03 - Typography  ---------------- */

.typography blockquote {
border:1px solid #4f5e3e;


-moz-border-radius:15px;
-webkit-border-radius: 15px;
padding:15px;
width:250px;
margin: 0 0 15px 15px;
float:right;}

.typography blockquote p {
font-size:15px;
color:#fff;}

.feature h3 a {
color:white;
text-decoration:none;}

.typography p.event-information {color:white;}

.typography p {color:#494902;}

.feature h3,  .typography h1 {
letter-spacing:1px;
font-variant: small-caps;
font-size:30px;
text-align:center;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;}

.typography h1 {
text-align:left;}

.typography h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#EAECD4;
font-size:24px;
margin:0px 0px 10px 0px;
}
.typography h2 a {color:white;}

ul.event-schedule li h3 a {text-transform:none;
text-decoration:none;}

.typography h3, .typography h3 a {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#494902;
text-decoration:none;
margin:0px 0px 20px 0px;
font-size:20px;}

.typography h4, .typography h4 a {
font-family:Georgia, "Times New Roman", Times, serif;
color:white;
text-decoration:none;
margin:0px 0px 20px 0px;
font-size:17px;}

.typography h5, .typography h5 a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#F9D22D;
text-decoration:none;
margin:0px 0px 20px 0px;
font-size:15px;}

.typography p.jump-menu  {display:inline;}

.typography p.jump-menu a {
border-right:1px solid white;
padding:6px;
font-size:12px;
color:white;
display:inline;
text-decoration:none;}

.typography p.schedule-time, p.schedule-time {
color:white;
background:#965293;
padding:3px;
width:100px;
text-align:center;
border:1px solid white;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;}

p.event-information a {
color:#965293;}

ul.event-box p.event-information {
color:white;
margin:0px 0px 10px 0px;}

p.event-information strong {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#904502;
font-size:13px;
margin-right:10px;
}

.feature p.description, .typography p.title-description {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align:center;
font-size:16px;
color:#F9D22D;}

.typography p {
margin-bottom:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;}

.typography p.title-description {
text-align:left;}

.more a {
text-decoration:none;
color:white;
display:block;
margin:5px 0px 10px 0px;
text-transform:uppercase;
font: bold 8px Arial, Helvetica, sans-serif;
}




.news-date {
text-decoration:none;
color:#F9D22D;display:block;
margin:0px;
text-transform:uppercase;
font: bold 12px Arial, Helvetica, sans-serif;
}


.mission-statement {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
letter-spacing:2px;
}

p.mission {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:39px;
	line-height:45px;
	margin-bottom:5px;}



/* ---------------- 04 - Home Page Content - rotating image feature, locations ---------------- */

/* home page feature boxes */	

.mission-statement {
float:left;
width:620px;
margin:30px 0 20px 0;
line-height:24px;
color:white;
font-size:14px;
}

#home-feature {
height:345px;
padding:0px 0px 0px 0px;
margin:15px 0px 0px 0px;
width:auto;
/*background:url(../images/centerbackground.png) no-repeat;	*/
}
.feature p.image-caption {
background: url(../images/blacktrans.png) repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
height:30px;
width:auto;
padding:5px;
color:white;}

#subfeature  .feature p.image-caption {
height:20px;
}

#subfeature .feature h3 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#595227;
font-size:19px;
}

#subfeature .feature p.description {
font-size:12px;
color:#363314;}

img.book {
padding:0px 0px 10px 0px;}

.feature p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
overflow:auto;
line-height:19px;
color:#363314;}

.feature {
height:340px;
float:left;
width:308px;}

#position2 {
margin:0px 28px 0px 28px;}

.feature .image {
width:308px;
padding-top:128px;
margin:5px 0px 15px 0px;
background:url(../images/feature-image.jpg) no-repeat 0px;
height:40px;}

#subfeature {
width:978px;
background:#e3973a;
border:1px solid #3B5434;
clear:both;
height:340px;
}

#subfeature .feature {
margin-left:18px;
margin-top:20px;
width:221px;
height:335px;}

#subfeature .feature .image {
padding-top:93px;
margin-top:10px;
height:33px;
width:221px;
}

/* ---------------- 05 - Main Content - Interior pages ---------------- */

#map {
padding:0px;
margin:0 0 30px 0;}

iframe {padding:0;margin:0;}

img.interior-page {
border:1px solid white;
margin:20px 0px 10px 10px;
float:right;}

.main {
margin:20px 0px 0px 0px;
width:627px;
float:left;}

#content {
margin:20px 0px 0px 0px;
width:627px;
float:left;}

.content-image {
border:1px solid #333;
margin:20px 0px 40px 0px;
width:627px;
clear:both;
height:189px;}

.content-image p {
padding:4px;
background: url(../images/blacktrans.png) repeat 0px;}

ul.schedule {
text-align:center;
height:55px;
padding-left:40px;
width:940px;
background: url(../images/center.png) no-repeat 25px 39px;}

ul.event-schedule li h1 a {
text-decoration:none;}


ul.schedule li {
float:left;
list-style:none;}

ul.schedule li#schedule1 a {padding:5px 45px 5px 30px;}
ul.schedule li#schedule2 a {background-position:0px 0px;padding:5px 20px 5px 20px;}
ul.schedule li#schedule3 a {padding:5px 30px 5px 30px;}

ul.schedule li #schedule1 .current a,
ul.schedule li.current a {

background:url(../images/active-tabs.png) no-repeat 0px 0px;
color:#f5891f;}

ul.schedule li a {
color:white;
background:url(../images/tabs.png) no-repeat 0px 0px;
text-decoration:none;}

/* event schedule page */

#schedule-wrapper {
margin-top:20px;}

#schedule-leftcol, #schedule-rightcol  {
margin:5px 0px 0px 0px;
float:left;
width:477px;}

#schedule-leftcol {margin-right:25px;}
#schedule-rightcol {margin-left:0px;}

ul.event-schedule {
margin:10px 15px 20px 15px;}

ul.event-schedule li {
border-bottom:1px dotted white;
margin-top:25px;}



ul.event-schedule li.even img {float:left;margin:0px 15px 5px 0px;border:1px solid white;}
ul.event-schedule li.odd img {float:right;margin:0px 0px 10px 10px;border:1px solid white;}


/* news box */
.connect_widget{background-color:white;}
body.fan_widget {background-color:white;}
#facebook {
	width:290px;
	background-color:white;}
#news .line {
padding:0px 0px 0px 100px;
width:auto;
height:35px;
clear:both;
background:url(../images/line.png) no-repeat -90px -5px;}

#news p.italic {
font-size:16px;}

#news {
/*padding:0px 5px 20px 20px;*/
width:308px;
/*border:1px solid #4C481E;*/}

#news ul.news p.italic {
float:left;
font-size:20px;}

#news li p.date {margin-bottom:20px;}

#news ul.news p.italic a {
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#f9d128;
text-decoration:none;
margin-bottom:5px;
font-style:normal;
font-size:16px;}

#news ul.news p {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
float:left;}

.typography	.line {
padding:0px 0px 0px 190px;
width:auto;
margin-top:10px;
height:35px;
clear:both;
background:url(../images/line.png) no-repeat 0px 0px;}

.typography ul.event-schedule p.title-description {
color:#8b4811;
font-size:16px;
margin:0px 0px 10px 0px;}

.typography ul.event-schedule h3 {
color:#4B4F19;
font-size:18px;
margin-bottom:10px;
}

.typography blockquote h2 {
margin-top:10px;
font-size:28px;
font-style:italic;
text-transform:none;
letter-spacing:0px;
color:#686236;
text-decoration:none;}

.top a {
text-decoration:none;
text-transform:uppercase;
color:#676338;
font-size:11px;
float:right;
background:url(../images/arrow.png) no-repeat 0px 2px;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0px 0px 0px 15px;
margin-right:15px;}

ul.jump li {
margin:0px 5px 5px 0px;
border:1px dotted #d1dad1;
}

ul.jump-menu li {
padding:4px 2px 4px 2px;
text-align:center;
text-transform:uppercase;
border-right:1px solid white;
font-size:12px;
width:50px;
}

ul.jump li, ul.jump-menu li {
padding:4px 2px 4px 2px;
text-align:center;
font-size:12px;
width:70px;
float:left;}

ul.jump li a, ul.jump-menu li a {
text-decoration:none;
color:white;}

ul.jump li {
/*background:#82823f;*/}

ul.jump li.odd  {
text-decoration:none;
color:white;
/*background:#CCC13A;*/}

ul.jump-menu {
float:left;
margin-bottom:10px;}

ul.jump  {
width:980px;
margin-bottom:20px;
height:54px;
}

.event-container-even {
padding-bottom:20px;
margin-bottom:20px;
background:url(../images/yellow.png) repeat-y 0px 15px;
border-bottom:1px solid white;
border-top:1px solid white;}

.event-container-odd {
padding-bottom:20px;
margin-bottom:20px;
background:url(../images/orange.png) repeat-y  0px 15px;
border-bottom:1px solid white;
border-top:1px solid white;}

/* event box schedule interior page */

ul.event-box {
margin-top:20px;}

ul.event-box img {
border:1px solid white;
margin-right:15px;
margin-bottom:5px;
float:left;}

ul.event-box li p {
color:#494902;}

ul.event-box li {
width:620px;
/*border-bottom:1px dotted white;*/
/*min-height:120px;*/
margin:10px 0px 10px 0px;
padding: 10px 0px 10px 0px;}

ul.event-box h2 {
margin-top:20px;
text-transform:uppercase;}


/* sidebox */

.side-box {
clear:right;
/*border:1px solid #ffffff;*/
float:right;
margin:30px 0px 10px 0px;
width:292px;
/*padding:15px;*/
/*color:#F9D22D;*/
min-height:80px;}

/*.side-box {
text-align:center;
}*/

.side-box li {
margin-bottom:20px;}

.side-box h3 {
font-size:16px;
color:#fdce05;
}

.side-box p  {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;}

.side-box p.uppercase {
text-transform:uppercase;}

h2.news  {
text-indent: -9999px;
margin:-20px 0px 10px 45px;
width:190px;
background:#f5891f url(../images/news_transparent.png) no-repeat 0px 0px;
height:40px;}

h2.news a {
text-indent: -9999px;
margin:-20px 0px 10px 45px;
width:190px;
background:#f5891f url(../images/news_green.png) no-repeat 0px 0px;
height:40px;}

h2.including  {
text-indent: -9999px;
margin:-40px 0px 10px 35px;
width:210px;
background:#f5891f url(../images/including.png) no-repeat 0px 0px;
height:40px;}

h2.volunteer {
text-indent: -9999px;
margin:-40px 0px 10px 35px;
width:210px;
background:#f5891f url(../images/volunteer.png) no-repeat 0px 0px;
height:40px;}

h2.sponsors {
text-indent: -9999px;
margin:-40px 0px 10px 35px;
width:200px;
background:#f5891f url(../images/sponsors.png) no-repeat 10px 0px;
height:40px;}

h2.connect {
text-indent: -9999px;
margin:-40px 0px 10px 35px;
width:200px;
background:#f5891f url(../images/connect.png) no-repeat 10px 0px;
height:40px;}

.rss {
padding:10px 10px 0px 0px;
float:left;}


.rss2 {
padding:10px 10px 0px 0px;
float:right;}


#including p.italic {font-size:16px;margin-bottom:5px; text-align:center;}
#including p.uppercase {font-size:15px;letter-spacing:.13em; text-align:center}
#including img, #volunteer img{margin:0 85px 0 80px;}
#connect img {margin:0 70px 0 70px;}
#volunteer p.uppercase {font-size:10px; text-align:center;}
#volunteer p.uppercase a {color:white;text-decoration:none;}
#volunteer p.italic {font-size:14px; text-align:center}
#sponsors p.italic {text-align:left; text-align:center}
p.italic {font-style:italic; font-size:12px; line-height:17px; text-align:center;}


/* ---------------- 06 - Header - logo, navigation ---------------- */

#header {
width:980px;
height:auto;
margin:0px auto 0px auto;
}

#header-wrapper {
background:#965293;
width:auto;
min-height:210px;}

#stripe {
height:20px;
background:url(../images/header-stripe.png) repeat-x scroll 50% 0px;
}

h1.logo a{
float:left;
text-indent: -9999px;
width:390px;
background:url(../images/icbflogo.png) no-repeat 0px 10px;
height:180px;}

ul.menu li a {
letter-spacing:1px;
font-variant: small-caps;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;}	

ul.menu li ul {margin-top:10px;}
ul.menu li ul li {line-height:13px}
ul.menu li ul li a {
letter-spacing:normal;
font-size:12px;
color:#f6dbe8;
font-variant:normal;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;}	

ul.menu li {float:left; width:160px;}
ul.menu li.events {width:150px;}
ul.menu li.get-involved {width:140px;}
ul.menu li.sponsors {width:140px;}
ul.menu li.volunteers {width:120px;}
ul.menu li.connect {width:120px;}
ul.menu  {float:right; margin-top:20px;}
ul.menu a {text-decoration:none;color:white;}
ul.menu a:hover {text-decoration:underline;}
ul.menu li.about {width:130px; 
	padding-left:20px;}
#date-wrapper {
width:100%;
background:white;
height:40px;}

#date {
width:980px;
padding-top:10px;
margin:0px auto 0px auto;
}

#date p {
letter-spacing:.053em;
color:#944E93;
font:Georgia, "Times New Roman", Times, serif;
font-size:20px;float:left;
text-transform:uppercase;
display:inline;}
#date p.location {float:left;color:#DE166B;margin-left:5px;}
#date p.date {float:left;font-size:20px; color:#C99DC9;margin-left:5px;}
#date p.sponsor a {color:#944E93; text-decoration:none;}
#date p.sponsor a:hover {text-decoration:underline;}
#date p.sponsor {
letter-spacing:0em;
font-size:18px;
float:right;
font-style:italic;
text-transform:none;}
.italic2 {font-size:14px;
	line-height:17px; 
	text-align:center;
	font-style:italic;}

/* ---------------- 07 - Footer, Forms ---------------- */

#footer {
position:absolute;
text-align:center;
bottom:0;
width:100%;
height:130px;   /* Height of the footer */
background:url(../images/footer-stripe.png) repeat-x scroll 50% 10px;
}

#footer-stripe {
height:65px;
padding-top:15px;
background:url(../images/yellow-stripe.png) repeat-x scroll 50% 0px;
}

p.footer {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:980px;
margin:0px auto 0px auto;}

p.footer a {
	color:#965293;
	text-decoration:none;}

#Form_Form .middleColumn {
margin-bottom:10px;}

.middleColumn {
margin-bottom:40px;}

#Form_Form .middleColumn textarea {
width:600px;
margin-bottom:20px;
margin-top:10px;}

.action {
background:white url(../images/formbg.gif) repeat-x scroll left top;
border:1px solid #CCCCCC;
color:#666666;
font-family:"Gill Sans",Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:lighter;
letter-spacing:1px;
margin-top:20px;
padding:2px 6px;
text-transform:uppercase;
}

.typography .content a.action  {
text-decoration:none;
color:black;}

#Form_Form  ul {
margin-top:15px;
margin-left:0px;}

#Form_Form  ul li {
list-style:none;
}

input.checkbox {
margin-right:5px;}

.tweet {
margin-top: 250px;

}