body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; }

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

small, .small { font-size: 11px; }
big, .big { font-size: 14px; }

.vlarge { font-size: 22px; border-bottom: 1px solid #ddd; margin: 0 0 20px 0; padding: 0 0 15px 0; }
#editable .vlarge { margin: 0 0 20px 0; padding: 0 0 15px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #555; text-decoration: none; }
h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, h6:hover a { color: #b02021; }

h1, h2, h3, h4, h5, h6 { color: #b11f22; font-weight: normal; font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; }

h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }

.photolink { float: left; padding: 10px; display: block; }
.photolink img { width: 160px; height: 120px; border: 0; margin: 0; }

td { vertical-align: top; }

a, a:link, a:visited, a:active { color: #555; text-decoration: underline; }
a:hover { text-decoration: none; color: #b02021; }

#editable #base { clear: both; margin: 20px 0 0 0; background-color: #fff; /*display: inline;*/ width: 1018px; background-image: url('images/base-bg.png'); background-repeat: repeat-y; background-position: center; }
#editable #base thead td { width: 255px; }
#editable #base tbody td { padding: 15px 15px 15px 20px; }
#editable #base h4 { font-weight: bold; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); color: #fff; display: block; padding: 7px 0 0 0; height: 23px; text-align: center; background-image: url('images/bars.png'); background-repeat: repeat-x; }
#editable #base h5 { font-weight: bold; border-bottom: 1px dotted #dddddd; display: block; width: 110px; margin: 0 0 5px 0; padding: 0 0 5px 0; }
#editable #base p { width: 110px; padding: 0; }
#editable #base h5 a { color: #333; text-decoration: none; }
#editable #base img { float: right; margin: 0 0 0 10px; }

#photos #editable h1, #photos #editable h2, #photos #editable h3, #photos #editable h4, #photos #editable h5, #photos #editable h6 { color: #fff; }
#photos #editable { color: #fff; }
#photos #editable p { color: #fff; }
#photos #editable a { color: #fff; }
#photos #editable li { color: #fff; }
#photos #editable table img { color: #fff; }

#photos #editable .photolink img { margin: 0; }
#photos #editable #base p { color: #555; }

.check-bullet { list-style-image: url('images/check-bullet.png'); margin-bottom: 7px; }
.photos-link { }


.testimonial { border: 1px solid #bbb; max-width: 710px; background-color: #fbf9f2; display: block; background-image: url('images/testimonial-bg.jpg'); background-repeat: repeat-y; }
.testimonial td { padding: 20px; }
.testimonial p { line-height: 20px; margin-bottom: 10px; }
.testimonial img { float: right; }
.testimonial img { float: right; }
.testimonial em { color: #b02021; font-style: italic; }
.testimonial .paperclip { position: relative; left: -75px; top: -35px; z-index: 1000; }

/* some resetting needed */
#editable .testimonial img { margin: 0 -25px 0 15px; }
#editable .testimonial { margin: 0 25px 20px 280px; }
#editable table .testimonial { margin: 0 -15px 20px 0; }

.timetable-blue   { background-color: #e0f3fb; }
.timetable-yellow { background-color: #ffffde; }
.timetable-red    { background-color: #f6ecdb; }
.timetable-purple { background-color: #e0e6fb; }
.timetable-green  { background-color: #e1fbe0; }

#editable .timetable { margin-bottom: 0; }
#editable .timetable-wrap img { margin: 0; }
.ttbody { padding: 0 10px; background-image: url('images/timetable-bg.png'); background-repeat: repeat-y; }
.timetable { position: relative; z-index: 100; width: 690px;  }
#editable .timetable-wrap .timetable-head { z-index: 50; margin-bottom: -37px; position: relative; width: 710px; height: 37px; overflow: hidden; }
.timetable-base { margin-bottom: 20px; width: 710px; height: 15px; overflow: hidden; }
.timetable th { line-height: 35px; height: 40px; text-transform: uppercase; font-size: 11px; font-weight: bold; vertical-align: middle; text-align: center; }
#editable .timetable p { margin: 0; padding: 0 0 0 5px; height: 100%; }
.timetable td { line-height: 23px; vertical-align: top; }
.timetable thead tr { border-bottom: 1px solid #ddd; margin-bottom: 5px; }
.timetable tbody tr { padding: 1px; border-bottom: 1px solid #ddd; }
/*.timetable*/ .label { text-align: center; font-size: 11px; font-weight: bold; color: #555; text-transform: uppercase; }

.bar { background-image: url('images/bars.png'); background-repeat: repeat-x; }

.blue-bar { background-position: 0 0; }
.orange-bar { background-position: 0 -40px; }
.green-bar { background-position: 0 -80px; }
.purple-bar { background-position: 0 -120px; }
.red-bar { background-position: 0 -160px; }
.yellow-bar { background-position: 0 -200px; }
.grey-bar { background-position: 0 -240px; }
.white-bar { background-position: 0 -280px; }

/* home page specific */
#welcome h2 a { text-decoration: none; }
#welcome { clear: both; height: 300px; /*overflow: hidden;*/ display: block; background-color: #fff; display: inline; width: 1018px; }
#welcome h2 { border-bottom: 1px dotted #dddddd; display: block; margin: 0 0 5px 0; padding: 0 0 5px 0; }
#welcome p { padding: 6px 0 6px 0; }
#welcome h3 { margin-top: 4px; }
#welcome .text { padding: 15px 15px 15px 20px; }
#welcome .image { background-color: #345562; height: 300px; }
#welcome h5 { font-size: 16px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); color: #fff; display: block; line-height: 40px; text-align: center; background-image: url('images/bars.png'); background-repeat: repeat-x; }
.areas { /*height: 240px;*/ height: 340px; }
.areas thead td { width: 340px; height: 40px; }
.areas tbody td { padding: 15px 15px 15px 20px; }
.areas h3 { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); color: #fff; display: block; line-height: 40px; text-align: center; background-image: url('images/bars.png'); background-repeat: repeat-x; }
.areas h2 { border-bottom: 1px dotted #dddddd; display: block; margin: 0 0 5px 0; padding: 0 0 5px 0; }
.areas h2 a { text-decoration: none; }
.areas img { float: left; margin: 0 10px 0 0; }
.areas hr { color: #ccc; height: 1px; background-color: #ccc; margin: 20px 0 15px 0; border: 0; }
.areas .areas-bg { padding: 7px 15px 15px 15px; background-image: url('images/areas-bg.png'); background-repeat: repeat; }
.areas .areas-bg img { margin: 0 10px 0 -7px; }
.areas .areas-bg td { padding: 0; }
/*
#areas h5 { border-bottom: 1px dotted #dddddd; display: block; width: 110px; margin: 0 0 5px 0; padding: 0 0 5px 0; }
#areas p { width: 110px; }
#areas h5 a { color: #333; text-decoration: none; }
#areas img { float: right; margin: 0 0 0 10px; }
*/
/* end home page specific */