/* Reset */
html, body { margin: 0; padding:0; border:0; background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
}
img	{ margin: 0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding:0; border:0;
	vertical-align:baseline;
	background:transparent;
}
table { border-collapse:collapse; border-spacing:0  }

input, select, textarea, form, fieldset  { margin: 0; padding:0; border:0; }

article, aside, footer, header, hgroup, nav, section  { display: block;  }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
}
ol, ul  { list-style:none; }

/* Global */
html { min-width: 1024px;	}

body {
	background: url('../images/full-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

p			{ color: #000; font-size: 12px; line-height: 150%}
p.left		{ margin: 1.5em 1.5em, 1.5em, 0; padding: 0; }
p.right		{ margin: 1.5em, 0, 1.5em, 1.5em; padding: 0; }

blockquote	{ color: #000; font-size: 12px; }

strong		{font-weight: bold; }
em			{font-style: italic; }

/* Lists */

ul		{	}
ol		{ list-style-type: decimal; }

ul li	{ color: #000; font-size: 14px }
ol li	{ color: #000; font-size: 14px }

/* Buttons */
#archive-button {
	margin: 30px auto;
	text-align: center;

}
.gallery-button {
	margin: 20px auto;
	padding: 10px;
	background-color: #3F5C7E;
	color: #fff;
	font-family: 'Rokkitt', serif;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;

}
.gallery-button:hover {
	background-color: #3399FF;

}

/* Pagination */
#pagination ul {
	text-align: center;
	margin: 20px auto;

}
#pagination ul li {
	display: inline;
	list-style: none;
}
#pagination li {
	padding: 20px 5px;
	font-family: 'Rokkitt', serif;
	font-weight: 700;
	font-size: 20px;
}
#pagination a {
	font-family: 'Rokkitt', serif;
	font-weight: 700;
	font-size: 20px;
}
.pg-active {
	border-bottom: 1px #3F5C7E solid;
	color: #3F5C7E;
}
.pg-hover a:hover {
	color: #3399FF;
}
/* Main Side Menu */
#menu-v li, #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */
#menu-v, #menu-v ul
{
    width: 180px; /* Main Menu Item widths */
    position: relative; font-size:0;
    list-style: none; margin: 0; padding: 0; display:block;
    z-index:11;
}

/* Top level menu links style
---------------------------------------*/
#menu-v li
{
    background-color:#65717E;
    list-style: none; margin: 0; padding: 0;
}
#menu-v li:hover
{
    background-color:#79AEFF;
}
#menu-v li a
{
    font-family: 'Francois One', sans-serif;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: #E5F1FF;
    text-decoration: none;
    line-height:26px;
    padding:3px 0 3px 26px;
    font-size: 16px;
}
#menu-v ul li a
{
    line-height:30px;
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    font-size: 15px;
    padding: 1px 0 1px 26px;
    color: #fff;
}
#menu-v li a.arrow:hover
{
    background-image:url('../images/arrow.gif');
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

/*Sub level menu items
---------------------------------------*/
#menu-v li ul
{
    position: absolute;
    width: 160px; /*Sub Menu Items width */
    visibility:hidden;
}
#menu-v a.arrow
{
    background-image:url('../images/arrow.gif');
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
#menu-v li:hover, #menu-v li.onhover
{
    background-position:0 -62px;
}
#menu-v ul li
{
    background-color: #8EB9CC;
    background-image:none;
}
#menu-v ul li:hover, #menu-v ul li.onhover
{
    background-color:#3399FF;
    background-image:none;
}

/* Fill Screen and Page Wrap */
#full-screen { overflow:hidden; }

#wrapper {
	margin: 20px auto;
	width: 1024px;
	border: 1px #000 solid;
	background-color: #F9F9F9;
}
.shadow {
	-webkit-box-shadow: 9px 0px 23px 0px rgba(50, 50, 50, 0.75),-9px 0px 23px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    9px 0px 23px 0px rgba(50, 50, 50, 0.75),-9px 0px 23px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         9px 0px 23px 0px rgba(50, 50, 50, 0.75),-9px 0px 23px 0px rgba(50, 50, 50, 0.75);
}

/* Main Elements */
#header {
	height: 225px;
	background-image:url('../images/header_bg.png');
	width: 1024px;
	border-bottom:1px #000000 solid;

}
#header-menu {
	margin-top: 30px;
	width: 225px;
	float:right;
}
#header-menu img {
	width: 32px;
	vertical-align: middle;
}
#header-menu img:hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(179, 208, 253, 0.75);
	-moz-box-shadow: 0px 0px 10px 3px rgba(179, 208, 253, 0.75);
	box-shadow: 0px 0px 10px 3px rgba(179, 208, 253, 0.75);
}
#header-menu ul {

	margin-left:55px;
}
#header-menu li {
	color: #FFFFFF;
	font-size: 15px;
	padding-bottom: 10px;
	font-family: 'Arvo', serif;
	}
#header-quote p {
	margin: 30px 15px 0 0;
	color: #FFFFFF;
	font-size:24px;
	font-family: 'Berkshire Swash', cursive;
	padding-left:1em;
  text-indent:-1.5em;
}
#main {
	margin: 0 auto;
	width: 1024px;
	background-color:#F9F9F9;
	overflow:hidden;
}
.bottom-shadow {
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}
#left-column {
	float:left;
	width: 250px;
}
#side-menu {
	margin: 20px 0 0 35px;
}
.left-info {
	width: 170px;
	margin:20px auto;
	border:1px #98A9BE solid;
}
.left-info h3 {
	text-align:center;
	padding: 10px 0;
	background-color:#65717E;
	font-size: 20px;
	font-family: 'Francois One', sans-serif;
	color:#E5F1FF;
	font-weight: normal;
}
.left-info h4 {
	text-align:center;
	background-color:#E5F1FF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	padding-top:10px;
}
.left-info p {
	font-family: 'Open Sans', sans-serif;
	background-color:#E5F1FF;
	padding: 10px 0;
	text-align:center;
	font-size:14px;
}
.left-info a {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.left-info a:link, .left-info a:visited,
.left-info a:focus, .left-info a:active { color: #2A2A2A; }
.left-info a:hover {
	color:#3399FF;
	text-decoration:underline;
	text-decoration-color:#3399FF;
}
/* Countdown Timer Styles */
#count-down {
	text-align: center;
}

#count-down h2 {
	margin-bottom: 20px;
	color: #3F5C7E !important;
}
#clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 56px;
		margin: 20px auto;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #3F5C7E;
    display: inline-block;
}

#clockdiv div > span{
    padding: 15px;
    border-radius: 3px;
    background: #acd3fa;
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}



#content {
	float:right;
	width: 774px;
}
#content h1 {
	text-align:center;
	font-size: 52px;
	font-family: 'Berkshire Swash', cursive;
	margin-top:30px;
}
#content h2 {
	text-align:center;
	font-size: 48px;
	font-family: 'Berkshire Swash', cursive;
	color: #FA7289;
}
#content h4 {
	text-align:center;
	color: #BF0000;
	font-size: 36px;
	font-family: 'Berkshire Swash', cursive;
	text-shadow: 0px 4px 3px rgba(150, 150, 150, 1);
}
#content h6 {
	font-family: 'Francois One', sans-serif;
	font-size: 24px;
	font-weight:normal;
	margin:20px 0 20px 20px;
}
hr {
	width:60%;
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin: 10px auto;
}
#top-menu {
width:774px;
margin:20px auto 10px auto;
}
#top-menu ul {
	text-align:center;
}
#top-menu li  {
	display:inline;
	padding: 0 20px;
}
#top-menu a {
	font-size: 52px;
	font-family: 'Bubblegum Sans', cursive;
	text-shadow: 0px 4px 3px rgba(150, 150, 150, 1);
}
#top-menu a:link, #top-menu a:visited,
#top-menu a:focus, #top-menu a:active {
	color: #3F5C7E;
	-webkit-text-fill-color: #3F5C7E;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
}
#top-menu a:hover {
	color:#3399FF;
	-webkit-text-fill-color: #3399FF;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
}
.box {
	margin:20px auto;
	width: 650px;
	background-color: #fff;
	border:1px #65717E solid;
	border-radius: 10px;
	overflow:hidden;
}
.box h3 {
	text-align:center;
	margin: 10px 0;
	font-size: 28px;
	font-family: 'Oswald', sans-serif;
	color:#3F5C7E;
}
.box p {
	margin: 10px 20px;
	font-family:'Rokkitt', serif;
	font-size: 16px;
}
.box a {
	font-family: 'Rokkitt', serif;
	font-size: 18px;
}
.box a:link {color: #2A2A2A; }
.box a:visited {color: #2A2A2A; }
.box a:hover {color:#3399FF; text-decoration:underline; text-decoration-color:#3399FF; }
.box a:focus {color: #2A2A2A; }
.box a:active {color: #2A2A2A; }

.box img {
	margin:0 auto;
	padding: 4px;
	border: 1px #CCC solid;
	display:block;
}
.box-alt {
	margin:20px auto;
	width: 720px;
	background-color: #fff;
	border:1px #65717E solid;
	border-radius: 10px;
	overflow:hidden;
}

.box-alt h3 {
	margin: 10px 0 10px 20px;
	font-size: 28px;
	font-family: 'Oswald', sans-serif;
	color:#3F5C7E;
}
.box-alt p {
	margin: 10px 20px;
	font-family: 'Rokkitt', serif;
	font-size: 16px;
}
.box-alt a {
	font-family: 'Rokkitt', serif;
	font-size: 18px;
}

.box-alt img {
	margin:0 auto;
	padding: 4px;
	border: 1px #CCC solid;
	display:block;
}
.pull-right {
	float:right;
	margin:0 20px 0 10px !important;
}
.pull-left {
	float:left;
	margin:0 10px 0 20px !important;
}
.box-alt ul {
	list-style:disc outside none;
	margin-left: 50px;
}
.box-alt li {
	font-family: 'Rokkitt', serif;
	font-size: 16px;
	padding: 2px 0;
}
#links p {
	text-align:center;
	padding: 2px 0 0 0;
}

#sponsors {
	text-align:center;
	background-color:#ffffff;
	-webkit-box-shadow: 0px -5px 8px -1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -5px 8px -1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -5px 8px -1px rgba(50, 50, 50, 0.75);

}
#sponsors h2 {
	text-align:center;
	font-size: 48px;
	font-family: 'Berkshire Swash', cursive;
	color: #3F5C7E;
	padding-top: 20px;
	text-shadow: 0px 4px 3px rgba(150, 150, 150, 1);
}
#sponsors img {
	 margin: 0 auto;
	 vertical-align:middle;
}
.sponsor-row {
	margin: 20px auto;
}
.sponsor-row img {
	padding: 0 20px;
}
#footer {
	background-color:#3F5C7E;
	border-top: 1px #00486A solid;
}
#footer p {
	text-align:center;
	padding: 10px 0;
	font-size: 16px;
	color:#fff;
	font-family: 'Arvo', serif;
}
#footer a {
	font-family: 'Arvo', serif;
}
#footer a:link {color: #fff; }
#footer a:visited {color: #fff; }
#footer a:hover {color: #6CC5FF; }
#footer a:focus {color: #fff; }
#footer a:active {color: #fff; }

table {
	margin: 0 20px;
}
th {
	text-align:center;
	font-weight:bold;
	font-size:18px;
	padding: 3px;
}
td {
	font-family: 'Rokkitt', serif;
	font-size: 16px;
	padding:3px;
}

/* Contact Form */
#form-container {
	margin:10px auto;
	background:#fff;
	text-align:left;
	width:520px;
}
#form-container ol {
	 list-style:none;
}
#form-container h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 32px;
	text-align:center;
	padding: 10px 0 20px 0;
}
#form-container p {
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	padding: 5px 10px;
	line-height:110%;
	border-bottom: 1px #000000 dotted;
	margin: 0 20px;
}
#container-elements {
	margin-top: 20px;
}

/* Form Elements */
form { text-align: left;  }

label, input, textarea  { margin: 0; padding: 0; border: none; background: none; }

label 					{ float: left; width: 120px; margin-top: 5px; text-align: right;
							display: block; color: #000000; font-size: 14px; }

input, textarea {

	border: 2px #333333 solid;
	margin-left: 10px;
	padding: 5px;
}
.input-shadow {
	-webkit-box-shadow: 4px 4px 5px -2px #888;
    box-shadow: 4px 4px 5px -2px #888;
}
input 					{ width: 280px; margin-bottom: 16px; background-color:#FFFFFF;  }

textarea 				{ width: 280px; height: 150px; margin-bottom: 16px;
									background-color:#FFFFFF }
/* Form Buttons */
.button {
	padding: 3px 6px;
	background-color: #CCCCCC;
	color:#1F1F1F;
	font-family:Arial, Helvetica, sans-serif;
	border:1px #000000 solid;
	border-radius: 10px;
	font-size: 12px;
}
.button:link { color: #1F1F1F; }
.button:visited { color: #1F1F1F; }
.button:hover { color:#FFFFFF; background-color: #3F5C7E; }
.button:focus { color: #1F1F1F; }
.button:active { color: #1F1F1F; }

#submit {
	width: 75px;
	margin-left: 130px;
	font-size: 18px;
}
#close-pic {
   display:block;
   float:right;

   width: 24px;
   height: 24px;
   background-image: url('../images/close1.png');
   border: none;
   text-decoration: none;
}
#close-pic:hover {
   background-image: url('../images/close1-hover.png');
}

/* Other Page Elements */
#photo-gallery table {
	margin: 0 20px 10px 10px;
}
#photo-gallery tr {
	margin: 10px 0;
	display:table;
}
#photo-gallery td {
	padding-left: 10px;
}
img:active  {
	border:none;
}

#lodging img {
	margin: 20px auto;
}
#lodging h4 {
	color: #000000;
	font-family: 'Oswald', sans-serif;
	text-shadow:none;
	font-size: 32px;
	margin-top: 30px;
}
#lodging p {
	line-height:100%;
	margin-left: 60px;
	font-weight: bold;
}
#lodging a {
	margin: 25px 0 0 30px;
}
.table-space {
	padding-left: 30px;
}
.button2  {
	padding: 3px;
	background-color:#3F5C7E;
	border-radius: 10px;
	border:1px #000000 solid;
	margin-left:20px;
	color:#ffffff;
}
.button2:link, .button2:visited, .button2:focus, .button2:active {
	color:#ffffff !important;
}
.button2:hover {
	background-color: #3399FF;
	text-decoration:none !important;
}
#shuttle-map2 li {
	list-style-type:none;
}
#parade-rules ul {
	margin-bottom:20px;
}
#parade-rules li {
	list-style-type:decimal;
	margin-right:20px;
}
#fair-office li {
	font-size: 18px;
	padding-bottom:5px;
}
#ticket-locations li {
	font-size: 20px;
	padding:6px 0;
}
#event-schedule h5 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:24px;
	text-align:center;
	margin:20px 0;
}
#event-sponsor {
	width:710px;
	margin:0 auto;
}
#event-sponsor img {
	vertical-align:middle;
	margin:20px auto;
	padding:0  6px;
	border: none;
	display:inline-block;
}

/* Gallery Hover Glow */
.hvr-glow {
  display: table;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover  {
  box-shadow: 0 0 8px rgba(0, 0, 205, 0.9);
}

/* Colorbox Lightbox Gallery CSS */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* Colorbox User Styles */
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/* IE7 & IE8 Alpha Fix */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}