/* Main (screen) stylesheet for Penrallt Baptist Church website */

/* general formatting */
body  {	 
    position: absolute;
    top: 0px;
    left: 0px;
    height : 100%;
    margin : 0px;
    padding : 0px;
    color : #030;
    background: #900 url(./images/chairtex.png) repeat top left;
    font-size : 95%;
    font-family : Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
/* h1 is reserved for page header without stylesheets */
h2 {
    font-size : 140%;
    color : #030;
} 
h3 {	 
    font-size : 115%;
    color : #030;
    font-style : italic;
    margin-top: 2ex;
    margin-bottom: -1ex;
} 
h3.clear {
    clear: right;
}
h4 {
    font-size : 110%;
    color : #900;
    margin-top : 1.5em;
    margin-bottom : -0.5em;
}
h4.inline {
    display : inline;
    padding-right : 2em;
}
ul {
    list-style-position : outside;
    list-style-type : circle;
}
ul ul {
    list-style-type : disc;
}
li {
    padding : 0.2em;
}
ul ul li {
    padding : 0.1em;
}
img {
    border : 0px;
    margin-left : 0px;
}
/* special image classes */
.textside {
    border : 1px solid black;
    margin-left : 3%;
    margin-bottom : 1em;
    float : right;
    clear : both;
}
.textside-noborder
{
    border : 0px;
    margin : 0px;
    float : right;
    clear : both;
}
a .textside {
    border : 2px solid blue;
}
.blowup {
    border : 2px solid blue;
}

/* main block - a container for everything in the foreground */
#main { 
    position : relative;
    width : 640px;
    padding : 0;
    margin : 0px 0px 0px 140px;
    background: #ffc url(./images/main_container_bg.png) repeat-y top left;
}
/* content block */
#content {
    margin-left : 0px;
    padding-left : 1.5em;
    padding-right : 1.5em;
    clear : both;
}
#content p, #content dd, #content li
{
    max-width : 50em;
}
#content address {
    padding-left : 4em;
}
#content hr {
    width : 50%;
    height: 1px;
    text-align : left;
    margin-left: 1em;
}
#content table {
    margin-left: 3em;
}
/* Page header - use h1 span trick to cater for graphical and 
non-graphical browsers alike */
#pagehead {
    margin-left : 175px;
    margin-top : 0;
    margin-right : 1em;
    clear: both;
}
#pagehead h1 {
    background : url(./images/PenralltBaptist.png) no-repeat top right;
    width: 428px;
    height: 39px;
    margin-top: 1em;
    margin-right: 10px;
    float: right;
}
#pagehead h1 span {
    display : none; 
}
#pagehead a {
    display : none;
}
/* page footer */
#footer { 
    background : url(./images/foot_container_bg.png) no-repeat bottom left;
    text-align : center;
    font-size : 90%;
    margin-top : 30px;
    margin-left : 0;
    margin-bottom : 10px;
    padding-left : 2em;
    padding-right : 2em;
    padding-bottom : 20px;
    clear : both;
}

#footer hr {
    width : 90%;
}

/* stuff to be given emphasis */
.alert {  /* For inline emphasis */
          font-weight : bold;
}
.notice { /* for banner divs (intended for short-term pagetop notices) */
          background-color: #060; /* Usual colour #006; */
          color: #FFF;
          border: 1px solid #333;
          border-radius: 5px; /* CSS3 - works in Chrome + Opera */
          -moz-border-radius: 5px;  /* works in FF3 */
          /* IE users will have to do without rounded corners for now */
          margin: 30px;
          padding: 10px;
}
.notice h2 {
    font-size: 150%;
    text-align : center;
    color : #FFF; /* #FFC; */
}
.notice a:link, .notice a:visited {
    color: #C30; /* #C90; */
    font-weight: bold;
}

/* lists (forthcoming services etc.) */
.event {
    font-weight : 200;
    color : #030;
}
dt {
    font-weight : bold;
    padding-top : 0.2em;
}

/* other page styles */
.info {
    font-style : italic;
}
.contact {
    font-weight : bold;
}
#langSelect a:link, #langSelect a:visited {
    color: #FFF;
    background-color: #393;
    padding: 5px;
    border: 2px solid #600;
    font-weight: bold;
    text-decoration: none;
}

/* menu block */
#menuBox {
    float : left;
    position : fixed;
    top : 0px;
    left : 0px;
    width : 140px;
    height : 100%;
    padding : 5px;
    margin : 0;
    font-size : 90%;
    z-index: 10;
}

#menu, #menu ul, #langSelect {
    list-style : none outside none;
    padding : 0px;
    margin : 0px;
    float: left;
}
#langSelect {
    margin: 15px 0;
}
#menu li {
    float: left;
    clear: left;
    width: 120px;
}
#menu li.expanding {
    background: url(./images/menuExpand.png) no-repeat top right;
}
#menu li ul {
    position: relative;
    width: 88px;
    display: none;
    margin-top: 2px;
    margin-left: 20px;
    color: #ffc;
    padding: 0 5px;
}
#menu li:hover ul {
    display: block;
}
#menu a {
    display: block;
    width: 120px;
    height: 20px;
}
#menu a:link, #menu a:visited {
    color : #ffc;
    text-decoration: none;
    font-weight : bold ;
}
#menu a:hover, #menu a:active {
    color : #ff0;
}
.active a, .active a:link, .active a:visited {
    color : #ee3 !important;
    font-style: italic;
}
/* end of menu block styles */