body {font-family: 'trebuchet ms', trebuchet, verdana, arial, sans-serif; font-size: 1em; color: black; margin: 0px; padding: 0px; background-color:#F0F0B2;
  /* MSIE 5 doesn't center based on auto left/right margins, 
     but 'text-align:center' does center top-level divs: */
  text-align: center;
  /* Specify a min-width for the body as wide as the 'wrapper'
     element itself. This prevents negative (i.e. inaccessible)
     left-margins in narrow browser windows when using 
     Navigator 6+/Mozilla on Win32: */
  min-width: 750px;
}

h1 {font-size: 1.2em; font-weight: bold; }
h2 {font-size: 1.1em; font-weight: bold; font-family: Palatino; margin:16px 0px; }
h3 {font-size: 1.05em; font-weight: bold; font-family: Palatino; margin:3px 0px; }
table {font-size: 1em;}

.txtc {text-align:center;}
.txtr {text-align:right;}
.txtl{text-align:left;}


/*colours
* #CCCC00 = mid green
* #669999 = mid blue
* #D1E1E1 = pale green (grey)
* #C2B2D1 = pale purple
* #6633CC = mid purple
* #330066 = dark purple
* #F0F0B2 = pale yellow
*/

html
{
margin: 0px; padding: 0px;
scrollbar-face-color: #669999;
scrollbar-arrow-color: #fff;
scrollbar-base-color: #330066;
scrollbar-shadow-color: #003333;
scrollbar-dark-shadow-color: #336666;
scrollbar-highlight-color: #9cc;
scrollbar-3d-light-color: #fff;
}

a img, img {border:none;}
img.frml5 {float:right; margin-left:5px;}
img.flmr10 {float:left; margin-right:10px;}

a {font-weight: normal; border: none; text-decoration: underline;}

h1 {text-align:right; margin:0px 0px 6px 0px;}

h2 a:link, a:link{color: blue;}
h2 a:visited, a:visited {color: purple;}
h2 a:hover, a:hover {color: red;}
h2 a:active, a:active {color: blue;}
h2 a:link, h2 a:hover, h2 a:visited, h2 a:active {font-size: 1.4em; font-weight: bold; border: none;}

h3.title_inline {display:inline;}

#bgr {background: url(../images/ground01.jpg) repeat;}

#mlg {background: url(../images/l.jpg) repeat-y;}
#mrg {background: url(../images/r.jpg) right repeat-y;}
#mlp {background: url(../images/lp.jpg) repeat-y;}
#mrp {background: url(../images/rp.jpg) right repeat-y;}
#mly {background: url(../images/ly.jpg) repeat-y;}
#mry {background: url(../images/ry.jpg) right repeat-y;}
#mc {position: relative; width: 750px; margin-top: 0px;  margin-right: auto; 
margin-bottom: 0px;  margin-left: auto; padding: 0px; text-align:left;}

div#content {margin-left: 195px; width: 550px;}
#panel {margin-top:70px; position: relative; width: 180px; float: left;}

#nav_container {position: relative; top:0px; left:8px;}
#nav_container2 {position: relative; top:0px; left:8px;}
.nav {width:176px; background: url(../images/nav_m.gif) repeat-y;}
#nav_map {width:176px; background: url(../images/nav_m.gif) repeat-y;}
.misc {padding-left: 4px;  width:176px;}

.nav ul {margin-top: 0px; margin-left: 8px; margin-bottom: 0px; padding-left: 0px; list-style-type: none; font-size:0.8em;}
.nav ul li {padding:0px; margin:0px;  display: inline;}
.nav a{
display: block; 
margin:0px; 
padding: 3px 3px 3px 6px; 
width: 151px; 
background-color: #82AA9E; 
border-bottom: 1px solid #330066; 
font-family:verdana, serif; 
color: #D5F6E7;
font-weight:bold; 
text-decoration: none; 
}

.nav a:hover{ background-color: #330066; color: #D1E1E1; }
.nav a:visited{color: #D5F6E7; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .nav {margin-right: 10px;}
* html #content {height: 1%;margin-left: 0px;}
/* End hide from IE5/mac */

.nav h2 {font-size 14px; color: #000;}

.prop {height:550px;float:right;width:1px;}
.clear { clear:both; height:1px; overflow:hidden; }

table.t_border {border: 2px solid #330066;border-collapse: collapse; font-size:12px; font-family: verdana, arial, sans-serif;}
table.t_border td { border: 2px solid #330066; color: #330066; }

/* workshop buttons */
a.wks {display:block; width:132px; height:66px; text-decoration: none;}

a.cards { background: url(../images/workshop_buttons/cards.jpg) no-repeat 0px 0px; }
a.cards:hover {background-position: 0px -66px;}
a.beads { background: url(../images/workshop_buttons/beads.jpg) no-repeat 0px 0px; }
a.beads:hover {background-position: 0px -66px;}
a.glass { background: url(../images/workshop_buttons/glass_painting.jpg) no-repeat 0px 0px; }
a.glass:hover {background-position: 0px -66px;}
a.mosaics { background: url(../images/workshop_buttons/mosaics.jpg) no-repeat 0px 0px; }
a.mosaics:hover {background-position: 0px -66px;}
a.felt { background: url(../images/workshop_buttons/felt.jpg) no-repeat 0px 0px; }
a.felt:hover {background-position: 0px -66px;}
a.pottery { background: url(../images/workshop_buttons/pottery.jpg) no-repeat 0px 0px; }
a.pottery:hover {background-position: 0px -66px;}
a.painting_on_pottery { background: url(../images/workshop_buttons/painting_on_pottery.jpg) no-repeat 0px 0px; }
a.painting_on_pottery:hover {background-position: 0px -66px;}

#admin_frame{
position:relative; 
border:1px solid #8aac1c;
margin:15px auto 0px auto; 
/* background-image: url(../maintain/images/admin_frame.jpg); 
background-repeat: no-repeat; */
width:755px; 
height:598px; 
padding-bottom:20px;
background-color:#F0F0B2;}

html>body #admin_frame{min-height:598px; height:auto;}

#admin_content{
padding:10px;
}


#admin_content ul a {font-size:12px; font-weight:bold; font-family:verdana;}

table.new_prog th{text-align:right; width:200px;}
table.new_prog td{text-align:left;}

.heading_c {font-size: 17px; color: #330066; font-weight:bold; text-align: center;}
.heading_c a {font-size: 17px; font-weight:bold; text-align: center;}

.heading_l {font-size: 17px; color: #330066; font-weight:bold; text-align: left;}
.heading_l a {font-size: 17px; font-weight:bold; text-align: center;}

dl.faqs dt {margin-bottom:6px; padding:6px 0px 0px 40px;  font-weight:bold; background-image: url(../images/que.gif); background-repeat: no-repeat; background-position:0px 0px;}
dl.faqs dd {margin:0px; margin-bottom:24px; padding:6px 0px 0px 40px; background-image: url(../images/ans.gif); background-repeat: no-repeat; background-position:0px 0px;}

/* place anchors */
a.anchor {color:#000; text-decoration:none; font-weight:normal;}

table.t_border {border: 2px solid #330066;border-collapse: collapse; font-size:12px; font-family: verdana, arial, sans-serif;}
table.t_border td { border: 2px solid #330066; color: #330066; }

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

table#admin_event_details th {text-align:right;}
table#admin_event_details td {text-align:left;}