/* ---------------------------- GLOBALS --------------------------------- */

* {
  margin: 0;
  padding: 0;}

body {
  font-size: 62.5%; /* sets the stage for using ems */
  text-align: center;
  background: #FFFFFF url(images/bg-top.gif) repeat-x;}

hr {
  display: none;}

a {
  text-decoration: none;}

.clearHack {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;}

#skipLink {
  display: none;}

/* ---------------------------- INLINE IMAGES --------------------------------- */

img {
  border: 0; /* removes border in case images get have anchor around them */}

.inlineImage {
  text-align: center;
  font: normal 1.0em 'lucida grande',tahoma,sans-serif;
  color: #999;}

.inlineImage img {
  padding: 3px;
  border: 1px solid #ccc;}

.noStyle img {
  padding: 0;
  border: 0 none;}

.right {
  float: right;
  margin: 1.3em 0 0 2em;}

.left {
  float: left;
  margin: 1.3em 2em 0 0;}

.center {
  position: relative;
  margin-left: auto;
  margin-right: auto;}

/* site id and utility links
==============================================================================*/

h1 {
  position: relative;
  height: 70px;}

h1 a {
  display: block;
  position: absolute;
  top: 30px;
  width: 315px;
  height: 23px;
  text-indent: -5000px;
  overflow: hidden;
  background: url(images/logo.gif) no-repeat;}

#navUtilities {
  position: absolute;
  top: 35px;
  right: 0;
  margin-left: 150px;
  font: normal 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
  color: #796F65;}

#navUtilities a {
  text-decoration: none;
  color: #FFFFFF;}

#navUtilities a:hover {
  color: #EAE7D2;}

/* ---------------------------- LAYOUT SETUP --------------------------------- */

#container, #wrapper {
  position: relative;
  margin: 0 auto;
  width: 768px;}

#tccnet {
  z-index: 50000; /* ensures dropdown is clickable */}

#container, #wrapper {
  text-align: left;}

#wrapper:after {
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

#obligatorySidebar {
  position: relative;
  float: right;
  margin: 0;
  width: 256px;
  background: url(images/bg-news.jpg) no-repeat;}

/* ---------------------------- TCC NETWORK DROPDOWN --------------------------------- */

#tccnet {
  position: relative;
  float: right;}

#tccnet form {
  height: 39px;
  background: url(images/tccnet-bg.gif) repeat-x;}

#tccnet fieldset {
  float: left; /* forces Mozilla to shrink form to size */
  background: transparent url(images/tccnet-bgleft.gif) no-repeat;
  border: 0 none;}

#tccnet label {
  display: block;
  float: left;
  height: 39px;
  background: transparent url(images/tccnet-bgright.gif) right top no-repeat;}

#tccnet select {
  margin: 10px 25px 0;
  font-size: 10px;}

/* ---------------------------- TOP-LEVEL NAVIGATION --------------------------------- */

#nav {
  height: 28px;
  margin-bottom: 7px;
  list-style: none;}

#nav li {
  float: left;
  margin-right: 1px;
  height: 28px;
  overflow: hidden; /* if text-resize, this'll keep the nav the same size */}

#nav li a {
  display: block;
  height: 28px;
  text-indent: -5000px;
  overflow: hidden;
  background-position: 50% 0; /* horizontally centers the background image */
  background-repeat: no-repeat;}

#navHome {
  width: 76px;
  background-image: url(images/nav-home.gif);}

#navAbout {
  width: 97px;
  background-image: url(images/nav-about.gif);}

#navPN {
  width: 130px;
  background-image: url(images/nav-pn.gif);}

#navCR {
  width: 150px;
  background-image: url(images/nav-cr.gif);}

#navFW {
  width: 120px;
  background-image: url(images/nav-fw.gif);}

#navMembers {
  width: 105px;
  background-image: url(images/nav-members.gif);}

#nav li a:hover {
  background-position: 50% -28px;}

#nav li a.currentSection,
  #nav li a.currentSection:hover {
  background-position: 50% -56px;}

/* ---------------------------- GREETING --------------------------------- */

#greeting {
  float: right;
  width: 256px;
  background: #FFFFFF;}

#greetingTabs {
  clear: both;
  background: #eae7d2;
  height: 24px;}

#greetingTabs span {
  display: block;
  float: left;
  height: 24px;
  overflow: hidden;}

#welcomeTab {
  margin-right: 2px;
  width: 93px;
  cursor: pointer !important;
  background: url(images/tab-welcome.gif) no-repeat;}

#perspectiveTab {
  width: 161px;
  cursor: pointer !important;
  background: url(images/tab-perspective.gif) no-repeat;
  background-position: center bottom;}

#welcome, #perspective {
  display: block;
  position: relative;
  margin: 4px 5px 5px;
  width: 246px;
  height: 169px;
  overflow: auto;}

#welcome {
  background: url(images/welcome-bg09.jpg) no-repeat;}

#welcome h2, #welcome p {
  display: none;}

#welcome p a {
  display: block;
  margin-top: 2px;
  font-weight: bolder;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;}

#welcome p a:hover {
  text-decoration: underline;}

#perspective {
  display: none;
  background: url(images/perspective-bg.gif) center top no-repeat;}

#perspective h2 {
  display: none;}

#perspective p {
  position: relative;
  margin-top: 105px;
  padding: 0 10px;
  font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
  color: #555555;}

#perspective p a {
  font-weight: bolder;
  text-decoration: none;
  text-transform: uppercase;
  color: #752626;}

#perspective p a:hover {
  text-decoration: underline;}

/* ---------------------------- CURRENTLY --------------------------------- */

#currently {
  position: relative;
  float: left;
  width: 762px;
  min-height: 192px;
  margin-bottom: 16px; /* to force following elements down */
  padding: 5px 6px 5px 0;
  background: #FFFFFF;}

#currently #features {
  height: 169px;
  overflow: hidden;}

#currently p {
  padding-top: 7px;
  text-align: right;
  font: normal 1.0em/1 'lucida grande',tahoma,sans-serif;
  border-top: 1px solid #EAE7D2;}

#currently p strong {
  display: block;
  float: left;
  font-weight: normal;
  color: #555555;}

#currently span {
  display: block;
  font: normal 1em 'lucida grande',tahoma,sans-serif;
  text-align: center;
  color: #999999;}

#currently a {
  color: #2388FF;
  font-weight: bold;}

/* ---------------------------- HEADERS --------------------------------- */

h2.sifr {
  clear: none;
  margin: 20px 0 7px 10px;
  padding-bottom: 3px;
  font: normal 1.4em/1.5 'lucida grande',tahoma,sans-serif;
  color: #FF9300;
  border-bottom: 1px solid #CCCCCC;}

/* ---------------------------- NEWS --------------------------------- */

#news {
  position: relative;
  float: left;
  min-height: 280px;
  height: auto;}

.newsItem {
  clear: both;
  margin: 10px 0 10px 10px;}

#news .alert {
  padding: 5px;
  background: #FFC;
  border-top: 1px solid red;
  border-bottom: 1px solid red;}

#news h3 {
  position: relative;
  margin-bottom: -.3em;
  font: normal 1.3em/1.2em 'lucida grande',tahoma,sans-serif;
  color: #2388FF;}

#news h3 span {
  font-size: 9px;
  color: #999999;}

#news .newsItem p {
  margin: .5em 0 .5em 0;
  font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
  color: #555555;}

#news .newsItem li {
  font: normal 1em/1.4 'lucida grande',tahoma,sans-serif;
  color: #555555;
  margin: .5em 1.5em;
  list-style: square;}

#news img {
  padding: 2px;
  float: right;
  margin-left: 7px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;}

/* ---------------------------- EVENTS --------------------------------- */

#events {
  float: left;
  font: normal 1.1em/1.3 'lucida grande',tahoma,sans-serif;}

#events ul {
  clear: both;
  width: 246px;
  margin-left: 10px;
  list-style: none;}

#events li {
  padding: 8px 0;
  color: #555;
  border-top: 1px solid #EEEEEE;}

#events li span {
  float: right;
  text-align: right;
  margin-left: 10px;
  color: #777777;}

#news a, #events a {
  color: #2388FF;
  font-weight: bold;}

#news a:hover, #events a:hover {
  text-decoration: underline;
  color: #333;
  background-color: #ffc;}

#news p.archiveLink, #events p.archiveLink {
  clear: both;
  height: 30px;
  margin: 10px 0 10px 10px;
  border-top: 1px solid #ccc;}

#news .archiveLink a, #events .archiveLink a {
  display: block;
  float: right;
  padding-right: 20px;
  color: #777777;
  font: normal 9px/30px 'lucida grande',tahoma,sans-serif;}

#news .archiveLink a {
  background: url(images/icon-document.gif) 100% 50% no-repeat;}

#events .archiveLink a {
  background: url(images/icon-calendar.gif) 100% 50% no-repeat;}

.mainTable {
  float: right;
  width: 246px;
  margin-bottom: 10px;
  border-collapse: collapse;}

.navTable {
  display: none;}

.monthYearRow {
  display: none;}

.mainTable td {
  vertical-align: top;
  height: 30px;
  padding: 2px;
  color: #555555;
  font-size: .8em;
  background: #EEEEEE;
  border: 1px solid #FFFFFF;}

.dayNamesText {
  display: none;}

.mainTable td.dayNamesRow {
  height: auto;
  padding: 4px;
  text-align: center;
  background: none;
  border: 0 none;
  border-bottom: 1px solid #999;}

td.sOther {
  color: #ccc;
  background: none;
  border: 0 none;}

td.today {
  border: 2px solid #FF9300;}

td.s21 {
  color: #555555;
  font-weight: bold;
  background-color: #999999;}

td.s21:hover {
  color: #E2E0D3;
  background-color: #333333;}

/* service information
==============================================================================*/

#services {
  position: relative;
  float: left;
  width: 512px;
  min-height: 280px;
  height: auto;
  background: url(images/bg-services.jpg) right top no-repeat;}

#services h2 {
  margin: 21px 15px 7px 0;}

#serviceInfo {
  position: relative;
  float: right;
  right: 15px;
  width: 510px;}

#serviceInfo a {
  color: #2388FF;
  font-weight: bold;}

#serviceInfo a:hover {
  text-decoration: underline;
  color: #333333;
  background: #FFC;}

#serviceInfo .left {
  position: relative;
  float: right;
  margin: 15px 0 15px 15px;}

#serviceInfo h3 {
  margin: 15px 15px 0;
  font: normal 1.4em 'lucida grande',tahoma,sans-serif;
  color: #555555;}

#serviceInfo p {
  margin: 15px 0 15px 15px;
  font: normal 1.1em/1.5 'lucida grande',tahoma,sans-serif;
  color: #777777;}

#serviceInfo ul {
  clear: left;
  margin: 10px 0 10px 15px;
  padding: 5px 10px;
  list-style: none;
  font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
  color: #555555;
  background: #EEECDE;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;}

#serviceInfo ul li {
  margin: 5px 0;}

#ministryList {
  position: relative;
  float: left; /* prevents margin collapse */
  width: 128px;
  list-style: none;
  background: url(images/bg-campuses.jpg) right top repeat-y;}

#ministryList li {
  font: bold 11px/1 'lucida grande',tahoma,sans-serif;
  color: #777777;}

#ministryList li#listTop {
  padding-top: 10px;
  background: url(images/bg-servicestop.jpg) right top no-repeat;}

#ministryList li#listBottom {
  padding-bottom: 20px;
  background: url(images/bg-servicesbottom.jpg) right bottom no-repeat;}

#ministryList li ul {
  margin: 0 0 .63em;
  list-style: none;}

#ministryList li ul li {
  position: relative;
  margin: 0;
  padding-left: 11px;
  font-weight: normal;
  background: url(/images/arrow-miniorange.gif) 0 50% no-repeat;}

#ministryList li ul li a {
  padding: 5px 0;}

#ministryList a, #ministryList span {
  display: block;
  padding: 7px 0;
  color: #777777;
  cursor: pointer; /* forces hyperlink cursor, just in case */
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-color: transparent;}

#ministryList span {
  cursor: default;}

#ministryList a:hover {
  color: #2388FF;
  background: white;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;}

/* ---------------------------- FEATURES --------------------------------- */

.feature {
  position: relative;
  clear: left;
  float: left;
  margin-top: 2em;
  width: 485px;}

.feature h2 {
  margin: 20px 0 7px 0;}

.jcarousel-skin-tcc .jcarousel-container {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #eeecde;
  border: 1px solid #DDDDDD;}

.jcarousel-skin-tcc .jcarousel-container-horizontal {
  width: 471px;
  padding: 5px 5px 23px 5px;}

.jcarousel-skin-tcc .jcarousel-clip-horizontal {
  width: 471px;
  height: 104px;}

.jcarousel-skin-tcc .jcarousel-item {
  width: 152px;
  height: 110px;}

.jcarousel-skin-tcc .jcarousel-item-horizontal {
  margin-right: 6px;}

.jcarousel-skin-tcc .jcarousel-item-horizontal a img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #CCCCCC;}

.jcarousel-skin-tcc .jcarousel-item-horizontal a:hover img {
  border: 1px solid #999999;}

.jcarousel-skin-tcc .jcarousel-item-placeholder {
  background: #fff;
  color: #000000;}

.jcarousel-skin-tcc .jcarousel-next-horizontal {
  position: absolute;
  bottom: 4px;
  right: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(images/glider-arrows.png) no-repeat -20px 0;}

.jcarousel-skin-tcc .jcarousel-next-horizontal:hover {
  background-position: -20px -20px;}

.jcarousel-skin-tcc .jcarousel-prev-horizontal {
  position: absolute;
  bottom: 4px;
  left: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(images/glider-arrows.png) no-repeat 0 0;}

.jcarousel-skin-tcc .jcarousel-prev-horizontal:hover {
  background-position: 0 -20px;}

.jcarousel-skin-tcc .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tcc .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tcc .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tcc .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tcc .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tcc .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background: none;}

.specialFeature a img {
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 2px;
  background: eee;
  border: 1px solid #CCCCCC;}

.specialFeature a:hover img {
  border-color: #999999;}

/* ---------------------------- FOOTER --------------------------------- */

#footer {
  position: relative;
  clear: both;
  margin-top: 20px;
  padding: 20px 0 20px 0;
  background: #333333 url(images/bg-footer.jpg) repeat-x;}

#siteMap, #copyright {
  margin-top: 0;}

#siteMap {
  float: left;
  width: 497px;}

#siteMap .column {
  float: left;
  width: 160px;}

#siteMap li {
  display: block;
  list-style: none;
  font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;}

#siteMap li a {
  display: block;
  float: left;
  clear: left;
  padding: .36em .18em;
  font-weight: bold;
  color: #0182C6;}

#siteMap li li a {
  padding-left: 10px;
  font-size: .81em;
  line-height: 1em;
  font-weight: normal;
  color: #EAE7D2;
  background: url(/images/arrow-miniorange.gif) left center no-repeat;}

#siteMap li a:hover {
  text-decoration: underline;
  color: white;}

#siteMap li li a:hover {
  background-position: 2px 50%;}

#copyright {
  float: right;
  width: 256px;
  background: #0182C6;
  border: 1px solid #FFFFFF;}

#copyright p {
  margin: 15px 10px;
  font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;
  color: #EAE7D2;}

#copyright strong {
  font-size: 1.2em;
  font-weight: normal;
  color: white;}

#copyright a {
  font-weight: bold;
  color: #94A24B;}

#copyright a:hover {
  text-decoration: underline;
  color: white;}

/* ---------------------------- sIFR --------------------------------- */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt;
  padding: 0pt;
  overflow: auto;
  letter-spacing: 0px;
  float: none;}

.sIFR-active h2.sifr {
  visibility: hidden;}

/*.sIFR-active #content h2 {
  visibility: hidden;}*/

/* ---------------------------- CONTENT --------------------------------- */

#cal-page {
  margin-top: 5px;
  width: 738px;}

/* ---------------------------- CONTENT --------------------------------- */

#content, #ministryContent {
  float: right;
  margin-top: 15px;
  width: 497px;
  min-height: 350px;}

#container .full {
  width: 100%;}

#content {
  padding-bottom: 20px;}
  
#content h1 {
  font: normal 2.4em/1 'lucida grande',tahoma,sans-serif;
  color: #333333;
  margin: 0;
  padding: 0;}

#content h2 {
  font: normal 2.4em/1 'lucida grande',tahoma,sans-serif;
  color: #333333;}

#content h3 {
  margin: 1em 0 .5em;
  font: bold 1.4em 'lucida grande',tahoma,sans-serif;
  color: #555555;}

#content h4 {
  margin: 0 0 -1em 0;
  font: bold 1.2em 'lucida grande',tahoma,sans-serif;
  color: #555555;}

#content p, #content li {
  margin: 1.3em 0;
  font: normal 12px/1.5 'lucida grande',tahoma,sans-serif;
  color: #777777;}

#content p.utilityLink {
  padding: .5em .4em .5em 25px;
  font-size: 1em;
  background: #d7ffcc url(/images/icon-cog.gif) 4px 50% no-repeat;
  border: 1px solid #C3D4BE;}

#content p.notice {
  padding: .5em 1em .5em 35px;
  font-size: 1.1em;
  background: #ffc url(/images/icon-alert.gif) 10px 6px no-repeat;
  border: 1px solid #CCCCCC;}

#content li {
  margin: .7em 0;}

#content ol, #content ul {
  padding: 0 2.5em;}

#content blockquote {
  margin: 1.3em 0;
  padding: 0 1.5em;
  font: italic 1.1em/1.3em georgia,serif;
  color: #999999;}

#content dl {
  font: normal 1.2em/1.6em 'lucida grande',tahoma,sans-serif;
  color: #777777;}

#content dt {
  margin: 1.5em 0 0;
  font-weight: bold;
  color: #FF9300;}

#content dd {
  margin: 0 15px 1em 15px;
  font-size: .91em;}

#content a {
  color: #2388FF;
  font-weight: bold;}

#content a:hover {
  color: #333333;
  text-decoration: underline;
  background: #FFC;}

#content a.imgLink:hover {
  background: none;}

#content .details {
  font: normal 12px/1.5 'lucida grande',tahoma,sans-serif;}

#content .finePrint {
  font-size: .9em;
  line-height: 1.6em;
  color: #999999;}

#content .info {
  clear: both;
  padding: 5px 5px 5px 30px;
  background: #eee url(/images/icon-info.gif) 8px 50% no-repeat;
  border: 1px solid #CCCCCC;}

#content .info span {
  padding-right: 10px;}

#content .campus {
  margin-bottom: 30px;}

#content .campus h3 {
  font-size: 1.3em;
  text-transform: none;}

#content .campus p,
  #content .campus ul {
  margin-left: 100px;
  padding: 0;}

#content .campus li {
  margin: 0;
  list-style: none;
  padding-left: 15px;
  font-size: 1.1em;
  background: url(/images/arrow-miniorange.gif) 0 50% no-repeat;}

#content .campus hr.clearHack {
  clear: none;}

.pastorProfile {
  position: relative;
  float: left;
  left: 15px;
  margin-bottom: 20px;
  width: 150px;
  min-height: 200px;
  text-align: center;}

#content .pastorProfile p {
  font-size: 1.1em;
  line-height: 1.4em;}

/* ---------------------------- SIDEBAR --------------------------------- */

#sideBar {
  position: relative;
  float: left;
  margin: 15px 30px 0 0;
  width: 241px;
  font-family: 'lucida grande',tahoma,sans-serif;
  background: #e7f4f4 url(/images/bg-sidebar.gif) center top repeat-y;}

#sideBar #sideBarTop {
  display: block;
  height: 10px;
  background: url(/images/bg-sidebar_top.gif) center top no-repeat;}

#sideBar #sideBarBottom {
  display: block;
  height: 10px;
  background: url(/images/bg-sidebar_bottom.gif) center bottom no-repeat;}

#sideBar h2 {
  margin: 1em 15px;
  font-size: 1.2em;
  color: #777777;}

#sideBar p {
  margin: 1em 15px;
  font-size: 1.1em;
  line-height: 1.5;
  color: #999999;}

#sideBar p.fineprint {
  padding: 10px;
  font-size: .9em;
  color: #999;
  background: #DFEBEB;}

#sideBar ul, #sideBar ol {
  margin: 15px;}

#sideBar li ul, #sideBar li ol {
  margin: 0;
  font-size: .9em;}

#sideBar li {
  color: #999;
  font-size: 1.0em;
  line-height: 1.5;}

#sideBar ul li {
  margin: 5px 0;
  padding: 0 15px;
  list-style: none;
  background: url(/images/arrow-miniorange.gif) 0 .45em no-repeat;}

#sideBar a {
  color: #2388FF;
  font-weight: bold;}

#sideBar a:hover {
  text-decoration: underline;
  color: #333333;
  background: #FFC;}

#sideBar .noStyle img {
  margin: 10px 0;}

#sideBar .right img {
  position: relative;
  right: 15px;}

#sideBar .left img {
  position: relative;
  left: 15px;}

/* ---------------------------- EVENTS - powered by EasyPHPCalendar --------------------------------- */

#events {
	float: left;
	font: normal 1.1em/1.3 'lucida grande',tahoma,sans-serif;
}

#events ul {
	clear: both;
	width: 246px;
	margin-left: 10px;
	list-style: none;
}

#events li {
	padding: 8px 0;
	color: #555;
	border-top: 1px solid #eee;
}

#events li span {
	float: right;
	text-align: right;
	margin-left: 10px;
	color: #777;
}

#news a,
#events a {
	color: #2388ff;
	font-weight: bold;
}

#news a:hover,
#events a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #ffc;
}

#news p.archiveLink,
#events p.archiveLink {
	clear: both;
	height: 30px;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
}

#news .archiveLink a,
#events .archiveLink a {
	display: block;
	float: right;
	padding-right: 20px;
	color: #777;
	font: normal 9px/30px 'lucida grande',tahoma,sans-serif;
}

#news .archiveLink a {
	background: url(images/icon-document.gif) 100% 50% no-repeat;
}

#events .archiveLink a {
	background: url(images/icon-calendar.gif) 100% 50% no-repeat;}

.mainTable {
	float: right;
	width: 246px;
	margin-bottom: 10px;
	border-collapse: collapse;}

.navTable {
	display: none;}

.monthYearRow {
	display: none;}

.mainTable td {
	vertical-align: top;
	height: 30px;
	padding: 2px;
	color: #555555;
	font-size: .8em;
	background: #EEECDE;
	border: 1px solid #FFFFFF;}

.dayNamesText {
	display: none;}

.mainTable td.dayNamesRow {
	height: auto;
	padding: 4px;
	text-align: center;
	background: none;
	border: 0 none;
	border-bottom: 1px solid #999999;}

td.sOther {
	color: #CCCCCC;
	background: none;
	border: 0 none;}

td.today {
	border: 2px solid #EEEEEE;}

td.s21 {
	color: #555555;
	font-weight: bold;
	background-color: #E2E0D3;}

td.s21:hover {
	color: #E2E0D3;
	background-color: #797066;}


/* ---------------------------- FORMS --------------------------------- */

form {
  margin: 1.3em 0;
  font: normal 12px/1.5 'lucida grande',tahoma,sans-serif;
  color: #777777;}

fieldset {
  position: relative;
  margin: 2em 0;
  border: 1px solid #ebe9db;
  border-width: 5px 0 2px 0;
}

fieldset div {
  margin: 1px 0;
  padding: 1em 0;
  background: #f5f5f5;
}

fieldset div input[type="text"] {
  width: 260px;
  padding: 3px;
  font-size: 1.2em;
}

#birthday_year {
  width: 50px;
}

legend {
  margin: 0 0 0 20px;
  padding: 5px 8px;
  font: bold 1.2em 'lucida grande',tahoma,sans-serif;
  color: #999;
}

label {
  display: block;
  float: left;
  clear: left;
  margin-right: 5px;
  padding: 3px 0;
  width: 130px;
  font: normal 1.2em/1.5 'lucida grande',tahoma,sans-serif;
  color: #777;
  text-align: right;
}

fieldset select {
  max-width: 270px;
  font: normal 1.2em/1.5 'lucida grande',tahoma,sans-serif;
}

#content em.desc {
  display: block;
  margin: 3px 0 0 135px;
  font: italic 1em/1.1em 'lucida grande',tahoma,sans-serif;
  color: #999;
}

div.checks {
}

div.checks label {
  display: inline;
  float: none;
  width: auto;
  text-align: left;
}

div.checks input {
  clear: none;
  margin-left: 135px;}

#content div p.question {
  margin: 0 0 .5em 10px;
  font-size: 1.3em;
  font-weight: bold;
  color: #999999;}

#content div.checks em.desc {
  margin-left: 10px;}

div.long {
  /*padding-left: 100px;*/}

div.long label {
  text-align: left;
  width: auto;
  float: none;}

div.long input, div.long select {
  clear: none;
  margin-left: 130px;}

div.important {
  background: #ffc;}

#content div.important .desc {
  color: #999999;}

div.options label {
  display: inherit;
  float: none;
  width: auto;
  margin-left: 100px;}

fieldset div.options input {
  margin-right: 2px;}

#content #content div.options p {
  margin: 5px 0;}

div.textarea label {
  float: none;
  text-align: left;
  width: 95%;
  margin: 0 auto;}

div.textarea textarea {
  display: block;
  width: 95%;
  height: 100px;
  margin: 0 auto;
  border-color: #999999;}

#content form .option {
  margin: 1em 0;
  font-size: 1.1em;
  text-indent: -20px;
  margin-left: 20px;}

#content form .option strong {
  font-size: 1.1em;}

#content form .option input {
  margin-right: 5px;}

form .formControls {
  clear: both;
  margin: 2em 0;
  padding: 1em 1em;
  text-align: right;
  background: #D7FFCC;
  border-top: 1px solid #C3D4BE;
  border-bottom: 1px solid #C3D4BE;}

form .formControls span {
  display: block;
  float: left;}

/* ---------------------------- SPECIAL STUFF --------------------------------- */

#geoparties {
  display: table;
  border-collapse: collapse;
  margin: 0;
  font: normal 11px 'lucida grande',tahoma,sans-serif;
  color: #333;
  background: #eee;}

#geoparties th {
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  background: #ffa81f;}

#geoparties td {
  width: 25%;
  padding: 2px;
  border: 1px solid white;}
  
table {
  margin: 1.3em 0;
  font: normal 12px/1.5 'lucida grande',tahoma,sans-serif;
  color: #777777;}