@charset "utf-8";
/* CSS Document */

body {margin: 0;
padding: 0;
background-color: #fff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}

#maincont {margin: 10px auto;
padding: 0;
width: 896px;
height:100%;
background-color: #fff;
}
#shadowdown {margin: 0 0 5px 0;
width: 900px;
height: 11px;
background-image:url(../images/shadowdown.jpg);
background-repeat: no-repeat;
}
#shadowup {width: 900px;
height: 11px;
background-image:url(../images/shadowup.jpg);
background-repeat: no-repeat;
}
#leftside {margin: 0 auto;
padding: 0;
width: 570px;
height: 100%;
float: left;
}

#rightside {margin 0 auto;
padding: 0;
width: 310px;
height: 100%;
float: right;
}

#banner {position: relative;
margin: 0 0 7px 0;
padding: 0;
width: 570px;
height: 150px;
background-image: url(../images/frontbanner.jpg);
background-repeat:no-repeat;}

#shadowmed {margin: 0 0 5px 0;
padding: 0;
width: 573px;
height: 11px;
background-image:url(../images/shadowdownmed.jpg);
background-repeat: no-repeat;
}
#shadownarr {margin: 0 0 5px 0;
padding: 0;
float: right;
	width: 310px;
height: 11px;
background-image:url(../images/shadowdownnarr.jpg);
background-repeat: no-repeat;
}
#menutest {margin: 0 auto 12px auto;
padding: 4px 0 4px 25px;
width: 545px;
background-color: #272262;
height: 30px;
font-size: 16px;
color: #fff;
}
#textbox {position: relative;
margin: 0 0 9px 0;
padding: 0 0;
width: 570px;
height: 280px;
background-color: #d0e062;}

#textboxinner {margin: 35px 25px;
padding: 0;
width: 520px;
height: 210px;
background-color: #d0e062;
}
#textboxinner a {margin: 0;
padding: 0;
font-size: 20px;
text-decoration: none;
color: #272262}

#textboxinner a:hover {color: #fff;}

#sermonbox {margin: 0 auto;
padding: 0;
width: 275px;
height: 275px;
background-color: #34c2f2;
float: left;
}
#sermonboxinner {margin:25px 25px;
padding: 0;
width: 225px;
height: 225px;
background-color: #34c2f2;
}
#sermonboxinner img:hover {width: 100%;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#circlebox {margin: 0 auto;
padding: 0;
width: 275px;
height: 260px;
background-image:url(../images/greencirlces.jpg);
background-repeat:no-repeat;
float: right;}
#circleboxinner {margin: 40px 30px 0 125px;
padding: 0;}

#circlebox a {padding: 0;
font-size: 20px;
text-decoration: none;
color: #fff;
}
#circlebox a:hover {color: #272262;}

#menubox {margin: 0 0 9px 0;
padding: 0;
width: 310px;
height: 235px;
float: right;
background-color: #34c2f2;
background-image:url(../images/bluecircles.gif);
background-repeat:no-repeat;
background-position: top right;
}
#menuboxinner {margin: 25px 0 25px 25px;
width: 260px;
height: 185px;
padding: 0;

}
#menuboxinner a {
font-size: 20px;
color: #fff;
text-decoration: none;
}
#menuboxinner a:hover {color: #272262;}

#videobox {margin: 0 auto 9px auto;
padding: 0;
width: 310px;
height: 235px;
float: right;
background-color: #aee6fc;
}
#videoboxinner {margin: 14px 25px; 
padding: 0;
width: 260px;
height: 208px;
text-align: center;
}
#advertbox {margin: 0 auto;
padding: 0;
width: 310px;
height: 235px;
float: right;
background-color: #272262;

}
#advertboxinner {margin: 25px;
padding: 0;
width: 260px;
height: 185px;
}
#advertboxinner img:hover {width: 100%;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#clear {clear:both;}

#bottombar {margin: 8px auto 0 auto;
width: 892px;
height: 17px;
padding: 3px 8px 0 0;
background-color: #fff;
font-size: 10px;
color: #282165;
text-align: right;
}
#bottombar a {color: #282165;
text-decoration:none;
}
#bottombar a:hover {color: #5fcff5;
}
h1 {margin: 0;
padding: 0;
font-size: 20px;
color: #272262;
}

h2 {margin: 0;
padding: 0;
font-size:36px}

.floatright {float: right;}
.floatleft {float: left;}