body
{
    font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image:url(../../links/images/background.gif);
    background-repeat: repeat-x;
    margin:0;
    padding:0;
}

h1 {font-family:Arial, Helvetica, Sans-Serif; font-size: 20px; color:#333; font-weight:bold;}
h2 {font-family:Arial, Helvetica, Sans-Serif; font-size: 16px; color:#333; font-weight:bold;clear:left;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;     /* triggers hasLayout */
}
/* Only IE can see inside the conditional comment
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */


.container
{
    width:1000px;
    margin:0 auto 30px;
}

.header         {width:1000px; height:100px; background:#ffffff; -mooz-border-radius:10px;margin:10px 0;}
.header .logo   {margin-left:20px; margin-top:8px;float:left;}
.header .ou     {margin-right:20px; margin-top:15px; float:right;}

.mid            {width:1000px; height:240px;margin:0 0 10px;}
.mid .left      {width:200px; height:240px; float:left;margin-right:10px;}
#banner   {width:580px; height:240px; float:left;margin:0 10px 10px 0;-mooz-border-radius:10px;}
#news     {width:200px; height:220px; }
#news p   {color:#fff; width:150px; margin-left:25px; font-size:12px; font-family:Arial, Helvetica, Sans-Serif;}
#news a {color: #fff; }
/*
.mid .left ul   {margin:10px 10px 10px 10px; padding:0; white-space:nowrap; list-style-type:none; width:150px;}
.mid .left ul li {height:30px;}

.mid .left ul li a {color:#fff; text-decoration:none; text-transform:uppercase; font-family:Verdana; font-weight:bold; font-size:12px}
*/
.mid .left ul li {font-size:13.5px;}
.main .left ul li {font-size:13.5px;}


.title {width:170px; height:24px; background-color:#000; color:#fff; font-family:Times New Roman; margin:10px auto; text-align:center; letter-spacing: 2px; text-transform:uppercase; font-size:13px; padding-top:10px; font-weight:bold;}
.title2 {width:170px; height:40px; background-color:#000; color:#fff; font-family:Times New Roman; margin:10px auto; text-align:center; letter-spacing: 2px; text-transform:uppercase; font-size:13px; padding-top:10px; font-weight:bold;}

.left h3, .right h3 {color:#00694C; margin:0 auto 10px; text-align:center; letter-spacing: 2px; text-transform:uppercase; font-size:17px; font-weight:bold;}


.main            {width:1000px; min-height:240px;}
.main .left      {width:200px; min-height:100%; float:left; margin-right:10px;}
.main .center    {width:560px; min-height:100%; float:left; background-color:#fff; padding:10px;margin-right:10px;-mooz-border-radius:10px;}
.main .right     {width:200px; min-height:100%; float:right;}
.main .right p, .main .left p   {color:#000; width:150px; margin:0 0 10px 25px; font-size:12px; font-family:Arial, Helvetica, Sans-Serif; line-height:1.5em;}
.main .right h4, .main .left h4 {width:150px; margin:5px 0 0 25px; color:#00694C;}

h2.dh {color:#00694C;}


.main .center    {width:560px; min-height:100%; float:left; color:#000; padding: 0 10px; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; line-height:1.5em;}
.main .center p  {margin-top: 0;}
.main .center p img {margin:5px 0 5px 5px;}

.main .full_center    {width:980px; min-height:100%; float:left; background-color:#fff; color:#000; padding: 0 10px; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; line-height:1.5em; margin-bottom:10px;}
.main .full_center p  {margin-top: 0;}
.main .full_center p img {margin:5px 0 5px 5px;}

.footer            {width:1000px;background:#ccc;-mooz-border-radius:10px;}
.footer .left      {width:200px; float:left;margin-right:10px;}
.footer .center    {text-align:center;margin-right:10px;float:left;width:560px;padding:10px;}
.footer .right     {width:200px;float:right;}

#search {float:left; width:240px; margin-left:0px; margin-top:40px; text-align:right;}

#search #date {
    color: #887e6d;
    /*padding-bottom: 5px;*/
    height:20px;
    font-size:11px;

}


#back-button {
 float: right;
}
#back-button a {
 background: #000;
 color: #fff;
 padding: 2px 10px 4px 10px;
 text-decoration: none;
}
#back-button a:before{
 content: '< ';
}

table.cal {width:90%;background:#fff;border-collapse:collapse;margin:0 auto 20px;}
table.cal td {height:25px;width:14%;background:#fff;border:solid 1px #999;}
table.cal td a {text-decoration:none;width:100%;height:25px;color:#ffa;display:block;line-height:25px;}
tr.cnav td {background:#ccc;color:#000;text-align:center;font-weight:bold;}
tr.cdow td {background:#ccc;color:#000;font-size:10px;height:15px;line-height:15px;text-align:center;}
tr.cweek td {text-align:center;padding:0px;color:#666;}
table.cal td.cboxfull {background:#666;color:#fff;font-weight:bold;cursor:pointer;}
table.cal td.today, table.cal td.today a {color:#dF6C00;font-weight:bold;}
td.calnav {cursor:pointer;}
td.calnav:hover {background:#333;color:#fff;}


/*================ FORMS ==============*/
.cssForm p, .cssForm .pdiv {
 border: 1px dotted #ddd;
 border-radius: 4px;
 -mooz-border-radius: 4px;
 -webkit-border-radius: 4px;
 margin: 2px 0;
 padding: 5px;
}
.cssForm label {
 font-weight: bold;
 display: block;
 float: left;
 width: 120px;
 line-height: 1.5em;
}

.icon {float:left; margin:0 10px 10px 0;border:1px solid #000;}

.left .icon {border:0;}

img.no-b {border:0px;}
.curved {-mooz-border-radius:10px;}

a {color:#000;}

div.event_listing {margin:0 0 20px;}
div.event_listing h3 {margin:0;}
div.event_listing p {margin:0 0 10px;}

div.person_listing {margin:0 0 20px;clear:left;}
div.person_listing h3 {margin:0;}
div.person_listing p {margin:0 0 10px;}

ul {
list-style-type:none;
margin:0 0 20px;
padding:0;
}

ul li {
background-image:url("/images/green-star.gif");
background-position:0 1px;
background-repeat:no-repeat;
line-height:15px;
list-style-image:none;
margin:2px 0 0;
padding:0 0 5px 23px;
text-indent:0;
}

#nav ul {
list-style-type:none;
margin:0;
padding:0;
}

#nav ul li {
background:#000;
color:#fff;
background-image:none;
line-height:15px;
list-style-image:none;
margin:0 0;
border-top:1px solid #666;
text-indent:0;
padding:0;
}
#nav ul li:first-child {
border:0;
}
#nav ul li:hover {
background:#333;
}
#nav ul li a{
color:#fff;
text-decoration:none;
display:block;
padding:10px;
outline:none;
}

#nav {
	background:#000;
}
#news {
	background:#333;
}
#news h3 {
	color:#999;
}

div.left > div, div.right > div {
	padding:10px 0;
	background-color:#fff;
	-mooz-border-radius:10px;
	margin:0 0 10px;
}

div.mid > div.left > div, div.mid > div.right > div {
	height:220px;
	overflow:hidden;
}

table.form {
width:95%;
margin:20px 0 40px;
}
td.label {width:40%;text-align:right;font-weight:bold;padding-right:10px;}
td.textarea {vertical-align:top;}
table.form input[type=text] {width:100%;}
table.form textarea {width:100%;height:100px;}

.error {font-weight:bold;font-style:italic;color:#c00;}