/* @override http://0.0.0.0:3000/stylesheets/main.css?1172139012 */

/* @group RESET */

/* These standardise margins and padding */
body {
 padding:0px;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
 margin:0;
 padding:0
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
 margin:0;
}
:link,:visited { 
 text-decoration:none;
}
h1,h2,h3,h4,h5,h6,pre,code
{
 font-size:1em;
}
li, dd, blockquote {
 margin-left: 40px;
}
fieldset {
 padding:10px;
}
a img,:link img,:visited img { border:none }
address { font-style:normal }
/* End of standardisation */

/* @end */

/* @group TRICKS */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

/* @group GENERAL AND TYPOGRAPHY */

:link, :visited {
  color: #66c1c1;;
}

a:hover {
 text-decoration: underline;
}

ul, ol {
 padding-left:2em;
}

li {
 margin-left: 0;
}

body {
 font-family: "Lucida Grande", "Lucida Sans", verdana, helvetica, sans-serif;
 background-color:white;
 text-align:center;
}

/* @end */

/* @group LAYOUT */

#container {
 width:770px;
 position: relative;
 border: dotted #66C1C1 1px;
 text-align: left;
 margin: 20px auto 20px auto;
 min-height: 360px;
}

#links {
 float: left;
 padding: 10px;
 width: 80px;
}

#main {
 position: relative;
 width: 650px;
 margin: 10px 0px 10px 100px;
 padding-left: 10px;
 border-left: 1px dotted #66c1c1;
}

#top {
 border-bottom: 1px dotted #66C1C1;
 width: 650px;
 height: 92px;
 background: #fff url(/images/gf2.png) no-repeat left center;
 padding-bottom: 10px;
 margin-bottom: 20px;
}

/* Wanted to set writing direction right to left in top and then get rid of height and just position .news statically. Unfortunately IE6 doesn't support this... Keep an eye on the 92px above if change font size, pic, etc. */

#content {
 border-top: 1px dotted #66C1C1;
 width: 650px;
 list-style: disc;
 font-size: 9pt;
 padding-top: 20px;
 line-height: 1.5em;
}

#footer {
 clear: both;
 padding-top: 10px;
}

#copyright {
 color: #7F8285;
 font-size: 8pt;
 text-align: center;
}

/* @end */

#links, #links a {
 text-transform: uppercase;
 text-align: left;
 color: #7F8285;
 line-height: 1.2em;
 font-size: 7.5pt;
}

#links li {
 list-style: none;
 padding-bottom: 1em;
 padding-left: 0px;
 margin-left: 0px;
}

#links ul {
 padding-left: 0;
}

#top .news {
 position: absolute;
 top: 0px;
 right: 0px;
 text-align: center;
 text-transform: uppercase;
 font-size: 7.5pt;
}

#top .news .item {
 width: 107px;
}

#top .news, #top .news a {
 color: #66c1c1;
}

#content #left {
 width: 320px;
 float: left;
}

#content #right {
 width: 310px;
 float: right;
 margin-left: 10px;
}

#content .threecol {
 width: 199px;
 float: left;
 padding-right: 4px;
 border-right-width: 1px;
 padding-left: 4px;
 margin-right: 4px;
 margin-left: 4px;
}

#content .threecol img {
 float: right;
 margin-left: 5px;
 margin-bottom: 5px;
}

#content .threecol h3 {
 font-variant: small-caps;
 text-align: center;
}

#content .threecol p {
 text-align: left;
}

#content h1, #content h2, #content h3 {
 font-weight: bold;
 color: #66c1c1;
 padding-top: 5px;
 padding-bottom: 10px;
}

#content h1 {
 font-size: 14pt;
}

#content h2 {
 font-size: 12pt;
}

#content h3 {
/* font-weight: bold;
 padding-top: 1em;
 padding-bottom: 1.5em;*/
 font-size: 10pt;
}

#content p {
 padding-bottom: 0.7em;
}

.events a {
 text-transform: lowercase;
}

.feature {
 color: #ffffff;
 background: #66c1c1;
 padding: 10px;
}

#content .feature h1, #content .feature h2 {
  color: #ffffff;
}

.factfile {
 color: #ffffff;
 background: #66c1c1;
 padding: 10px;
}

#content .factfile h3 {
 padding-top: 0;
}

.factfile a, .feature a {
 color: #ffffff;
 text-decoration: underline;
}

.factfile a:visited, .feature a:visited {
 color: #ffffff;
}

.factfile a:hover, .feature a:hover {
 color: #ffffff;
 text-decoration: none;
}

.factfile td {
 padding-bottom: 5px;
}

.factfile .ruler {
 border-top: 1px dotted white;
 padding: 5px 0 5px 0;
}

.ruler, hr {
 border: 0;
 border-top: 1px dotted #66c1c1;
 padding: 5px 0 5px 0;
}

/* 
 Main Calendar
*/

.calendar {
  margin: auto;
  background: white;
}

.monthName th {
 font-size: medium;
  font-weight: normal;
  text-align: center;
  padding-top: 0em;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.3em;
 border-bottom: 1px dotted #66c1c1;
 border-top: 1px dotted #66c1c1;
 color: #66c1c1;
}

.otherMonth, .day, .day_with_event {
  padding: 0.2em 0.5em;
  border-right: 1px solid white;
}

.day, .day_with_event {
  text-align: center;
  border-bottom: 1px dotted #bbbbbb;
}

.day_with_event {
  background-color: #66c1c1;
}

/* Clients */

#new_client form {
 color: gray;
}