/* - - - - - - - - - - - - - - - - - - - - -
Title : Castlemaine Community House
Author : Jennifer Murray
URL : 
Created : 200610
Modified : 20070809
- - - - - - - - - - - - - - - - - - - - - */
/* ----- CSS ----- */
*{
font-family:verdana, helvetica, arial, sans-serif;
}
body {
background-color:#FFFAFB;
margin: 0;
text-align: center; /* for IE */
padding: 0;
width: 90%;
margin:auto;
}
/* ----- Body ----- */
div {
border: #000 0px solid;
}

/* ----- div ----- */


/* ----- Contains "header" div ----- */

#header {
width: 100%;
float: left;
}

#header p{
margin:.3em .2em 0 0;
padding:0;
}

#header h1{
font-family:georgia, serif;
font-size:1.2em;
font-weight:bold;
font-style:italic;
text-align:right;
color:#ffffff;
margin:0 1em 0 0;
padding:0;
}

.boxHeader{
margin:1em 1em 0em 1em;
padding:0em;
height:8.2em;
background-image:url('../images/heading-bg.jpg');
background-position:right;
background-repeat: repeat-y;
background-color:#dde7cf;
border:1px solid #40807b;/* --- bottom border was 1em --- */
-moz-border-radius: 1.1em 0 0 0;
color:#ffffff;
}

.imagefloat{
float:left;
width:133px;
margin:.5em 5em 0em .2em;
padding:0em 5em 0em 0em;
}

.imagefloatcenter{
float:left;
width:;
margin:.8em 0em -.5em .2em;
padding:0em 0em 0em 0em;
}

clearboth{
clear:both;
}
/* --- pertains only to header --- */


#main-holder{
text-align: left; /* should counter the body center */
background-color:#FFFAFB;
}

#main-holder {
width: 85%;
float: left;
background-color:#FFFAFB;
}

/* This is the main content div */

#main {
width: 75%;
float: right;
background-color:#FFFAFB;
}

#main p{
font-size:.8em;
padding: 0 1em 0 1em;
text-align:justify;
}

#main code {
font-size:1em;
font-weight:bold;
color:#339966;
margin:0 3em 0 0;
}


#main hr{
height:1px;
border-style:none;
background-color: #e6727b; /* -- Firefox - without is just grey -- */
color:#e6727b; /* -- IE required - without is just grey -- */
margin-top:1em;
margin-left:15%;
margin-right:15%;
}

/* ----- FORMs ---- */

fieldset {
padding: 1em;
font-size:.8em;
border:1px solid #d42a32;
margin-bottom:1em;
}

label {
float:left;
width:25%;
margin-right:0.5em;
padding-top:0.2em;
padding-right:.8em;
text-align:right;
font-weight:normal;
color:#339966;
width:100px;
}


legend {
padding: 0.2em 0.5em;
border:1px solid #d42a32;
color:#d42a32;
font-size:90%;
text-align:right;
}

input,textarea{
background-color:#dde7cf;
color:#000000;
font-size:1em;
margin:0 0 .4em 0;
}

textarea{
width:22em;
overflow:auto;
}

input.green {
background-color: #ffffff;
border:1px solid #339966;
font-weight: normal;
font-size: 12px;
color: #339966;
float:left;
margin:.6em 0em 0em 2em;
}

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



/* ----- main headings ----- */

#main h1{
font:verdana, helvetica, arial, san-serif;
font-size:1em;
font-weight:bold;
font-color:#d42a32;
margin:;
padding:;
}

#main h2{
font:verdana, helvetica, arial, san-serif;
font-size:.8em;
margin:2em 0 1em 1em;
font-weight:bold;
color:#339966;
}

#main h3{
margin:2em 0 1em 1em;
font-size:.8em;
font-weight:normal;
color:#e6727b;
}

#main h4{
margin:2em 0 1.8em 1em;
font-size:.8em;
font-weight:normal;
color:#339966;
}

#main p{
	margin-top:1em;
	margin-bottom:.4em;
}

#main a{
font-size:1em;/* -- was .9em --- */
color:#d42a32;
text-decoration:none;
}


#main a:hover{
background-color:#dde7cf;
}

.box{
margin: 1em .5em 1em .8em;
padding:.5em;
background-color:#ffffff;
border:1px solid #339966;
font-size:.9em;
-moz-border-radius: 1.1em 0 1.1em 0;
}

/* -----main lists ----- */

#main ul{
line-height:1.1em;
}

#main li{
list-style-type: disc;
font-size:.8em;
color:#000000;
margin:0em 2em 0em -1em;
padding:0em 0em .3em 0em;

}




/* ----- box headings ----- */

.box h1{
font:verdana, helvetica, arial, sans-serif;
font-size:.8em;
font-weight:;
color:#e6727b;
margin:;
padding:;
}

/* pertains to content */


/* ----- localNavigation box ----- */

#localNavigation {
width: 25%;
float: left;
/* background-color:#FFFAFB;*/
}

/* ----- localNavigation headings & lists ----- */

#localNavigation h1{
font:verdana, helvetica, arial, san-serif;
font-size:1em;
font-weight:bold;
margin:.5em 0em 0em 1em;
padding:;
}

#localNavigation h2{
font:verdana, helvetica, arial, san-serif;
font-size:1em;
font-weight:bold;
margin:.5em 0em 0em 2em;
padding:;
}

#localNavigation acronym {
	text-decoration:none;
}


#localNavigation ul{
line-height:.1em;
}

#localNavigation li{
list-style-type: none;
font-size:.8em;
color:#40807b;
margin:0em 0em 0em -1em;
padding:0em 0em .3em 0em;
border-bottom:1px solid #ffffff;

}

#localNavigation li a{
color:#40807b;
text-decoration:none;
}

#localNavigation li a:active{
color:#d42a32;
}

#localNavigation li a:hover{
color:#ffffff;
}

#localNavigation li a:visited{
color:#40807b;
font-weight:normal;
}


.boxlocalNavigation {
margin:1em .2em 1em 1.2em;
padding: .5em;
background:#e6727b url('../images/navgrad4.gif')repeat;
border:0px solid #e6727b;
color:#ffffff;
font-size:.8em;
/*-moz-border-radius: 1.1em 0 1.1em 0; not used as of 20070809*/ /* only mozilla based browsers get curves */
}
/* pertains only to local navigation */





/* ----- Right hand STATIC column ----- */


#static {
width: 15%;
float: left;
background-color:#FFFAFB;
}


.boxStatic{
min-width:95px;
margin:0em 1.4em 1em 0em; /* --- top margin was -1.5 --- */
padding:0em .4em 1em .4em;
background-color:#339966;
border:1px solid #339966;
font-family: verdana helvetica arial, sans-serif;
text-align:right;
color:#ffffff;
font-size: .7em;
-moz-border-radius: 0 0 1.1em 0;
}

#static a, #static a:active, #static a:hover, #static a:vistited{
color:#ffffff;
text-decoration:none;
}

/* ----- Static headings ----- */

#static h1 {
font:verdana, helvetica, arial, san-serif;
font-size:1.2em;
font-weight:bold;
color:#ffffff;
text-align:right;
} 

/* pertains only to static container */





/* ----- GALLERY ----- */

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */

a.gallery, a.gallery:visited {
display:block; display:inline-block;
color:#000000;
text-decoration:none; border:1px solid #000;
width:75px;
height:47px;
float:left; margin:4px; z-index:50;
}

a.slidea {
background:url(../galimages/thumb2.jpg);
}

a.slideb {
background:url(../galimages/thumb3.jpg);
}

a.slidec {
background:url(../galimages/thumb4.jpg);
}

a.slided {
background:url(../galimages/thumb5.jpg);
}

a.slidee {
background:url(../galimages/thumb6.jpg);
}

a.slidef {
background:url(../galimages/thumb7.jpg);
}

a.slideg {
background:url(../galimages/thumb8.jpg);
}

a.slideh {
background:url(../galimages/thumb9.jpg);
}

a.slidei {
background:url(../galimages/thumb10.jpg);
}

a.slidej {
background:url(../galimages/thumb11.jpg);
}

a.gallery em, a.gallery span {
display:none;
}

a.gallery:hover {
border:1px solid #fff;
}



/* ----- styling for TOP gallery ----- */

#container_top {
position:relative;
width:425px;
height:425px;background:#d1c8c3;
border:1px solid #a49188;
margin:1em auto;
}

#container_top img {
border:0;
}

#container_top .thumbs {
position:absolute; left:0; top:0;
}

#container_top a.gallery:hover span {
display:block; position:absolute;
width:402px;
height:50px;
top:110px; left:5px;
padding:5px;
font-style:italic;
color:#ffffff;  z-index:100;}

#container_top a.gallery:hover span:first-line{
font-style:normal;
font-weight:bold;
font-size:1em; color:#000000;
}

#container_top a.gallery:active,
#container_top a.gallery:focus {
border:1px solid #000000;
}

#container_top a.gallery:active em,
#container_top a.gallery:focus em {
display:block;
position:absolute; width:402px;
height:250px;
top:160px;
left:5px;
padding:5px; color:#000;
border:1px solid #3d330f;
z-index:50;
}

#container_top h1 {
clear:both; margin:0;
padding-top:200px;
text-align:center;
font-family: georgia, "times new roman", serif;
font-size:2em;
font-weight:normal;
color:#fff;
}

#container_top h1 em {
font-size:0.6em;
color:#000000;
}




/* ----- LOCAL NAVIGATION LISTS ----- */

#localNavigation li{
color:#d42a32;
font-size:1em;
line-height:1.6em;
}

#localNavigation ul{
}

#localNavigation ul li{
}


/* ----- BREADCRUMBS not used ----- */

#breadcrumb{
margin:;
padding:;
font:;
color:;
}

#breadcrumb a{
color:#;
}

#breadcrumb a:hover{
color:;
text-decoration:;
}



/* ----- SITELIST----- */



ul#sitemap{
margin: 2em 5em 0 5em;
list-style-type: none;
/* background: url(dot.gif) repeat-y 3px 0; */
padding: 0;
}

ul#sitemap li{
list-style-type: none;
margin-bottom: .5em;
}

ul#sitemap li a{
background: url(../images/bullet1.gif) no-repeat 0 .4em;
padding-left: 2em;
}

ul#sitemap li a.open, ul#sitemap li li a.open, ul#sitemap li li li a.open, ul#sitemap li li li li a.open
{
background-image: url(../images/bullet2.gif);
}

/* second level */
ul#sitemap ul{
margin: .5em 0 0 0;
padding: 0;
list-style-type: none;

}

ul#sitemap li li{
font-size:.95em;
/* background: url(dot2.gif) no-repeat 2px .5em; */
}

ul#sitemap li li a{
margin:0 0 0 1.6em;
padding: 0 0 0 4em;
background: url(../images/bullet1.gif) no-repeat 20px .3em;
}

/* third level */
ul#sitemap ul ul
{
/* background: url(dot.gif) repeat-y 30px 0; */
}

ul#sitemap li li li
{
/* background: url(dot2.gif) no-repeat 30px .5em; */
}

ul#sitemap li li li a{
padding: 0 0 0 8em;
background: url(../images/bullet1.gif) no-repeat 50px .3em;
}

/* fourth level */
ul#sitemap ul ul ul
{
/* background: url(dot.gif) repeat-y 60px 0; */
}

ul#sitemap li li li li
{
/* background: url(dot2.gif) no-repeat 60px .5em; */
}

ul#sitemap li li li li a
{
padding: 0 0 0 90px;
background: url(../images/bullet1.gif) no-repeat 80px .3em;
}




/* SITELIST coding ends here */



/* ----- footer not used ----- */
#footer {
width: 99%;
float: left;
background-color:#ffffff;
border:1px solid #000000;
}
/* ----- Not Used ----- */