﻿/* STYLE-RESET CLASS */
* {padding:0;margin:0;}

html {height:100%}

body {text-align:center}

table {border-collapse:collapse;border:0;width:100%;}

td {vertical-align:top}

th {text-align:left;vertical-align:top}

img {border:none}

:focus, a {outline:none}
/*-----------------------------------------*/

/* Common Element Styles */

.clear {clear:both !important}
.clearl {clear:left !important}
.clearr {clear:right !important}

.fl {float:left !important}
.fr {float:right !important}

.wp25 {width:25% !important}
.wp50 {width:50% !important}
.wp73 {width:73% !important}
.wp98 {width:98% !important;margin:0 auto !important}
.wp100 {width:100% !important}

.tl {text-align:left !important}
.tr {text-align:right !important}
.tc {text-align:center !important}
.tj {text-align:justify !important}

.bold {font-weight:bold !important}

/* MARGINS	*/
.mt7 {margin-top:7px !important}

.mt10 {margin-top:10px !important}
.mb10 {margin-bottom:10px !important}
.ml10 {margin-left:10px !important}
.mr10 {margin-right:10px !important}

.mt15 {margin-top:15px !important}
.mb15 {margin-bottom:15px !important}
.ml15 {margin-left:15px !important}
.mr15 {margin-right:15px !important}

.mt20 {margin-top:20px !important}
.mb20 {margin-bottom:20px !important}
.ml20 {margin-left:20px !important}
.mr20 {margin-right:20px !important}

.mt30 {margin-top:30px !important}
.mb30 {margin-bottom:30px !important}
.ml30 {margin-left:30px !important}
.mr30 {margin-right:30px !important}

/* PADDINGS	*/
.pt10 {padding-top:10px !important}
.pb10 {padding-bottom:10px !important}
.pl10 {padding-left:10px !important}
.pr10 {padding-right:10px !important}

.pr15 {padding-right:15px !important}
.pb11 {padding-bottom:11px !important}

.hide {display:none !important}
.pointer {cursor:pointer !important}
.nobg {background:none !important}
.oh {overflow:hidden !important}

.t12 {font-size:12px;}

.italic {font-style:italic}
/*-----------------------------------------*/
body {background:url(bg.jpg) 0 0;font-family: arial,"Helvetica Neue",helvetica,sans-serif;font-size:11px;text-align:left}


.width, #page {width:940px;margin:auto;overflow:hidden}
#page {padding-bottom:157px;}
* html #page {padding-bottom:0;}

#toolbar {width:100%;height:153px;position:fixed;bottom:0;left:0;background:url(footer-bg.jpg) repeat-x}
#toolbar .toolbar-menu {margin-top:9px;height:123px;position:relative;}
#toolbar h1.logo {position:absolute;top:3px;left:8px;}
#toolbar h1.logo a {display:block;background:url(logo.jpg) no-repeat;width:222px;height:118px;text-indent:-9999px}
#toolbar #menu {overflow:hidden;position:absolute;bottom:18px;left:240px;}
#toolbar #menu ul {list-style:none;}
#toolbar #menu li {float:left;}
#toolbar #menu li a {display:inline-block;color:#9d1e8b;text-decoration:none;font-size:14.3px !important;padding-right:27px;font-weight:bold}
#toolbar #menu li a.last {padding:0}
#toolbar #menu li a:hover {color:#fff;}
#toolbar .toolbar-white {color:#fff;font:bold 13px/22px Arial;text-align:center;}

#header-menu {background:url(top-menu.jpg) no-repeat right;height:27px;}
#header-menu ul {list-style:none;float:right;width:328px;padding-left:182px;}
#header-menu ul li {float:left;height:27px;padding-right:11px}
#header-menu ul li.last {padding:0}
#header-menu ul li a {display:block;float:left;height:27px;text-indent:-9999px}
#header-menu ul li a:hover {background:url(top-menu-over.jpg) no-repeat right}
#header-menu ul li a.facebook {width:48px;background-position:-184px 0}
#header-menu ul li a.myspace {width:92px;background-position:-243px 0}
#header-menu ul li a.twitter {width:88px;background-position:-346px 0}
#header-menu ul li a.blog {width:59px;background-position:-445px 0}

#slide {height:253px;margin-top:4px;position:relative}
.bg1 {background:url(header-bg.jpg) no-repeat;}
.bg2 {background:url(Home_1.jpg) no-repeat;}
.bg3 {background:url(Home_2.jpg) no-repeat;}
.bg4 {background:url(Home_3.jpg) no-repeat;}

#slide .heading {position:absolute;bottom:0;left:0;overflow:hidden;padding:6px 8px;}
#slide h2 {font-weight:bold;font-size:1.3em}

.bigmenu {overflow:hidden;width:100%;}
.bigmenu ul {list-style:none;float:left}
.bigmenu ul li {float:left;padding-right:8px}
.bigmenu ul li.last {padding:0;}
.bigmenu ul li a {float:left;display:block;width:290px;height:91px;padding:55px 0 0 14px;font:bold 1.3em "Arial Black";color:#fff;text-decoration:none;text-transform:uppercase;border:2px solid #fff}
.bigmenu ul li a.booth {background:#FC9200 url(pic-1.jpg) no-repeat right;}
.bigmenu ul li a.volunteer {background:#9D1E8B url(pic-2.jpg) no-repeat left;padding-left:192px;width:112px}
.bigmenu ul li a.events {background:#4FAD26 url(pic-3.jpg) no-repeat right;}
.bigmenu ul li a.rent {background:#9D1E8B url(pic-4.jpg) no-repeat left;padding-left:190px;width:87px;font-size:14px;border-color:#EDEDEC;}

.bigmenu ul li a:hover {background-color:#fff;border:2px solid transparent;color:#000}
.bigmenu ul li a:hover.booth {border-color:#FC9200}
.bigmenu ul li a:hover.volunteer, .bigmenu ul li a:hover.rent {border-color:#9D1E8B}
.bigmenu ul li a:hover.events {border-color:#4FAD26}

h2.page-title {color:#9d1e8b;font:bold 1.9em Arial}

div.page-content {background:#EDEDEC;font-size:1.2em;padding:5px 14px;margin:10px 16px 10px 0}
div.page-content p {padding-bottom:12px;line-height:19px}

.article h3 {font:bold 1.1em Arial;clear:both}
.article h3 span {font:normal 0.8em Arial;font-style:italic}
div.date {font:normal 0.9em Arial;padding-left:2px;margin-bottom:20px}
.article img {float:left;padding-right:15px}
.article p {font-size:0.9em}
h4.green {color:#4fad26;font-size:15px}
h4.red {color:#f60930;font-size:15px}

a.purple, .purple {color:#9d1e8b;text-decoration:none;cursor:pointer}
h3.purple {color:#9d1e8b;text-decoration:underline;cursor:pointer}

.disc {padding:8px 10px 8px 15px}
.disc li {padding-bottom:10px}

.reg-button {display:block;width:257px;height:32px;background:url(reg-button.jpg) no-repeat;text-indent:-9999px;margin:auto;border:0}
.reg-button.active {background-image:url(reg-button-over.jpg)}

#thumb {overflow:hidden;}
#thumb ul {}
#thumb ul li {display:block;float:left;line-height:0;padding-bottom:10px;padding-right:10px;}
/*#thumb ul li img {width:125px;height:125px;}*/

/******************* REGISTRATION PAGE *************************/
div.vform {width:900px;overflow:hidden;margin:10px auto;padding:0 20px}
.vform dl {margin:20px 0;overflow:hidden}
.vform dl dt {float:left;margin-bottom:12px;width:100px;padding-top:2px}
.vform dl dd {float:left;margin-bottom:12px;width:350px}
.vform dl .full {width:800px}
.vform dl dt.small {width:230px}
.vform dl dt.medium {width:350px}
.vform dl dd.medium {width:550px}

.vform dl dd input, .vform dl dd select {border:1px solid #A5A5A5;height:18px;width:320px}
.vform dl dd select {width:320px;}
.vform dl dd.full input {width:770px;}
.vform dl dd.medium input {width:520px;}

.vform .radiolist input {height:auto;width:auto}
.vform .radiolist label {padding:0 10px 0 3px;}

.vform .highlight {border-color:#ccc;background:#f6f6f6}

.vform .tblchk {border:1px solid #000;margin:auto;width:75%}
.vform .tblchk th, .vform .tblchk td.head {text-align:center;vertical-align:middle;padding:5px 0 10px;font-size:18px;font-style:italic;font-weight:normal}
.vform .tblchk td {padding:8px 5px 5px;}
.vform .tblchk table.radiolist {width:450px;margin:auto}

.vform ul.list {width:100%;overflow:hidden;list-style:none}
.vform ul.list li {float:left;margin:0 40px 10px 0}

.docs h3 {}
.docs h3 {}
.docs p {margin-top:10px}

.docs ul, .docs ol {margin:13px 0 13px 35px;}
.docs ul li, .docs ol li{margin-bottom:3px}

.docs ul li ul {}