div { border: solid 0px red; }

body { /*color: #666666; */ color: #333; font-family: Arial, Verdana, Sans-Serif; background-color: #5443B2; background-image: url(../Images/back-main.gif); background-repeat: repeat-x; background-position: top; margin: 0px; }



.table-03 td.formRow { padding: 7px 0 7px; }

body.default { font-size: 12px; }
body.medium { font-size: 13px; }
body.large { font-size: 15px; }

body.default .date { font-size: 11px; }
body.medium .date { font-size: 11px; }
body.large .date { font-size: 12px; }

body.default input { font-size: 11px; }
body.medium input { font-size: 11px; }
body.large input { font-size: 12px; }

body.default .caption { font-size: 10px; }
body.medium .caption { font-size: 11px; }
body.large .caption { font-size: 12px; }

body.default .breadcrumb { font-size: 11px; }
body.medium .breadcrumb { font-size: 12px; }
body.large .breadcrumb { font-size: 14px; }

body.default .panel-bottom { font-size: 11px; }
body.medium .panel-bottom { font-size: 12px; }
body.large .panel-bottom { font-size: 14px; }

body.default .para-small { font-size: 11px; }
body.medium .para-small { font-size: 12px; }
body.large .para-small { font-size: 14px; }

body.default .head-01 { font-size: 14px; }
body.medium .head-01 { font-size: 16px; }
body.large .head-01 { font-size: 18px; }

body.default h1 { font-size: 16px; margin-top: 0; }
body.medium h1 { font-size: 19px; }
body.large h1 { font-size: 20px; }

body.default h2 { font-size: 14px; }
body.medium h2 { font-size: 16px; }
body.large h2 { font-size: 18px; }

body.default h3 { font-size: 12px; }
body.medium h3 { font-size: 13px; }
body.large h3 { font-size: 14px; }

body.default h4 { font-size: 11px; }
body.medium h4 { font-size: 12px; }
body.large h4 { font-size: 13px; }

body.default .head-02 { font-size: 14px; }
body.medium .head-02 { font-size: 16px; }
body.large .head-02 { font-size: 18px; }

body.default .head-03 { font-size: 18px; }
body.medium .head-03 { font-size: 20px; }
body.large .head-03 { font-size: 22px; }

body.default .head-04 { font-size: 17px; }
body.medium .head-04 { font-size: 19px; }
body.large .head-04 { font-size: 21px; }

body.default .head-05 { font-size: 12px; }
body.medium .head-05 { font-size: 14px; }
body.large .head-05 { font-size: 16px; }

h1, h2, h3 { color: #666; }

h4 { background-color: #4d39bf; padding: 2px 0px 2px 4px; color: #FFFFFF; }
h5 { background-color: #000000; color: #ffffff; padding: 2px 0px 2px 4px; }

img { border: 0px; }

form { margin: 0px auto; }
hr { border: dotted 1px #ffffff; border-top: dotted 1px #000000; clear: both; }
table { border-collapse: collapse; border: 0; padding: 0; }
input { font-family: Verdana; font-weight: bold; }
ul, ol { margin: 0.5em 0px 0px 24px; padding: 0.5em 0px 0px 0px; }
li { list-style: square; padding-bottom: 0.1em; margin-bottom: 0.1em; }
p, h1, h2, h3, h4, h5 { margin-top: 0.5em; margin-bottom: 0.5em; }
table.tbl-01, table.tbl-02 { margin-top: 0.5em; margin-bottom: 0.5em; }
a { color: #ff3300; text-decoration: none; }
a:hover { text-decoration: underline; }

.search { border: double 3px #ffffff; width: 268px; background-color: #9999ff; position: relative; top: 50px; left: 484px; padding-left: 6px; padding-bottom: 5px; padding-top: 4px; font-weight: bold; color: #ffffff; font-size: 11px; }
.search .txt-01 { width: 160px; border: solid 1px #ffffff; margin-left: 4px; }

.breadcrumb { color: #000000; float: left; width: 420px; padding-left: 12px; background-image: url(../Images/bullet-01.gif); background-repeat: no-repeat; background-position: left 0.3em; text-transform: lowercase; }


.breadcrumb a, .breadcrumb a:visited { color: #6666cc; text-transform: lowercase; }


.date { float: left; font-weight: bold; text-align: right; width: 194px; color: #000000; }

.para-small { font-weight: bold; background-color: #9999ff; color: #000000; line-height: 1em; padding-right: 4px; padding-left: 4px; }
.warning { color: #cc0000; font-weight: bold; }
.btn-02 { margin-top: 0.5em; margin-bottom: 0.5em; }
/*.wrapper { width: 980px; margin: 0px auto; height: 100%; text-align: left; }*/
/*.wrapper { width: 777px; margin: 0px auto; height: 100%; text-align: left; }*/
.wrapper { width: 980px; margin: 0px auto; height: 100%; text-align: left; }
/*.logo { width: 980px; height: 102px; }*/
/*.logo { width: 777px; height: 102px; }*/
.logo { margin: 0px auto; background-image: url(../Images/Logo.jpg); background-repeat: no-repeat; width: 980px; height: 102px; }

.nav-main { float: left; margin-top: 5px; margin-bottom: 5px; padding-left: 6px; }
.nav-left { margin: 0px auto; width: 128px; margin-top: 8px; margin-bottom: 8px; }
.nav-left ul { padding: 0px; margin: 0px; border: solid 1px #ffffff; border-bottom: none; background-color: #4d39bf; }
.nav-left ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; font-weight: bold; }
.nav-left ul li a { text-align: right; display: block; color: #ffffff; text-decoration: none; border-bottom: solid 1px #ffffff; width: 110px; padding: 4px 16px 4px 0px; background-image: url(../Images/bullet-02.gif); background-repeat: no-repeat; background-position: right center; }
.nav-left ul li a:hover { background-color: #ff3300; color: #ffffff; }
.nav-left ul li.selected a { background-color: #ff3300; }

/*.nav-main a, .nav-main a:visited { color:#FFFFFF;}*/
.nav-main a { color: #FFFFFF; }

.topBanner
{
	 position:relative;
	 top:20px;
	 left:296px;
}

.panel-main { width: 777px; float: left; background-color: #ffffff; background-image: url(../Images/corner-left.gif); background-repeat: no-repeat; }
.corner-right { float: right; }
.panel-body { /*border-top: dotted 1px #000000;*/ padding-top: 0px; }
.panel-left { float: left; width: 148px; text-align: center; margin-top: 31px; }
.panel-top, .panel-body { width: 626px; float: left; }

.shadedBox { margin-top: 8px; margin-bottom: 20px; }
.shadedBox td { font-size: 90%; background-color: #e5e5e5; color: #000; /*#636363; */ padding: 8px; vertical-align: top; /*font-size: 12px;*/ }

.shadedBox2 { margin-top: 8px; margin-bottom: 20px; }

/*.shadedBox2 td { background-color: #e5e5e5; padding: 18px; vertical-align: top; }*/
.shadedBox2 td { background-color: #e5e5e5; padding: 10px; vertical-align: top; }

.panel-top { margin-top: 10px; margin-bottom: 2px; }
.panel-bottom { width: 626px; text-align: center; margin-top: 40px; padding-bottom: 40px; float: left; }
.panel-sky { float: left; padding: 10px; text-align: center; }
.panel-01, .panel-02 { float: left; margin-left: 6px; margin-top: 8px; margin-bottom: 8px; }
.panel-01 { width: 302px; }
.panel-02 { width: 302px; }
.panel-03, .panel-04 { width: 620px; float: left; margin-left: 10px; margin-bottom: 20px; }
.panel-04 { background-color: #fffbdd; }
.panel-04 .banners .banner { float: left; margin: 6px; }
.panel-04 .banners { margin: 6px; }

.panel-02 { background-image: url(../Images/back-panel.gif); background-repeat: repeat-x; }
.panel-02 { border: solid 5px #ff3300; }
.panel-02 p, .panel-02 ul, .panel-02 ol { padding-left: 6px; padding-right: 6px; }
/* with colored background, so need padding */
.panel-04 p, .panel-04 ul, .panel-04 ol { padding-left: 6px; padding-right: 6px; }
/* with colored background, so need padding */

.panel-left .cover { /*padding: 5px;*/ margin-bottom: 10px; border-bottom: dotted 1px #000000; }
.panel-left .cover a:hover { background-color: Transparent; }
.panel-left .cover .caption a:hover { background-color: #ff3300; color: #ffffff; }
.panel-left .cover img { border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; padding: 2px; }


.ul-01 { font-weight: bold; }
.panel-01 ul a, .panel-02 ul a, .panel-03 ul a, .panel-04 ul a, table.tbl-01 a, table.tbl-02 a { color: #000000; }
table.tbl-01 a:hover, table.tbl-02 a:hover { text-decoration: underline; background-color: Transparent; }
.panel-02 ul a:hover { background-color: #ff3300; color: #ffffff; }
.panel-01 ul a:hover, .panel-03 ul a:hover { color: #ffffff; }

.border { border: solid 1px #ffffff; padding-bottom: 4px; float: left; width: 100%; }

.head-01, .head-02, .head-03, .head-04, .head-05, event_intro p, event_intro { margin: 0; padding: 0; line-height: 1em; }
.head-01 { border-left: solid 12px #cccccc; font-weight: bold; color: #666666; padding-left: 5px; margin-bottom: 10px; }
.head-01 a, .head-01 a:visited { font-size: 11px; }
.head-02, .head-05, event_intro p, event_intro { color: #666666; font-weight: bold; padding-top: 2px; }

.head-03 { font-weight: bold; color: #5443b2; padding-bottom: 8px; }
.head-04 { font-weight: bold; color: #666666; padding-bottom: 8px; padding-top: 8px; }

.banner { color: #666666; margin-bottom: 10px; empty-cells: hide; }

.para-strong { font-weight: bold; }
h2 .para-small { color: #ffffff; background-color: #000000; }

.topNav { width: 630px; float: left; color: #5443b2; font-size: 12px; font-weight: bold; }

.topNav a /*, .topNav a:visited */ { color: #9999ff; }

.topNav a:hover { color: #ffffff; }

/*.topNav span.selected*/
.topNav .selected { color: #ffffff; }

.nav-main ul { margin: 0px; padding: 0px; }
.nav-main ul li { float: left; list-style: none; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }
.nav-main ul li a { /*line-height: 2em; background-image: url(../Images/menu-back.gif); background-repeat: no-repeat;*/ /*width: 90px; height: 21px; display: block;*/ color: #9999ff; text-decoration: none; }
.nav-main ul li a:hover { background-color: Transparent; color: #ffffff; /*background-image: url(../Images/menu-back-hover.gif);*/ }
.nav-main ul li a.item-01, .nav-main ul li a.item-01:hover { background-image: none; font-weight: normal; color: #ffffff; font-size: 11px; }
.nav-main ul li.selected a { color: #ffffff; /*background-image: url(../Images/menu-back-selected.gif);*/ }

.fontsizes { font-size: 4px; padding-top: 0px; cursor: pointer; }
.fontsizes a:hover { background-color: Transparent; }
.item-01 { font-size: 11px; }

table.tbl-01 th, table.tbl-01 td { border: solid 1px #ffffff; }
table.tbl-01 td { border: solid 1px #ffffff; padding: 2px 8px 2px 8px; }
table.tbl-01 th, table.tbl-01 thead td { font-weight: bold; border: solid 1px #ffffff; padding: 2px 8px 2px 8px; }
table.tbl-01 th, table.tbl-01 thead td { background-color: #ff6633; color: #ffffff; }
table.tbl-01 td.row-01, table.tbl-01 tr.row-01 td { background-color: #EEEEEE; }
table.tbl-01 td.row-02, table.tbl-01 tr.row-02 td { background-color: #ffcc99; }
table.tbl-01 td.tdFooter, table.tbl-01 tr.tdFooter td, table.tbl-01 tfoot td { background-color: #BFBFBF; color: #ffffff; padding: 2px 8px 2px 8px; }
.tbl-01 th a, .tbl-01 thead td a { color: #ffffff; text-decoration: underline; }
table.tbl-01 td.tdFooter a, table.tbl-01 tr.tdFooter td a, table.tbl-01 tfoot td a { color: #ffffff; text-decoration: underline; font-weight: normal; }

table.tbl-02 th, table.tbl-02 td { border: solid 1px #ffffff; }
table.tbl-02 td { border: solid 1px #ffffff; padding: 2px 8px 2px 8px; }
table.tbl-02 th, table.tbl-02 thead td { font-weight: bold; border: solid 1px #ffffff; padding: 2px 8px 2px 8px; }
table.tbl-02 th, table.tbl-02 thead td { background-color: #4d39bf; color: #ffffff; }
table.tbl-02 td.row-01, table.tbl-02 tr.row-01 td { background-color: #EEEEEE; }
table.tbl-02 td.row-02, table.tbl-02 tr.row-02 td { background-color: #9999ff; }
table.tbl-02 td.tdFooter, table.tbl-02 tr.tdFooter td, table.tbl-02 tfoot td { background-color: #BFBFBF; color: #ffffff; padding: 2px 8px 2px 8px; }
.tbl-02 th a, .tbl-02 thead td a { color: #ffffff; text-decoration: underline; }
table.tbl-02 td.tdFooter a, table.tbl-02 tr.tdFooter td a, table.tbl-02 tfoot td a { color: #ffffff; text-decoration: underline; font-weight: normal; }

.nav-bottom img { margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }

.event-list-table, event-page-details { border-collapse: separate; }

.event-page-details { margin-bottom: 20px; }




.event-list-table td { padding-left: 3px; padding-right: 18px; }

td.event-list-cell { padding-top: 11px; padding-bottom: 11px; padding-left: 38px; }

/*.event-list-cell img { margin-right: 22px; }*/
.event-list-cell img { margin-right: 33px; }

.event-page { padding: 10px; padding-top: 25px; }

.event-page-details td { vertical-align: top; }

.event-page-cover img { margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 15px; }

td.event-page-cover-title { background-color: #4d39bf; text-align: center; font-weight: bold; border-bottom: 1px solid #ffffff; vertical-align: middle; }

td.event-page-cover-title a, td.event-page-cover-title a:visited { color: #FFFFFF; }

.event-page-cover { background-image: url(../Images/back-panel.gif); background-repeat: repeat-x; text-align: center; color: #FFFFFF; font-weight: bold; }

.event-page-text { padding-left: 10px; }

.event-page-button { margin: 15px; margin-right: 30px; }

.validator { display: block; }

.eventMoreInfo { font-weight: bold; font-size: 12px; }

.eventName { font-weight: bold; }

table.contacts { width: 100%; margin: 0px; }

table.contacts td { vertical-align: top; width: 50%; padding-bottom: 20px; }

.homePageText { font-size: 12px; }

.postEvent p { margin-right: 50px; }

.singleCol { /*padding-right: 50px;*/ width: 580px; }

.red
{
    color: #f00;
}

.div_event { width: 590px; }