﻿body { background: url(../Images/Backgrounds/background_inside.gif) no-repeat center top; color: #000; font: 62.5% Arial, Helvetica, Sans-Serif; margin: 0; }

#columns { float: left; padding-left: 130px; width: 860px; }
#columns #col-l { float: left; padding: 1px 19px 0 20px; width: 151px; }
#columns #col-c { float: left; min-height: 500px; padding-top: 0; width: 500px; }
#columns #col-r { float: right; padding-top: 0; text-align: right; }
#columns #col-c a:link { color: #2c4b92; text-decoration: underline; }
#columns #col-c a:visited { color: #82878f; text-decoration: underline; }
#columns #col-c a:hover, #columns #col-c a:active { color: #2c4b92; text-decoration: none; }
#columns #col-c ul, .unordered-list { font-size: 1.2em; list-style: none; margin: 0 0 10px 10px; padding: 0; }
#columns #col-c ul li, .unordered-list li { background: url(../Images/bullet_orange.gif) no-repeat 2% 0; line-height: 1.6em; margin-bottom: 5px; padding-left: 1.8em; }
#columns h2 { margin: 0; padding: 10px 0 20px 20px; }

#columns #col-c #buttons { float: right; }
#columns #col-c #buttons ul { float: left; list-style: none; margin: 0; padding: 0; }
#columns #col-c #buttons ul li { background-image: none; list-style: none; margin: 0; padding: 5px; }
#columns #col-c #buttons ul li a { background-position: center top; background-repeat: no-repeat; color: #004e98; display: block; font-size: 0.92em; margin: 0; padding-top: 22px; text-align: center; text-decoration: none; width: 25px; }
#columns #col-c #buttons ul li a:hover { color: #c00; }
#columns #col-c #buttons ul li.add a { background-image: url(../Images/buttons/add.png); }
#columns #col-c #buttons ul li.delete a { background-image: url(../Images/buttons/delete.png); }
#columns #col-c #buttons ul li.toggle a { background-image: url(../Images/buttons/toggle.png); }
#columns #col-c #buttons ul li.save a { background-image: url(../Images/buttons/save.png); }
#columns #col-c #buttons ul li.back a { background-image: url(../Images/buttons/back.png); }

#container-main { background: url(../Images/Backgrounds/background_inside_top.gif) no-repeat center top; height: 152px; margin: 0 auto; padding: 0; width: 995px; }

#footer { background: url(../Images/line_inside.gif) no-repeat 100% 50%; float: right; height: 94px; margin: 20px 0; padding: 0; width: 995px; }
#footer #logo { float: left; margin-left: 148px; }
#footer #logo img { border: none; height: 94px; width: 103px; }

.form { font-size: 1.1em; }
.form div.captcha { margin: 0; padding: 0; }
.form div.captcha img { border: 1px solid #ccc; }
.form div.captcha input { background-color: #eaeaea; border: 2px inset #eaeaea; font: 1.1em Arial, Helvetica, Sans-Serif; }
.form fieldset { border: 1px solid #f79b32; margin: 10px 0; padding: 0 10px 10px; }
.form fieldset legend { background-color: #f79b32; color: #fff; font-size: 1.1em; font-weight: 700; margin: 0 5px; padding: 3px; }
.form fieldset p.check-all { font-size: 1em; margin-top: 10px; }
.form h4 { color: #015188; font-size: 1.1em; font-weight: 400; }
.form h4.after-fieldset { margin-top: 10px; }
.form h4.required { font-weight: 700; }
.form input, select, textarea { font: 1em Arial, Helvetica, Sans-Serif; z-index: 80; }
.form input[type=reset] { cursor: pointer; }
.form input[type=submit] { cursor: pointer; }
.form input.text, .form select, .form textarea { background-color: #eaeaea; border: 2px inset #eaeaea; }
.form label { color: #2c4b92; font-size: 1em; }
.form p { font-size: 1.1em; line-height: normal; margin: 0 0 10px; }
.form p.small { font-size: 1em; line-height: normal; margin: 0; }

.form-cms { float: left; }
.form-cms fieldset { border: 1px solid #ccc; margin: -10px 0 15px; padding: 0 10px 10px; }
.form-cms fieldset legend { border: 1px solid #ccc; border-bottom: 2px solid #999; border-right: 2px solid #999; color: #090; font-size: 1.2em; font-weight: 700; margin: 10px 5px; padding: 2px 10px; }
.form-cms h4 { font-size: 1.2em; margin: 0; padding: 0; }
.form-cms h4.required { color: #c00; }
.form-cms input, select, textarea { font: 1em Tahoma; }
.form-cms input[type=submit] { cursor: pointer; }
.form-cms p { color: #666; margin: 0 0 15px; padding: 0; }
.form-cms p.date input[type=text] { background-color: #ccc; border: none; color: #333; cursor: default; padding: 3px; }

.form-filter { border: 1px solid #ccc; float: left; font-size: 1.2em; margin-bottom: 10px; padding: 5px; }
.form-filter input, select, textarea { font: 1em Tahoma; }
.form-filter input[type=submit] { cursor: pointer; width: 75px; }
.form-filter input[type=text] { background-color: #ccc; border: none; color: #333; cursor: default; padding: 3px; }

.form-info { float: left; font-size: 1.2em; padding: 0 0 10px; }
.form-info fieldset { border: 1px solid #ccc; margin: -10px 0 15px; padding: 0 10px 10px; }
.form-info fieldset legend { border: 1px solid #ccc; border-bottom: 2px solid #999; border-right: 2px solid #999; color: #090; font-weight: 700; margin: 10px 5px; padding: 2px 10px; }
.form-info h4 { font-size: 1em; margin: 0 0 8px; padding: 0; }
.form-info input, select, textarea { font: 1em Tahoma; }
.form-info p { color: #666; font-size: 1em; margin: 0 0 8px; padding: 0; }
.form-info span.lit { background-color: #ffc; margin: -3px; padding: 3px; }

.gallery .image-small { width: 150px; }
.gallery .image-small a { background-position: center top; background-repeat: no-repeat; border: 1px solid #fff; display: block; height: 110px; overflow: hidden; text-indent: -999em; width: 144px; }
.gallery .image-small .border { border: 3px solid #c5c5c5; width: 146px; }
.gallery .image-small .border:hover { border: 3px solid #f79b32; }
.gallery .image-small p { font-size: 1.2em; line-height: normal; margin: 0; padding: 0; text-align: center; }
.gallery .image-small p span { font-size: .9em; }
.gallery .image-large { border: 3px solid #c5c5c5; clear: both; display: block; margin: 5px 0; padding: 1px; }
.gallery td { margin: 0; padding: 3px; }

.gridview { border: 1px solid #ccc; float: left; font-size: 1.2em; }
.gridview tr:hover { background-color: #ffc; }
.gridview tr th { background-color: #666; color: #fff; height: 24px; padding: 0 3px; }
.gridview tr th a:link, .gridview tr th a:visited { color: #fff; text-decoration: underline; }
.gridview tr th a:hover, .gridview tr th a:active { color: #fff; text-decoration: none; }
.gridview tr td { border: 1px solid #ccc; color: #666; padding: 3px; }
.gridview tr td a:link, .gridview tr td a:visited { color: #004e98; font-weight: 700; text-decoration: underline; }
.gridview tr td a:hover, .gridview tr td a:active { color: #c00; font-weight: 700; text-decoration: none; }
.gridview tr td input, select, textarea { font: 1em Tahoma; }
.gridview tr td .disabled { color: #c00; }
.gridview tr td .enabled { color: #090; }
.gridview tr td .recurring { color: #009; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h1 a { display: block; height: 151px; }
h1 { background: url(../Images/logo_lexarts.gif) no-repeat scroll left center; float: left; font-size: 1em; height: 151px; margin: 20px 5px; overflow: hidden; text-indent: -999px; visibility: visible; width: 126px; }
h2 { color: #eda100; font-size: 2.4em; margin: 0 0 20px; padding: 0; text-transform: uppercase; }
h2 a:link, h2 a:visited { color: #eda100; text-decoration: none; }
h2 a:hover, h2 a:active { color: #eda100; text-decoration: underline; }
h3 { color: #82878f; font-size: 1.8em; margin: 0 0 15px; padding: 0; text-transform: uppercase; }
h4 { font-size: 1.6em; margin: 0; padding: 0; }
h4.h4-orange { background-color: #f79b32; color: #fff; font-weight: 700; margin: 0 0 1em; padding: 5px; }
h5 { font-size: 1.4em; margin: 0; padding: 0; }
h6 { font-size: 1.2em; margin: 0; padding: 0; }

#help-msg { background-color: #c3daf5; border: 1px solid #5883b6; color: #333; display: inline; font-size: 1em; padding: 5px 7px; position: absolute; }
#help-msg h1 { background: none; color: #326294; float: none; font-size: 1.2em; font-weight: 700; height: auto; margin: 0; overflow: auto; padding: 0; text-indent: 0; width: auto; }
#help-msg p { line-height: normal; margin: 4px 0; padding: 0; }
#help-msg ul { list-style: none; margin: 0; padding: 0; }
#help-msg ul li { list-style: none; margin: 0; padding: 0; }

.help img { border: none; height: 16px; width: 16px; }

hr { border: 1px solid #eaeaea; margin: 20px 0; }

img.float-left { float: left; }
img.float-right { float: right; }

.list { padding-bottom: 35px; /*ie6*/ }
.list h4 { background-color: #f79b32; color: #fff; font-weight: 700; padding: 5px; }
.list h4.member { background-image: url(../Images/Backgrounds/heading_logo.gif); background-position: right center; background-repeat: no-repeat; }
.list h5 { font-weight: 700; padding: 5px; }
.list img { float: right; margin: 5px; }
.list img.large { border: 1px solid #c5c5c5; padding: 1px; }
.list img.small { border: 1px solid #c5c5c5; padding: 1px; width: 75px; }
.list p { line-height: normal; padding: 5px; }
.list p.top { clear: both; }
.list p.top a { background: url(../Images/arrow_orange.gif) no-repeat right center; float: right; font-size: 0.75em; padding-right: 12px; text-align: right; text-transform: uppercase; }
.list p.results-count-bottom { float: right; margin-bottom: -35px; text-align: right; }
.list p.results-count-top { float: right; margin-top: -35px; text-align: right; }
.list span br { display: none; }
.list p br { display: inline; }

#message_box { background-color: #ffffe1; background-position: 10px center; background-repeat: no-repeat; border: 1px solid #a9aa8f; color: #666; font-size: 1.2em; margin-bottom: 20px; padding: 10px 10px 10px 32px; }
.message_box_alert { background-image: url(../Images/Icons/alert.gif); }
.message_box_info { background-image: url(../Images/Icons/information.gif); }
.message_box_warning { background-image: url(../Images/Icons/warning.gif); }

#nav-main { float: right; list-style: none; margin: 20px 0 0; padding: 0; position: relative; right: 50px; z-index: 100; }
#nav-main li { float: left; width: 108px; }
#nav-main li a { display: block; font-size: 1.4em; text-align: center; text-decoration: none; text-transform: uppercase; width: 108px; }
#nav-main li a:link, #nav-main li a:visited { color: #82878f; }
#nav-main li a img { border: 5px solid #c5c5c5; height: 88px; padding: 1px; width: 88px; }
#nav-main li ul { background-color: #f79b32; left: -999em; list-style: none; margin: 0 0 0 4px; padding: 0; position: absolute; top: 132px; width: 150px; z-index: 100; }
#nav-main li ul ul { top: auto; z-index: 100; }
#nav-main li:hover, #nav-main li.sfhover { position: static; /*ie7*/ }

#nav-main li:hover ul, #nav-main li.sfhover ul { left: auto; }
#nav-main li ul a { display: block; font-size: 1.1em; font-weight: 700; padding: 3px; text-align: left; text-decoration: none; width: 144px; }
#nav-main li ul a span.indent { padding-left: 1.1em; }

#nav-side { list-style: none; margin: 0; padding: 0; }
#nav-side li { line-height: normal; margin: 0 0 1em; }
#nav-side li a { font-size: 1em; text-decoration: none; text-transform: uppercase; }

p { font-size: 1.2em; line-height: 1.6em; margin: 0 0 10px; padding: 0; }
p#copyright { color: #82878f; float: right; margin: 0; padding: 0 35px 0 0; position: relative; top: 60px; text-align: right; }
p#copyright a:link, p#copyright a:visited { text-decoration: underline; }
p#copyright a:hover, p#copyright a:active { text-decoration: none; }

#nav-main li:hover a:link, #nav-main li:hover a:visited, #nav-main li:hover a:hover, #nav-main li:hover a:active, #nav-main li.sfhover a:link, #nav-main li.sfhover a:visited, #nav-main li.sfhover a:hover, #nav-main li.sfhover a:active, #nav-main li a:hover, #nav-main li a:active, #nav-main li.lit a:link, #nav-main li.lit a:visited, #nav-main li.lit a:hover, #nav-main li.lit a:active { color: #f79b32; }
#nav-main li:hover ul li a:link, #nav-main li:hover ul li a:visited, #nav-main li:hover ul li a:hover, #nav-main li:hover ul li a:active, #nav-main li.sfhover ul li a:link, #nav-main li.sfhover ul li a:visited, #nav-main li.sfhover ul li a:hover, #nav-main li.sfhover ul li a:active, #nav-main li ul a:link, #nav-main li ul a:visited, #nav-main li.lit ul li a:link, #nav-main li.lit ul li a:visited { color: #fff; }
#nav-main li:hover a img, #nav-main li.sfhover a img, #nav-main li a img:hover, #nav-main li a img.sfborder, #nav-main li.lit a img { border: 5px solid #f79b32; }
#nav-main li ul a:hover, #nav-main li ul a:active, #nav-main li.lit ul li a:hover, #nav-main li.lit ul li a:active { background-color: #e89038; color: #fff; }

#nav-side li a:link, #nav-side li a:visited, p#copyright a { color: #015188; }
#nav-side li a:hover, #nav-side li a:active, #nav-side li.lit a:link, #nav-side li.lit a:visited, #nav-side li.lit a:hover, #nav-side li.lit a:active { color: #e79d00; }

#search-box { float: right; font-size: 1.2em; position: relative; right: -378px; top: 165px; }
#search-box input { font: 1em Arial, Helvetica, Sans-Serif; z-index: 80; }
#search-box input[type=submit] { cursor: pointer; }
#search-box input.text { background-color: #eaeaea; border: 2px inset #eaeaea; }
.search-results a { font-weight: 700; }
.search-results .alt-result { background-color: #eee; }
.search-results .search-info { color: #999; font-size: 0.92em; }
.search-results .search-term { background-color: #fc6; font-weight: 700; }

.validation { background-color: #f99; border: 1px solid #9d0909; margin-bottom: 10px; }
.validation ul { color: #9d0909; font-size: 1.2em; list-style: none; margin: 16px 0 !important; padding: 0; }
.validation ul li { background: url(../Images/arrow_maroon.gif) no-repeat 2% 50% !important; line-height: normal !important; margin-bottom: 5px !important; padding-left: 30px !important; }

#social-icons, #social-icons li { list-style: none; margin: 0; padding: 0; }
#social-icons { clear: both; margin-top: 10px; }
#social-icons li { float: left; margin-right: 10px; }
#social-icons li a { background-image: url(../Images/Icons/social.png); background-repeat: no-repeat; display: block; font-size: 1px; overflow: hidden; text-indent: -999em; width: 22px; height: 22px; }
#social-icons li a.facebook { background-position: 0 0; }
#social-icons li a.twitter { background-position: -66px 0; }
#social-icons li a.youtube { background-position: -88px 0; }
#social-icons li a.rss { background-position: -22px 0; }

#columns #dates-list ul { margin: 1em 0 0; }
#columns #dates-list ul li { background: none; margin: 0; padding: 0; }
