
/* universal */

*
{
padding:0em;
margin:0em;
}

html {background:#ffffff;color:#2f1a4f;}

body
{
margin:0em;
padding:0em;
color:#2f1a4f;
background:#ffffff;
font:70% "lucida grande", verdana, sans-serif;
}

select, input, table {font-size:100%;}

img {border:none;}

p
{
font:1em "lucida grande", verdana, sans-serif;
padding:0.6em 1em;
}

h1 {font:bold 2.0em/1.4em "lucida grande", verdana, sans-serif;clear:both;}
h2 {font:bold 1.2em/1.4em "lucida grande", verdana, sans-serif;clear:both;}
h3 {font:bold 1.2em/1.4em "lucida grande", verdana, sans-serif;clear:both;}
h4 {font:bold 1.0em/1.3em "lucida grande", verdana, sans-serif;clear:both;}
h5 {font:bold 0.8em/1.1em "lucida grande", verdana, sans-serif;clear:both;}
h6 {font:bold 0.6em/0.9em "lucida grande", verdana, sans-serif;clear:both;}

h1
{
text-transform:uppercase;
color:#2f1a4f;
padding:0em;
margin:0.6em 0em 0em 0.3em;
text-align:center;
}

h2
{
padding:0em 170px 0em 0.4em;
margin:1em 1em 0.5em 1em;
color:#ffffff;
background:#ff6600 url(../g/barend.gif) no-repeat top right;
}

h2:before {content:">> ";}

h3
{
text-align:center;
margin:1em 0em;
color:#ffffff;
background:#5d7330;
overflow:hidden;
width:100%; /* necessary for sleight to work on bg in ie */
}

li {margin-left:1.2em;list-style-type:none;}

.bold
{
font-weight:bold;
}

.similar
{
margin:1.4em;
border-collapse: collapse; 
border-spacing:2em;
}

.similar th, .similar td
{
padding:0.4em 0.6em;
border-bottom:1px dotted #ff6600;
text-align:left;
}


dl {padding:1% 3%;overflow:auto;width:94%;}

dt
{
clear:left;
font-size:1.2em;
padding-top:0.8em;
font-weight:bold;
text-transform:capitalize;
color:#2f1a4f;
}

dd 
{
width:100%;
overflow:hidden;
border-bottom:2px solid #ff9e1d;
padding-bottom:0.5em;
}

.less {display:block;}
.lesser {float:left;margin-bottom:0.6em;font-style:italic;font-size:0.9em;}

.more {float:right;margin-bottom:0.6em;}

a {color:#0b007f;}

a:hover, a:hover {text-decoration:underline;}

#header
{
width:100%;
height:56px;
background:#ffffff url(../g/waves.gif) no-repeat 0% 50%;
text-align:left;
position:relative;
top:0em;
left:0em;
z-index:1;

overflow:hidden;
}

#header div
{
position:absolute;
top:-1px;
right:-1px;
width:300px;
height:57px;
background:transparent url(../g/header.gif) right bottom no-repeat;
}


/* really bad hack to get around rounding errors that mean we can't put this as the bottom border of the menu */

#contentline
{
clear:both;
border-bottom:1px solid #ff6600;
}

#mainleft
{
border-bottom:1px solid #cccccc;
clear:left;
width:26%;
padding-bottom:1em;
overflow:hidden;
background:#ffffff url(../g/sideleft.jpg) top right repeat-y;
}

#mainleft p {font-size:0.95em;}


.taglist, .taglist li
{
display:inline;
margin:0em;
padding:0em;
list-style-type:none;
}

#mainright
{
width:70%;
float:right;
padding:0em 2em 3em 0em;
}

#mainright #photos
{margin-left:1em;}

#mainright ul
{margin-left:1em;margin-top:1em;}

#mainright p
{
margin:0em 2em 0em 1em;
line-height:1.4em;
}

#mainright li
{
margin-left:40px;
list-style: disc;
padding:0.3em 0em 0.3em 0em;
line-height:1.4em;
}


/* eventgallery */


.eventgallery	
{
float:right;
padding:1em;
margin:0.75em 1.5em 2em 2em;
width:200px;
font-size:0.85em;
border:1px dotted #d4de9e;
background:#effded;
overflow:hidden;
text-align:center;
}


.eventgallery p
{
padding:0em 0.4em 1em 0.4em;
width:174px;
overflow:hidden;
}

.eventgallery p img {margin:0.4em 1em 0em 0em;}


/* tag cloud stuff */


	
.tagcloudwrap
{
width:512px;
text-align:center;
padding:0px;
background:#dbeefd url(../g/clouds2.jpg);
}

.tagcloud a { text-decoration: none;vertical-align:middle;margin:0.5em;}
.tagcloud a:hover { text-decoration: underline; }

.tagcloudcontent
{
text-align: center;
padding: 30px;
margin-bottom: -30px;
}

.tagcloudfooter
{
width:512px;
height:30px;
background:url(../g/cloudbot.jpg);
}
	

/* calendar */


.calendar
{
width: 15em;
padding: 0em;
margin: 0em;
border-left: 1px solid #5d7330;
font: 0.9em/1.5em "lucida grande", verdana, sans-serif;
text-align: center;
color:#001a21;
background-color: #ffffff;

}

.nav
{
font-weight: bold;
color: #001a21;
text-align: center;
text-decoration: none;
}


caption
{	
font: 1em/1.4em "lucida grande", verdana, sans-serif;
margin: 0em 0em 1em 0em;
width: 15em;
background: #ffffff;
color: #001a21;
font-weight: bold;
text-align: center;
}

.calendar caption a.month {color:#001a21;}


.calendar th
{
font:1.2em/1.4em "lucida grande", verdana, sans-serif;
font-weight:bold;
color:#001a21;
background: #ffffff;
border-right: 1px solid #5d7330;
border-bottom: 1px solid #5d7330;
border-top: 1px solid #5d7330;
}

.today, td.today a, .calendar td.today a:link, .calendar td.today a:visited
{
background:#ff6600;
}

.calendar td
{
border-right: 1px solid #5d7330;
border-bottom: 1px solid #5d7330;
text-align: center;
font: 1em/1.3em "lucida grande", verdana, sans-serif;
}

.calendar td a, .calendar td a:visited
{
font: 1em/1.3em "lucida grande", verdana, sans-serif;
font-weight: bold;
display: block;
color: #001a21;
text-decoration: none;
background: #cadbab;
}




.calendar td a:hover, .calendar td a:active, .calendar td.today a:hover
{
color: #ffffff;
background: #001a21;
}

.promo {text-align:center;}
.promo img {margin-top:1em;border:1px solid #cccccc;}

.rss {text-align:center;}
.rss img {vertical-align:middle;}

.goobox
{
clear:both;
margin-top:10px;
margin-bottom:10px;
padding:1em;
line-height:1.4em;
text-align:center;
}

.adbox
{
clear:both;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
background:#ffffff;
padding:1em;
line-height:1.4em;
text-align:center;
}

.adbox span {display:block;font-size:0.85em;line-height:1.25em;color:#666666;}

.adboxright
{
float:right;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
background:#ffffff;
padding:1em;
line-height:1.4em;
text-align:center;
}

.adboxright span {width:200px;display:block;font-size:0.85em;line-height:1.25em;color:#666666;}

.fantastic
{
clear:both;
width:80%;
margin-top:40px;
margin-bottom:40px;
margin-left:auto;
margin-right:auto;
border:1px solid #e1e1d1;
background:#ffffee;
padding:1em;
line-height:1.4em;
}

.loginbox
{
clear:both;
margin:1em;
border:1px solid #e1e1d1;
background:#ffffee;
padding:0.5em;
}

.suparea
{
padding-top:0.5em;
clear:both;
}

.suplabel
{
width:7.5em;
float:left;
margin-top:0.25em;
margin-left:1em;
clear:both;
}

.supform
{
background:#ffffff;
}

.box
{
width:30em;
margin-top:2em;
margin-left:auto;
margin-right:auto;
border:1px solid #e1e1d1;
background:#ffffee;
padding:0.6em;
}

.box p
{
padding:1em 0em;
line-height:1.4em;
}

.testimonial
{
background:#e9e5eb url(../g/topright.gif) top right no-repeat;
width:90%;
margin:2em;
padding-bottom:3em;
clear:both;
}

.testimonial h4
{
text-transform:uppercase;
letter-spacing:0.1em;
line-height:3em;
background:transparent url(../g/topleft.gif) top left no-repeat;width:100%;
text-indent:20px;
margin:0em;
border-bottom:1px dotted #53406d;
}

#photos {overflow:auto;width:96%;}

#photos div
{
float:left;height:50px;width:50px;margin:6px;overflow:hidden;
}

#photos div img
{
position:relative;left:50%;margin-left:-75%;
}

#photos div  {border:1px solid transparent;}
#photos div:hover {border:1px solid #2f1a4f;}

.withpic {overflow:auto;}
.withpic img {float:left;margin:0em 1em 0.2em 0em;border:1px solid #cccccc;}


	
#menu {padding:0px;list-style:none;}

#menu li
{
float:left;
width:9em;

/* this gets rid of the border on the leftermost li */
margin-left:-1px;
background:transparent;
}

#menu li a
{
text-align:center;
font-size:1em;
text-decoration:none;
color:#444444;
display:block;
width:99%; /* for ie to render whole block clickable...100 too much */
padding:0.3em 0em;
background:transparent;
border-left:1px solid #ff6600;
}

#menu li a:hover {color:#000000;background:url(../g/arrow2.gif) left center no-repeat;}


/* signup */


.signupform { background:#ffffcc; }
.signupform1 { background:#990000;color:#ffffff;font-weight:bold; }

.signupsect { margin-top:2em; clear:both; }
.signupsname { font:0.9em verdana;margin-left:12.5em;padding:0.1em 1.5em;text-transform:uppercase;letter-spacing:0.25em;color:#ffffff;background:#f15d21;}

.signuparea { padding-left:2em;padding-top:0.5em;}

.signuplabel { width:14em; float:left; margin-top:1.25em; }
.signuplogin { width:10em; float:left; }
.signupnotes { font:0.9em Arial,Helvetica; color:#7f7f7f; display:block; margin-right:2px;}
.signupfleft { float:left; margin-right:2px;}
.signuplogin { width:10em; float:left; }

.signupelements { margin-left:14em; }
.signupelements input { margin:0px 2px 2px 0px; }

.signupfirst { margin-top:1em; }
.signupsquash { margin-top:0em; }

.signupsno { float:right;width:32em;margin:1em 0em 1em 3em;border:1px solid #e1e1d1;background:#ffffee;padding:0.6em; }

.alertbox { font:1em Arial,Helvetiva;border:3px dotted #990000;padding:1em;margin:2em;color:#990000; }
.alertbox p { font-weight:bold; }
