@charset "UTF-8";

/* TINYMCE STYLES LIST */
.subtitle, .photo, .jPhotoDetail, .jPhotoScale {}

/* CONTAINERS */
body {margin: 0 auto; padding: 0; color: #222; line-height: 18px;}
body.web {background: #FFF repeat-x; text-align: center;}
body, table, input, textarea, select, button, legend {font-family: arial, helvetica, sans-serif; font-size: 12px;}
#cont {margin: auto; width: 950px; text-align: left;}

/* DESIGN */
#head {clear: both; position: relative; height: 100px;}
#main {clear: both; margin: 8px 0;}
table.main {width: 100%; height: 400px; border-collapse: collapse;}
    td.separator {width: 8px;}
	#left, #center, #right, #left-menu, #body {padding: 10px; background: #FFF repeat-x; color: #333; vertical-align: top;}
	#left {}
	#center {}
	#right {}
		#left h2, #center h2, #right h2 {margin: 0; padding: 0 0 14px 0; color: #000; font-size: 14px; text-shadow: #BBB 1px 1px 1px;}
		#center h2 {margin-left: 5px;}
		#left p, #center p, #right p {margin: 0;}
		#left img, #center img, #right img {padding: 3px; border: 1px solid #CCC; background: #FFF;}
		#center img {margin: 0 4px 4px 4px;}
		#left a:hover img, #center a:hover img, #right a:hover img, #right img:hover {border-color: #888;}
		#left hr, #center hr, #right hr {height: 3px; border: 0 none; background-color: #DDD;}
		#left ul, #center ul, #right ul {margin: 0 12px; padding: 0; list-style-type: square; color: #DDD;}
		#left ul li:first-line, #center ul li:first-line, #right ul li:first-line {color: #333;}
    #left-menu {padding-right: 0; width: 160px;}
        #left-menu ul {margin: 0; padding: 0; list-style-type: none;}
        #left-menu ul li {padding: 0 0 8px 2px;}
        #left-menu a {color: #333; font-weight: normal; text-decoration: none;}
        #left-menu a:hover {font-weight: bold;}
        #left-menu .active a {font-weight: bold; text-decoration: none;}
    #left a, #center a, #right a {color: #000; font-weight: bold; text-decoration: none;}
       #left a:hover, #center a:hover, #right a:hover {text-decoration: underline;}
    #body {}
        #body .breadcrumbs {margin-bottom: 20px; color: #BBB; font-size: 11px;}
        #body .breadcrumbs span {padding: 0 2px 0 2px;}
        #body .breadcrumbs a {color: #888; font-weight: normal;}
		#body h1 {margin-top: 10px;}
		#body h2 {margin: 20px 0 10px 0; text-shadow: #CCC 0 0 5px;}
		#body h2.noShadow {margin-bottom: 0; text-shadow: none;}
		#body a {color: #000; font-weight: bold;}
		#body a:hover {text-decoration: none;}
#foot {color: #FFF;}
	#foot .links {padding: 5px;}
		#foot .links ul {margin: 0; padding: 0; list-style-type: none;}
		#foot .links ul li {float: left; padding-right: 10px;}
	#foot .left, #foot .right {margin: 8px 0 0 0; padding: 0 5px;}
	#foot .left {float: left;}
	#foot .right {float: right; text-align: right;}
	#foot a {color: #FFF; text-decoration: none;}
	#foot a:hover {text-decoration: underline;}
	#foot .invisible {text-shadow: none;}

/* MENU */
#menu {z-index: 100; height: 32px; background-repeat: repeat-x; color: #fff;}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu ul ul {width: 131px;}
#menu li {float: left; position: relative;}
#menu a {display: block; float: left; margin-right: 1px; padding: 7px 12px 7px 12px; background-repeat: repeat-x; color: #FFF; text-align: center; text-decoration: none;}
#menu .active a {background: #FFF repeat-x; color: #222;}
#menu > ul > li.active > a {text-shadow: #CCC 1px 1px 1px;}
#menu table {top: 0; left: 0; border-collapse: collapse; position: absolute;}
#menu ul ul {visibility: hidden; position: absolute; top: 32px; left: 0; width: 149px; height: 0;}
#menu ul ul a {padding: 5px 10px 5px 10px; width: 131px; background: #FFF repeat-x; color: #222; font-size: 11px; line-height: 14px; text-align: left;}
#menu a:hover, #menu ul ul a:hover {background-repeat: repeat-x; color: #FFF;}
#menu :hover > a, #menu ul ul :hover > a {background-repeat: repeat-x; color: #FFF;}
#menu ul li:hover ul, #menu ul a:hover ul {visibility: visible;}

/* LINKS */
#main a.plain {padding: 0; border: 0 none; background: transparent;}
	
/* COMMON */
form {margin: 0;}
button.plain {margin: 0; padding: 0; border: 0 none; background: transparent; cursor: pointer; cursor: hand;}
label {cursor: pointer; cursor: hand;}
a img {border: 0 none;}
img {vertical-align: middle;}
.clear {clear: both;}
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}
.t {vertical-align: top;}
.m {vertical-align: middle;}
.b {vertical-align: bottom;}
.s {font-weight: bold;}

/* HEADINGS */
h1, h2, h3, h4 {font-family: arial; line-height: 1.2em}
h1 {font-size: 24px; font-weight: normal;}
h2 {font-size: 16px; color: #555;}
h3 {color: #777;}
h4 {margin: 0;}
.subtitle {font-size: 15px; font-style: italic; color: #777;}

/* TABLES */
.table {margin: 10px 0; border-collapse: collapse;}
.table caption {text-align: left;}
.table thead th, .table td {padding: 4px; border: 1px solid #DDD;}
.table tfoot td {border: 0 none;}
.table thead th {color: #888;}
.table tbody tr.light td {background: #FFF;}
.table tbody tr.dark td {background: #EEE;}
.table tbody tr:hover td {background: #CCC;}
.table tbody tr.separator td {background: #DDD; padding: 2px;}

/* FORMS */
input[type=text], textarea {margin: 0; padding: 3px; border: 1px solid #DDD; background: #FDFDFD;}
input[type=text]:focus, textarea:focus {border-color: #CCC;}
.error input[type=text], .error textarea {border-color: #D02138;}
.tab-form {border-collapse: collapse;}
.tab-form.border {border: 1px solid #CCC;}
.tab-form td {padding: 3px 5px; text-shadow: 1px 1px 1px #FFF;}
.tab-form tbody tr:hover td {background: #FAFAFA;}
.tab-form tbody tr.separator td {padding: 0; height: 10px; background: transparent;}
.tab-form tbody tr.part td {padding: 5px; border-bottom: 1px solid #DDD; background: #F4F4F4; color: #333; font-weight: bold;}
.tab-form tbody tr.error td {color: #CE4F15;}

/* LISTS */
ul.sitemap {margin: 0; padding-left: 30px; }
ul.sitemap li {list-style-type: square;}
ul.sitemap li.sub {list-style-type: none;}

/* IMAGES */
img.photo {margin: 4px; padding: 3px; border: 1px solid #CCC; background: #FFF;}
img.photo:hover {border-color: #888;}

/* BOXES */
.box {padding: 5px; border: 1px solid #EEE; background: #F8F8F8;}

/* GALLERY */
.gallery {}
.gallery table {width: 100%;}
.gallery table td {padding: 2px; vertical-align: middle; text-align: center;}
.gallery .hidden {display: none;}

/* MEDIA */
.media object {margin-bottom: 10px;}

/* MAP */
#google-maps {padding: 2px; height: 400px; border: 1px solid #CCC; background: #FFF;}

/* JQUERY */
#body .jTabs.ui-widget {border: 0 none; font-size: 1em;}
#body .jTabs.ui-widget a {padding: 5px 10px 3px 10px; border: 0 none; background: transparent; color: #333;}
#body .jTabs .ui-tabs-panel {padding: 0;}

/* ARTICLES */
.article {clear: both;}
.article p {text-align: justify;}
.article .photo {float: right; margin-left: 10px;}

/* COMMENTS */
.comments {margin: 15px 0;}
.comments .info {padding: 2px 4px; border-bottom: 1px solid #EEE; background: #F8F8F8;}
.comments .info h4 {text-shadow: 0 1px 1px #FFF;}
.comments .text {padding: 2px;}