/* www.ITmixture.com */
* {
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    text-align: center;
    background: #000000 url(images/bg.jpg) repeat-x;;
	font: 14px/18px blackans-serif,Arial, Verdana, Geneva, Helvetica;
}

h1 {
    clear: both;
    padding: 27px 110px 0 0;
    font: 30px Tahoma, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #FFFFFF;
}

h2 {
    padding: 0 110px 0 0;
    font: 14px Tahoma, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #FFFFFF;
}

h3 {
    padding: 1px 0 0 15px;
    font: bold 18px/40px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFFFFF;
    background: url(images/h3.gif) no-repeat top;
}

p {
    padding: 5px 15px 5px 5px;
    font: 14px/18px sans-serif,Arial, Verdana, Geneva, Helvetica;
    text-align: justify;
    color: ##FF0000;
}

a {
    text-decoration: underline;
    color: #6786FE;
}

a:hover {
    text-decoration: none;
    color: #6786FE;
}

#main {
    position: relative;
    margin: 0 auto;
    width: 839px;
    text-align: left;
}


#main2 {
    /* padding: 12px; */
}

#logo {
	position: absolute;
	left: 40px;
	top: 18px;
	width: 136px;
	height: 75px;
	background: url(images/logo.gif) no-repeat;
}

#header {
    margin: 0 0 2px 0;
	height: 97px;
}

#header2 {
	height: 24px;
	top:18px;
	left:258px;
	position:absolute;
	width: 288px;
	height: 19px;
	background: url(images/welcome.gif) no-repeat;

}

#topmenu{
	position: absolute;
	left: 229px;
	height:60px;
	top: 10px;
	background: bottom url(images/welcome.gif) no-repeat;
}

#topmenu a, #topmenu a:hover{

    text-decoration:none;
    color:#993333;
}

#churchPicHeader{
	position: absolute;
	left: 615px;
	top: 10px;
	width: 225px;
	height: 87px;
	background: url(images/churchPicRight.jpg) no-repeat;
}

#leftTopBox{
    left: 15px;
	top:  0px;
	position: relative;
	width: 193px;
	height:132px;
	background: url(images/box1.jpg) no-repeat;
}

#leftBottomBox{
    left: 15px;
	top:  7px;
	position: relative;
	width:  194px;
	height: 401px;
	background: #FFFFFF url(images/leftLongBox.jpg) no-repeat;
}


#leftTopText {
   top:  2px;
   position:relative;
}

#leftBoxPic {
    top:  8px;
	left: 10px;
	width:171px;
	height:132;
    position:relative;
}

#leftBottomText {
   top:10px;
   left:  1px;
   position:relative;
}


#menu {
    margin: 0 16px 0 246px;
    height: 40px;
    background: #FFCC00;
}

#menu ul {
    list-style: none;
}

#menu ul li {
    float: left;
    display: block;
    padding: 0 20px;
    height: 40px;
    font: bold 14px/40px Arial, Helvetica, sans-serif;
    color: #E9EDF4;
    background: #FFCC00 url(images/menuul.gif) no-repeat left;
}

#menu ul li.firstli {
    background: url(images/menuleft.gif) no-repeat left;
}

#menu ul li.lastli {
    padding-right: 0;
}

#menu ul li a {
    text-decoration: none;
    color: #665200;
}

#menu ul li a:hover, #menu ul li a.active {
    text-decoration: none;
    color: #FEF5CD;
}

#middle {
    background: url(images/main_top_bg.jpg) no-repeat top;
}

#middle2 {
    top: 12px;
	left: 0px;
	position:relative;
    width: 839px;
    background: url(images/main_bg.jpg) repeat-y;
}

#left {
    float: left;
    padding:0 0 0 0px;
    width: 220px;

}


#right {
    float: right;
    padding:0px;
    width: 615px;
}
#right h4 {
    padding: 10px 0 7px 4px;
    font: bold 14px sans-serif,Arial, Verdana, Geneva, Helvetica;
    color: #FFFFFF;
}

#rightBoxText {
    padding:0px 0px 10px 0px;
    width: 601px;
	background-color:#CCCCCC;
}

/* Define attribute for eg ul li are dealt with here*/
#rightBoxText h4 {
    padding: 0 0 0 40px;
    font: bold 16px/30px Arial, Helvetica, sans-serif;
    color: #FEF5CD;
    background: url(images/h4.gif) no-repeat left;
}

#rightBoxText ul {
    list-style: disc;
    /* list-style-image: url(images/bullet.gif); */
    font: 14px/18px blackans-serif,Arial, Verdana, Geneva, Helvetica;
    padding: 0 5px 10px 50px;
}

#rightBoxText ul li {
    padding: 0 5px 10px 10px;
}

#rightBoxText ul li a {
    padding: 0;
    font: 11px/20px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #E5EAF2;
}

#rightBoxText ul li a:hover {
    text-decoration: none;
    color: #FFCC00;
}
/**/



#footer {
    clear: both;
	background: black url(images/footer_bg.jpg) no-repeat;
	height:47px;
}

#bottom {
    margin: 0 15px 15px 250px;
    padding: 10px 0 0 0;
    font: 12px/30px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    border-top: 10px solid #3767B2;
}

#bottom a {
    padding: 0 10px;
}

#copyinfo {
    top:13px;
	position:relative;
    padding:0px;
    font-size: 10px;
    color: white;
	text-align:center;
}

#copyinfo a, #copyinfo a:hover {

    color: #FEF5CD;
}





/*   ----------------------CSS for Navigation        -----------------     *

/*-----------------------------------------------------------
  Pure CSS Drop-down Menu
  Last Updated: 12/31/2007 by Justin Spegele
  Author: Justin Spegele
          Spegele Design and Development
          http://www.spegele.com/
  This code is free to modify and use for any purpose, as
  long as proper credit is given to the original designer.
----------------------------------------------------------- */

/* Overarching Menu
    -----------------------------------*/

    .cssnav {
        position:relative;
        z-index:1000;
        font-size:12px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        /* font-weight:bold; */
        text-align:left;
    }
    .cssnav ul {
        padding:0;
        margin:0;
        list-style-type:none;
    }
    .cssnav ul ul {
        width:100px;        /* increase value if you want sub menus to extend across*/
        text-align:left;
}
/*	Main list
    -----------------------------------*/
    .cssnav li {
        float:left;
        /* width:100px;  */          /* width of Top menus*/
        position:relative;
    }
/*	First Level
    -----------------------------------*/
    /* Links */
    .cssnav a, .cssnav a:visited {
        display:block;
        text-decoration:none;
        color:#001363;            /*  Text Colour*/
       /* border:0px solid #000000; */ /*   line at top of menu , the one described below*/
        border-width:1px 0px 0px 0px; /*the first value here 1 is very important to keep the menus from breaking*/
        /*background:#000000;*/
        /* line-height:28px; */
    }

    /* Links on hover */
    .cssnav a:hover, .cssnav ul ul a:hover{
        color:#339900;
       /* background:#ffffff; */
    }
    .cssnav :hover > a, .cssnav ul ul :hover > a {
        color:#339900;
        /* background:#ffffff; */
    }

/*	Second Level
    -----------------------------------*/
    /* Links */
    .cssnav ul ul a, .cssnav ul ul a:visited {
        background:#f0f0f0;
        line-height:1em;
        padding:5px 10px;
        width:89px;
		font-size:11px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        border-width:1 0px 0px 0px;
		border-color:8c6d44;
    }
    /* Links on hover */
    .cssnav ul ul a:hover {
        background:#dddddd;  /* first level drop menu hover background */
    }
    /* Visibility */
    .cssnav ul li:hover ul, .cssnav ul a:hover ul{
        visibility:visible;
    }
/*	Third Level
    -----------------------------------*/
    /* Links */
    .cssnav ul ul ul a, .cssnav ul ul ul a:visited {
        background:#578bb8;
    }
    /* Links on hover */
    .cssnav ul ul ul a:hover {
        background:#80b0da;
    }
    /* Positioning */
    .cssnav ul ul ul{
        left:150px;
        top:-1px;
    }
    .cssnav ul ul ul.left {
        left:-150px;
    }
    /* Visibility */
    .cssnav ul :hover ul ul{
        visibility:visible;
    }
    .cssnav ul :hover ul :hover ul{
        visibility:visible;
    }
/*	All Sub Levels
    -----------------------------------*/
    /* Default visibility */
    .cssnav ul ul {
        visibility:hidden;
        position:absolute;
        top:16px;            /* distance from top line */
        left:0;
        border-top:1px solid #fff;
    }
/*	IE Table
    -----------------------------------*/
    .cssnav table {
        position:absolute;
        top:0;
        left:0;
        border-collapse:collapse;
    }





/* cssnaveNull   -   No Drop dowm memnu*/
	/* Overarching Menu
    -----------------------------------*/

    .cssnavNull {
        position:relative;
        z-index:1000;
        font-size:12px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        /* font-weight:bold; */
        text-align:left;
    }
    .cssnavNull ul {
        padding:0;
        margin:0;
        list-style-type:none;
    }
    .cssnavNull ul ul {
        width:143px;        /* increase value if you want sub menus to extend across*/
        text-align:left;
}
/*	Main list
    -----------------------------------*/
    .cssnavNull li {
        float:left;
        width:145px;           /* width of Top menus*/
        position:relative;
    }
/*	First Level
    -----------------------------------*/
    /* Links */
    .cssnavNull a, .cssnavNull a:visited {
        display:block;
        text-decoration:none;
        color:#001363;            /*  Text Colour*/
        border:0px solid #000000; /*   line at top of menu , the one described below*/
        border-width:1px 0px 0px 0px; /*the first value here 1 is very important to keep the menus from breaking*/
        /*background:#000000;*/
        line-height:28px;
    }

    /* Links on hover */
    .cssnavNull a:hover, .cssnavNull ul ul a:hover{
        color:#339900;
       /* background:#ffffff; */
    }
    .cssnavNull :hover > a, .cssnavNull ul ul :hover > a {
        color:#339900;
        /* background:#ffffff; */
    }

/*	Second Level
    -----------------------------------*/
    /* Links */
    .cssnavNull ul ul a, .cssnavNull ul ul a:visited {
        background:#3a2f20;
        line-height:1em;
        padding:5px 10px;
        width:138px;
		font-size:12px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        border-width:1 0px 0px 0px;
		border-color:8c6d44;
    }
    /* Links on hover */
    .cssnavNull ul ul a:hover {
        background:#4d3d28;
    }
    /* Visibility */
    .cssnavNull ul li:hover ul, .cssnavNull ul a:hover ul{
        visibility:visible;
    }
/*	Third Level
    -----------------------------------*/
    /* Links */
    .cssnavNull ul ul ul a, .cssnavNull ul ul ul a:visited {
        background:#578bb8;
    }
    /* Links on hover */
    .cssnavNull ul ul ul a:hover {
        background:#80b0da;
    }
    /* Positioning */
    .cssnavNull ul ul ul{
        left:150px;
        top:-1px;
    }
    .cssnavNull ul ul ul.left {
        left:-150px;
    }
    /* Visibility */
    .cssnavNull ul :hover ul ul{
        visibility:hidden;
    }
    .cssnavNull ul :hover ul :hover ul{
        visibility:visible;
    }
/*	All Sub Levels
    -----------------------------------*/
    /* Default visibility */
    .cssnavNull ul ul {
        visibility:hidden;
        position:absolute;
        top:26px;
        left:0;
        border-top:1px solid #fff;
    }
/*	IE Table
    -----------------------------------*/
    .cssnavNull table {
        position:absolute;
        top:0;
        left:0;
        border-collapse:collapse;
    }