/* CSS for Three Column theology page - pilgrim.org.au/theology */

body {
background: #0099FF ;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #222;
}

html {
overflow-y:scroll;
}

a {
text-decoration: none;
}

h1 {
font-size: 22px;
font-weight: 120;
color: #3399FF;
}

p {
margin: 0;
padding: 0 0 6px 0;
}

#wrap {
margin: 0 auto;
width: 800px;
}

#header {
margin: 0 auto;
width: 760px;
padding: 0 0 0 40px;
background: #0099FF;
align: center;
}

/********  css for template/menu_list-1.tpl **********/

#top_menu {
margin: 0 auto;
width: 800px;
padding: 10px  0px;
background: #0099FF;
}

.menutop li {
display: inline;  /* Makes the link all appear in one line, rather than on top of each other */
}

.menutop li a {
float: right; 
color: #0099FF;
padding: 9px 11px;
text-decoration: none;
border-right: 0px #0099FF; 
}

.solidblockmenu{
margin: 0 10px 0 10px;
padding: 0;
float: right;
font-weight: bold;
font-size: 12px;
line-height: 12px;
width: 780px;/*Adjust this to change width of the menu bar */
overflow: hidden;
border-bottom: 5px solid #0099FF;  /* change to border-bottom & from 0px to 5px */
/* border-width: 0;  commented out */
/* background: #0099FF url(../images/blockdefault21.gif) center center repeat-x; */
background: #cccccc;    /* Replaces gif - A. Forbes, 07-APR-2017  */
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
font-size: 10px;
color: navy;
padding: 5px 8px;
text-decoration: none;
border-right: 2px solid #0099FF;
}

.solidblockmenu li a:visited{
color: navy;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
/* background: transparent url(../images/blockactive21.gif) center center repeat-x; */
background: #999999;    /*  Replaces gif - A. Forbes, 07-APR-2017  */
}

/********** header **********/

#header2 {
margin: 0 auto;
width: 775px;
padding: 0px 25px 0px 0px;
text-align: right;
background: #0099FF url(../images/content_top.jpg) repeat-y;
}

#header h1 {
font-size: 25px;
letter-spacing: -1px;
padding: 120px 40px 0 0;
color: #fff;
}

#header h1 a {
color: #fff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}

#header h1 a:hover {
color: #111;
}

#header h2 {
font-size: 18px;
color: #fff;
padding: 3px 40px 0 0;
letter-spacing: -1px;
font-weight: 100;
}

/********** content in centre column **********/

#content {
background: #FFFFFF url(../images/content.jpg) repeat-y;
padding: 0 20px;
}

a.content {
text-decoration: none;
color: #3399FF;
}


dl {
margin: 0;
padding 0;
text-align: left;
}

.centre {
float: right;
width: 440px;
font-size: 14px;
text-align: left;
margin-right: 10px;
}

.centre a {
text-cecoration: none;
font-size: 10pt;
color: #F00;
}

.centre a:hover {
color: #000080;
}

.centre h2 {
margin: 0;
padding: 0 0 0px 10px;
font-size: 18px;
font-weight: 100;
height: 26px;
line-height: 26px;
color: #0099FF;
}

.centre h3 {
margin: 0;
padding: 0 0 5px 0px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #666;
}

.centre h4 {
margin: 0;
padding: 0 0 5px 0px;
font-size: 1.7em;
font-weight: 400;
line-height: 20px;
color: #666;
}


.centre h2 a {
text-decoration: none;
}

.centre h2 a:hover {
}

#textbox {
margin: 0;
padding: 0;
}

/********** left column **********/

.left {
float: left;
width: 150px;
}

.left h2 {
margin: 10px 0 0 0;
padding-left: 10px;
line-height: 20px;
color: #000;
font-size: 13px;
}

.left ul {
margin: 5px 0 0 0;
padding: 0 0 0 20px;
color: #3399FF;
list-style-type: none;
}

.left ul li a {
text-decoration: none;
margin: 0;
padding: 0;
font-weight: 500;
}

.left ul li a:hover {

}

.links a:hover{
list-style: none;
color: #F00;
}

/********** righr column **********/

.right {
float: right;
width: 150px;
}

.right h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 26px;
line-height: 26px;
color: #000;
font-size: 13px;
}

.right ul {
padding: 0px 0 5px 10px;
color: #FD9A01;
list-style-type: none;
}

.right li {
margon: 0;
padding: 0px 0 0px 0px;
}

.right ul li a {
text-decoration: none;
font-weight: 300;
}

.right ul li a:hover {
}

/********** articles **********/

.article  {
padding: 0px 10px;
/* background: #FFF url(adel-a.jpg) no-repeat 0% 0%;  */

}

.articles {
padding: 0px 10px 5px;

}

/********** bottom and footer **********/

#bottom {
background : #0099FF url(../images/bottom.jpg) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
font-size: 11px;
color: #fff;
padding-bottom: 10px;
}

#footer a { color: #fff; }
#footer a:hover { color: #111; }