/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* Global Styles
-------------------------------------------------------------- */

body { background-color:#c2e0ee; margin-top:0; }

#main { width:940px; margin:0 auto; position:relative; }
#main #column { width:330px; float:right; overflow:hidden; display:inline; }
#main #content { width: 598px; float:left; margin-right:12px; overflow:hidden; }

#header { height:127px; background: url(../images/bg/header-main.jpg) no-repeat 200px 0; position:relative; }
#header #cloud1 { top:28px; right:-8px; height:51px; width:103px; background: url(../images/bg/cloud.gif) no-repeat; position:absolute; }
#header #cloud2 { z-index:1; top:-6px; left:144px; height:51px; width:103px; background: url(../images/bg/cloud.png) no-repeat; position:absolute; }
#header #logo { z-index:0; top:24px; left:34px; height:170px; width:176px; background: url(../images/bg/logo2010.png) no-repeat; position:absolute; }

/* Navigation
-------------------------------------------------------------- */

#nav { height:62px; background: url(../images/bg/nav-bar.gif) no-repeat; margin-bottom:12px; }
#nav ul { margin-left:220px; padding-top:17px; }
#nav ul li { display:inline; }
#nav ul li a { height:29px; display:block; float:left; text-indent:-9000px; margin-right:8px; }

#nav ul li a.home { width:70px; background: url(../images/bg/nav/home.gif) no-repeat; }
#nav ul li a.fair-events { width:130px; background: url(../images/bg/nav/fair-events.gif) no-repeat; }
#nav ul li a.year-events {width:216px; background: url(../images/bg/nav/year-events.gif) no-repeat; }
#nav ul li a.info { width:141px; background: url(../images/bg/nav/info.gif) no-repeat; }
#nav ul li a.contact { width:102px; background: url(../images/bg/nav/contact.gif) no-repeat; }

#nav ul li a.home:hover { background-position: center; }
#nav ul li a.fair-events:hover { background-position: center; }
#nav ul li a.year-events:hover { background-position: center; }
#nav ul li a.info:hover { background-position: center; }
#nav ul li a.contact:hover { background-position: center; }

#nav ul li a.hover { background-position: center; }

#nav ul li a.selected { background-position: bottom; }

/* Drop Down Nav
-------------------------------------------------------------- */

#main #fair-events-dd { display:none; z-index:2; position:absolute; background:#9CBFDD; -moz-border-radius:3px; -moz-border-radius-topleft:0; top:170px; left:298px; padding:11px; width:180px; }
#main #year-events-dd { display:none; z-index:2; position:absolute; background:#9CBFDD; -moz-border-radius:3px; -moz-border-radius-topleft:0; top:170px; left:436px; padding:11px; width:235px; }
#main #info-dd { display:none; z-index:2; position:absolute; background:#9CBFDD; -moz-border-radius:3px; -moz-border-radius-topleft:0; top:170px; left:660px; padding:11px; width:200px; }


#main #dd-nav ul { padding:0; margin:0; }
#main #dd-nav ul li { list-style-type:none; }
#main #dd-nav ul li a { padding-top:4px; padding-bottom:4px; display:block; color:#ffffff; font-weight:bold; border-bottom:1px solid #afcae3;  }
#main #dd-nav ul li a:hover {  }


/* Sections
-------------------------------------------------------------- */

#home-scroll .scroll-text { position:absolute; margin-left: 300px; margin-top:10px;  }
#home-scroll .scroll-text p { width:240px;  }

#main #l-next { cursor:pointer; z-index:1; top:282px; left:-8px; position:absolute; width:36px; height:36px; background: url(../images/bg/l-next.png) no-repeat; }
#main #r-next { cursor:pointer; z-index:1; top:282px; left:570px; position:absolute; width:36px; height:36px; background: url(../images/bg/r-next.png) no-repeat; }

#upcoming-events p { color:#fff; }
#upcoming-events ul { margin:0px; }
#upcoming-events ul li { list-style-type:none; }
#upcoming-events ul li a { display:block; border-top:1px solid #90b8da; color:#fff; padding:6px 0; font-size:13px; }
#upcoming-events ul li a strong.event-title { display:block; font-weight:normal; margin-left:56px; }
#upcoming-events ul li a:hover { text-decoration:none; color:#0772a3; }
#upcoming-events ul li a span { font-weight:bold; color:#0772a3; text-decoration:none; width:55px; display:block; float:left;  }
#upcoming-events span a { margin-top:6px; text-indent:-9000px; width:169px; height:30px; background: url(../images/bg/view-all-events.gif) no-repeat; display:block; }

#tickets { margin-bottom:2px; }
#tickets a { text-indent:-9000px; display:block; height:78px; background: url(../images/bg/purchase-tickets.gif) no-repeat bottom; }
#tickets a:hover { background: url(../images/bg/purchase-tickets-on.gif) no-repeat bottom; }

#handbook { margin-bottom:12px; }
#handbook a { text-indent:-9000px; display:block; height:78px; background: url(../images/bg/postcard-ad.png) no-repeat bottom; }
#handbook a:hover { }

#information { position:relative; }
#information p { color:#fff; }
#information span { position:absolute; top:24px; right:30px; }
#information span a { color:#fff; font-size:14px; }
#information ul { margin:0; }
#information ul li { list-style-type:none; }
#information ul li a { background: url(../images/bg/flag.gif) no-repeat left; color:#fff; display:block; border-top:1px solid #dc9a82; padding:6px 0 6px 30px; font-size:13px; }
#information ul li a.last { padding-bottom:0; }
#information ul li a:hover {  }

#sub-navigation p { color:#fff; }
#sub-navigation h3 { font-family:Georgia; text-transform:uppercase; color:#0772a3; margin-bottom:14px; }
#sub-navigation ul { margin:0px; }
#sub-navigation ul li { list-style-type:none; }
#sub-navigation ul li.new-page { text-align:right; }
#sub-navigation ul li a { display:block; border-top:1px solid #90b8da; color:#fff; padding:6px 0; font-size:13px; }
#sub-navigation ul li a:hover { text-decoration:none; color:#0772a3; }
#sub-navigation ul li a span { font-weight:bold; color:#0772a3; text-decoration:none; width:26px; display:block; float:left;  }
#sub-navigation span a { margin-top:6px; text-indent:-9000px; width:169px; height:30px; background: url(../images/bg/view-all-events.gif) no-repeat; display:block; }

#home-main {  }
#home-main, #sub-main { background:#fff url(../images/bg/burst.gif) 0 100% no-repeat; position:relative; }
#sub-main {  }
#sub-main h1 { font-family:Georgia; text-transform:uppercase; font-size:26px; letter-spacing:-.5px; color:#0881BA; }
#sub-main h2 { padding:0; margin-bottom:6px; font-size:17px; }

#home-body { margin-top:30px; }

#home-body .home-l { float:left; width:172px;  margin-right:14px; border-right:1px solid #C2E0EE; }
#home-body .home-c { float:left; width:172px; margin-right:14px; border-right:1px solid #C2E0EE; }
#home-body .home-r { float:left; width:172px; }

#home-body .home-l p, #home-body .home-c p, #home-body .home-r p { font-size:12px; padding-right:10px; margin-bottom:0; }
#home-body .home-l h3, #home-body .home-c h3, #home-body .home-r h3 { color:#70A6CF; font-size:15px; padding-right:10px; }
x
#sub-main img { border:1px solid #ccc; padding:3px; }
#sponsors {  }

table.rates { padding:7px; border: 1px solid #ccc; margin-right:20px; width:260px; float:left; clear:both; }
table.rates tr th { padding-left:7px; border:1px solid #ccc; border-right:none; }

table.rates-large { border: 1px solid #ccc; width:100%; clear:both; }
table.rates-large tr th { padding-left:7px; border:1px solid #ccc; border-right:none; }

a.out { background:#D48066; padding:2px 4px; color:#fff; -moz-border-radius:2px; }

input.CheckboxToInformation { position:absolute; right:2px; top:8px; }
div#dd-nav li { position:relative; }

div.series { border-bottom:2px solid #eee; margin-bottom:20px; }

/* Footer ------------------------ */

#footer { width:940px; margin:0 auto; position:relative; clear:both; }
#footer p { padding-top:20px; color:#70A7D0; text-align:center; }

/* Contact Page ------------------ */

div.vcard { margin-bottom:20px; color:#ffffff; }
a.side-link { color: #ffffff; text-decoration:underline; }

dl { color:#ffffff; }
dl dt { font-size:16px; }

#contact-form-message { color:Green; }



/* Titles
-------------------------------------------------------------- */

#upcoming-events h3 { 
	background: url(../images/bg/titles/upcoming-events.gif) no-repeat;
	text-indent: -9000px;
	width:164px;
	height:14px;
	margin-bottom:16px;
}

#information h3 { 
	background: url(../images/bg/titles/information.gif) no-repeat;
	text-indent: -9000px;
	width:164px;
	height:14px;
	margin-bottom:16px;
}

#sponsors h3 { 
	background: url(../images/bg/titles/our-sponsors.gif) no-repeat;
	text-indent: -9000px;
	width:164px;
	height:14px;
	margin-bottom:10px;
}

h3.scroll-heading { font-size:20px; color:#D48066; }

/* Rounded Boxes
-------------------------------------------------------------- */


.whiteRounded { background-color:#fff; margin-bottom:12px; }
.whiteRounded .bl {background: url(../images/bg/w-bl.gif) 0 100% no-repeat}
.whiteRounded .br {background: url(../images/bg/w-br.gif) 100% 100% no-repeat}
.whiteRounded .tl {background: url(../images/bg/w-tl.gif) 0 0 no-repeat}
.whiteRounded .tr {background: url(../images/bg/w-tr.gif) 100% 0 no-repeat; padding:26px;}
.whiteRounded p { font-size:13px; }

.subRounded { background-color:#fff; margin-bottom:12px; }
.subRounded .bl {background: url(../images/bg/w-bl.gif) 0 100% no-repeat}
.subRounded .br {background: url(../images/bg/w-br.gif) 100% 100% no-repeat}
.subRounded .tl {background: url(../images/bg/w-tl.gif) 0 0 no-repeat}
.subRounded .tr {background: url(../images/bg/w-tr.gif) 100% 0 no-repeat; padding:26px;}
.subRounded p { font-size:13px; }

.blueRounded { background-color:#70a7d0; margin-bottom:3px; }
.blueRounded .bl {background: url(../images/bg/b-bl.gif) 0 100% no-repeat}
.blueRounded .br {background: url(../images/bg/b-br.gif) 100% 100% no-repeat}
.blueRounded .tl {background: url(../images/bg/b-tl.gif) 0 0 no-repeat}
.blueRounded .tr {background: url(../images/bg/b-tr.gif) 100% 0 no-repeat; padding:26px;}
.blueRounded p { }

.redRounded { background-color:#d48066; margin-bottom:12px; }
.redRounded .bl {background: url(../images/bg/r-bl.gif) 0 100% no-repeat}
.redRounded .br {background: url(../images/bg/r-br.gif) 100% 100% no-repeat}
.redRounded .tl {background: url(../images/bg/r-tl.gif) 0 0 no-repeat}
.redRounded .tr {background: url(../images/bg/r-tr.gif) 100% 0 no-repeat; padding:26px;}
.redRounded p {  }


/* Margin & Padding
-------------------------------------------------------------- */

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

.p20 { padding:20px; }

.pb { padding-bottom:0; }


/* Extra / Fixes
-------------------------------------------------------------- */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
	visibility: hidden;
    }
 
 div.alert {
	border-style: solid; 
	border-color: rgb(255, 209, 41); 
	border-width: 1px 1px 3px; 
	padding: 10px 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
	-moz-border-radius-bottomright: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	background-color: rgb(255, 244, 166); 
	margin-bottom: 14px; 
	font-size:1.1em; }
	
.ie6 { display:none; }

/* GENERIC STYLES (some changes may be needed to container div) 
----------------------------------------------------------------*/
   
/* Sub Content - PAGE EDIT STYLES
----------------------------------------*/
div#page-edit form div.edit-input { padding:8px;background:#f2f4f1;margin-bottom:5px;width:420px; -moz-border-radius: 5px; } 
div.text-editor { padding:8px;background:#f2f4f1;margin-bottom:5px; -moz-border-radius: 5px; }
div#page-edit form div.edit-input label { width:90px;float:left;display:block;font-size:13px;margin-left:10px;margin-top:9px;color:#0772A3; } 
div#page-edit form div.edit-input input { padding:7px;font-size:15px;width:300px;display:block; }
div#page-edit div.edit-input textarea { font-size:13px; color: #666; font-family: Arial, sans; height:140px; float:left; padding:7px;width:296px;display:block; }
div#page-edit form.tab-contact div.edit-input { background:#ecf3e9; }
div#page-edit form div.edit-input select { margin:7px 0 7px 0; }
div#content div.edit-panel { font-size:10px; position:absolute; top:6px; right:6px; clear:both; padding: 5px; margin-bottom:10px; }
div#content div.edit-panel form { display:inline; }
div#content div.edit-panel form input { font-family:Arial;cursor:pointer; color:#666; text-transform:uppercase; font-size:1em; font-weight:bold;  }
div#content div.edit-panel form input.page-delete {  }
div#content div.edit-panel form input.page-edit{  }

/* Sub Content - Popup Box Inputs
----------------------------------------*/
div.pop-input div.edit-input { padding:8px;background:#f2f4f1;margin-bottom:5px;width:420px; -moz-border-radius: 5px; } 
div.pop-input div.edit-input label { width:90px;float:left;display:block;font-size:13px;margin-left:10px;margin-top:9px;color:#658059; }
div.pop-input div.edit-input input { padding:7px;font-size:15px;width:300px;display:block; }
div.pop-input input.poppup-button {  }

/* Sub Content - POPUP TABS for backend
----------------------------------------*/
div#facebox div.ui-tabs-nav ul { list-style-type:none; margin:0; padding:10px 10px 20px 0; }
div#facebox div.ui-tabs-nav ul li { display:inline; }
div#facebox div.ui-tabs-nav ul li a { font-weight:normal; border: 1px solid #ccc; padding:4px 6px 4px 6px; }
div#facebox div.ui-tabs-nav ul li.ui-tabs-selected a { font-weight:bold; background:#efefef; }

/* Sub Content - POPUP Documents
----------------------------------------*/
ul#wym-docs { display:block; clear:both; }
div#facebox div.ui-tabs-nav ul#wym-docs li.attachment a { border:none; }
div#facebox div.ui-tabs-nav ul#wym-docs li.attachment a.edit { text-transform:uppercase; font-weight:bold; font-size:10px; }
div#facebox div.ui-tabs-nav ul#wym-docs li.attachment { margin-bottom:5px;display:block; cursor:pointer; }
li.attachment.selected { background:#ccc; }
#facebox img { margin-right: 10px; }
#facebox img.selected { border:5px solid #333; color:#fff; }
span.tag { padding: 3px 5px;border: solid 1px #7F9775;margin-top: 5px;margin-right: 2px; }

/* Sub Content - Inserted Img Styles
----------------------------------------*/
img.left { float:left; margin-right:20px; margin-bottom:6px; }
img.right { float:right; margin-left:20px; margin-bottom:6px; }
img.center { margin:0 auto; display:block; margin-bottom:10px; }

/* Events View
--------------------------------------- */
div#cal-post { margin-bottom:20px; }
div#cal-post h2 { margin-bottom:10px; font-size:22px; }

div.cal-start { border-bottom:1px solid #ccc; width:240px; padding-bottom:4px; margin-bottom:4px; }
div.cal-start span { color:#0772A3; width: 60px; float:left; font-weight:bold; margin-right:10px; }

div.cal-end { border-bottom:1px solid #ccc; width:240px; padding-bottom:4px; margin-bottom:4px; }
div.cal-end span {  color:#0772A3; width: 60px; float:left; font-weight:bold; margin-right:10px; }

div.cal-location { }
div.cal-location span { float:left; color:#0772A3; width: 60px; font-weight:bold; margin-right:10px; }
div.cal-location p { float:left; }

ul.cal-list li a span { color:#ffffff; margin-left:10px; font-weight:normal; font-size:11px; background:#8CB7D8; padding:2px 3px; }
ul.cal-list li a { font-size:14px; font-weight:bold; }
ul.cal-list li  { line-height:24px; }