/* CSS Document */
body { background: #FFFFFF; 
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; }

.frame { width: 780px;
margin-left: auto;
height: 100%;
border-left: 1px solid #000;
border-right: 1px solid #000;
background: #FFFFFF;
margin-right: auto; }

.head { width: 780px;
background: #FFF url(imgs/head.jpg) no-repeat;
height: 100px;
border-bottom: 1px solid #000; }

.head h1 { display: none; }

.head h2 { display: none; }

.body { background: #FFFFFF; }

.bar { width: 150px;
background: #D1E8E9;
height: 680px;
padding: 10px;
float: left;
margin-top: 0px; }

.bar ul { margin: -10px;
padding: 0px;
margin-top: 10px; }

.bar ul li { list-style-type: none;
font-size: 13px;
height: 20px;
padding-left: 10px; }

.bar ul li a { display: block;
text-decoration: none;
color: #000000;
font-weight: bold; }

.bar ul li a:hover { display: block;
text-decoration: underline;
color: #000000;
font-weight: bold; }

a { color: #0000FF; }

a:hover { color: #000000; }

.content { margin-left: 180px;
background: #FFF;
width: 590px;
line-height: 16px;

padding-top: 10px;  }

.content h2 { font-size: 13px; }

.content p { font-size: 12px;
line-height: 16px; }

.content img { float: right; }

.copyright { font-size: 10px; 
text-align: center; }

.content ul li { list-style-type: square;
line-height: 16px; }

.line { height: 2px;
overflow: hidden;  
background: #D1E8E9; }

.awesomegod { margin-top: 10px;
margin-left: 180px; }

.alpha { margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
background: url(imgs/alpha.jpg) bottom right no-repeat;
height: 139px;
overflow: hidden;
width: 600px;
border: 1px solid #000; }

.alpha p { padding: 10px;
margin-top: -10px;
padding-right: 55px; }

.awesomegodimg { background: url(imgs/stars.jpg) no-repeat #FFF;
width: 129px;
height: 198px;
overflow: hidden; }

.awesomegodtext { float: right;
margin-right: 5px;
width: 460px;
margin-top: -198px;
height: 196px;
background: #FFF url(imgs/question.jpg) top right no-repeat;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
padding-left: 5px; }

.awesomegodtext div { margin: 5px;
margin-left: 5px; }

.awesomegodtext div a img { border: none; }

.gradient { background: url(imgs/gradient.jpg) #FFFFFF no-repeat top left; 
margin-top: 10px; 
width: 280px;
margin-left: 5px;
border: 1px #000 solid;
height: 80px;
padding: 5px;
overflow: hidden; }

.gradientright { background: url(imgs/gradientright.jpg) #FFFFFF no-repeat top right; 
margin-top: -92px; 
width: 280px;
border: 1px #000 solid;
height: 80px;
float: right;
margin-right: 5px;
padding: 5px;
overflow: hidden; }

.people { margin: 0px; 
position: relative;}

.people2 { margin: 0px; 
top: 190px;
position: relative;}

.people3 { margin: 0px; 
top: 380px;
position: relative;}

.alpha a { border: 0px;
text-decoration: none;
color: #FFF; }

.alpha a:hover { border: 0px; }

.peoplebox1 { margin: 0px; 
width: 100px;
position: absolute; 
top: 0;}

.peoplebox2 { margin: 0px; 
width: 100px;
left: 120px;
position: absolute; 
top: 0;}

.peoplebox3 { margin: 0px; 
width: 100px;
left: 240px;
position: absolute; 
top: 0;}

.peoplebox4 { margin: 0px; 
width: 100px;
left: 360px;
position: absolute; 
top: 0;}

.peoplebox5 { margin: 0px; 
width: 100px;
left: 480px;
position: absolute; 
top: 0;}

.people img { margin-right: 10px;
margin-bottom: 10px;
float: left; }

.itunes { background: url(sermon/itunes.jpg) center left no-repeat; 
padding-left: 35px;
margin-bottom: 10px; }