/* DESIGN */

body{
height: 100%;
text-align: center;
background-color: #006688/*046380/*EFECCA*/;
background-image: url('http://images.stlukeelca19525.org/siteBG.png');
background-attachment: fixed;
font-family: Calibri, Helvetica;
font-size: 100%;
color: #001944/*002F2F*/;
/*overflow-y: scroll;/*duo*/
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#main{
min-height: 100%;
height: auto;
width: 730px;
overflow: auto;
overflow-x: hidden;
text-align: left;
/*overflow-y: auto;
/*overflow-x: auto;
min-height: 800px;
overflow: hidden;*/
background-color: #A7A37E;
border-style: solid;
border-color: #001944/*003344/*002F2F*/;
border-width: 0px 10px 0px 10px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

*html #main{
height: 100%;
overflow: visible;
overflow-x: hidden;
margin: 0px 0px 0px 0px;
}

.top{
width: auto;
height: 110px;
font-size: 100%;
overflow: hidden;
vertical-align: top;
background-image: url('http://images.stlukeelca19525.org/banner5.png');
background-repeat: no-repeat;
background-position: middle;
background-color: #E6E2AF;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

*html .top{
width: 100%;
height: 110px;
margin: 0px 0px 10px 0px;
}

.body{
width: 530px;
float: right;
display: inline;
position: relative;
overflow-x: hidden;
font-size: 100%;
/*background-image: url('images/whitedot.png');*/
background-color: #E6E2AF;
border-width: 0px 0px 0px 0px;
margin: 0px 10px 10px 0px;
padding: 10px 10px 10px 10px;
}

*html .body{
width: 530px;
margin: 0px 10px 10px 10px;
}

.body p{
text-indent: 1.5em;
}

.body img{
max-width: 530px;
width: expression(this.width > 510 ? 510: true);
border: 2px solid #FFFFFF;
}

.body img.right{
float: right;
clear: right;
margin-left: 5px;
}

.body img.left{
float: left;
clear: left;
margin-right: 5px;
}

.body h2{
width: auto;
font-size: 1em;
text-transform: uppercase;
background-color: #046380;
color: #FFFFFF;
border-style: solid;
border-width: 0 0 2px 0;
margin: -12px -10px 10px -10px;
padding: 9px 10px 5px 10px;
}

.left{
width: 160px;
display: inline;
float: left;
position: relative;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.left h2{
width: auto;
font-size: 1em;
text-transform: uppercase;
background-color: #046380;
color: #FFFFFF;
border-style: solid;
border-width: 0 0 2px 0;
margin: 0px 0px 0px 0px;
padding: 7px 10px 5px 10px;
}

.acc{
width: auto;
display: block;
float: left;
position: relative;
font-size: 100%;
text-transform: capitalize;
color: #046380;
background-color: #E6E2AF;
border-style: solid;
border-width: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

*html .acc{
width: 100%;
}

.acc h2{
width: auto;
font-size: 1em;
text-transform: uppercase;
background-color: #046380;
color: #FFFFFF;
border-style: solid;
border-width: 0 0 2px 0;
margin: -10px -10px 8px -10px;
padding: 7px 10px 5px 10px;
}

h3{
width: auto;
font-size: 1em;
text-transform: capitalize;
background-color: #046380;
color: #FFFFFF;
border-style: solid;
border-width: 0 0 2px 0;
margin: 0px 0px 10px -10px;
padding: 2px 0px 2px 10px;
}

.footer{
width: 100%;
clear: both;
font-size: .8em;
text-align: center;
/*background-image: url('http://images.stlukeelca19525.org/whitedot.png');*/
background-color: #E6E2AF;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


/* MAIN MENU */


#menu{
width: 550px;
float: left;
text-transform: capitalize;
/*background-image: url('http://images.stlukeelca19525.org/logo_bottom.png');
background-repeat: no-repeat;
background-color: #E6E2AF;*/
border-width: 0px 0px 0px 0px;
margin: 81px 0px 0px 170px;
padding: 0px 0px 0px 0px;
}

*html  #menu{
margin: 75px 0px 0px 170px;
}

#menu ul{
float: right;
list-style: none;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#menu li {
float: left;
width: auto;
text-decoration: none;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

#menu li a{
text-decoration: none;
height: 30px;
color: #046380;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}

#menu li a:hover{
background-color: #046380;
color: #FFFFFF;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}


/* SIDE MENU */


#side{
float:left;
clear: both;
width: 160px;
font-size: 100%;
text-transform: capitalize;
color: #046380;
/*background-image: url('http://images.stlukeelca19525.org/whitedot.png');*/
background-color: #E6E2AF;
border-style: solid;
border-width: 1px 0px 1px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

*html #side{
vertical-align: top;
}

#side ul{
list-style: none;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#side li {
width: auto;
font-size: 1em;
color: #046380;
border-style: solid;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#side li a{
width: auto;
display: block;
text-decoration: none;
color: #046380;
border-style: solid;
/*border-color: #001944;*/
border-width: 1px 0px 1px 0px;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}

*html #side li a{
width: 100%;
}

#side li a:hover{
width: auto;
background-color: #046380;
color: #FFFFFF;
/*font-weight: bold;*/
border-width: 1px 10px 1px 0px;
border-right: 10px solid #001944;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 10px;
}

*html #side li a:hover{
width: 100%;
vertical-align: top;
}