* {
padding:0;
margin:0;
}

#body {
width:100%;
height:auto;
background:#6C7EB9 url(../img/tpl/bkgnd.jpg) repeat-x 0 top;
text-align:center;
}

a:link, a:visited, a:hover, a:active, input {
outline: none;
}

#page	{
position:relative;
width:913px;
margin:0 auto;
overflow:hidden;
background:transparent url(../img/tpl/body_bknd.jpg) repeat-y 0 top;
}

img {
border:0;
}

/* ------------------------------------------------------------------------------
								MAST 								             
------------------------------------------------------------------------------ */

#mast {
width:913px;
height:217px;
margin:0;
background:#6C7EB9 url(../img/tpl/mn/mast.jpg) no-repeat 0 top; 
list-style:none;
}

#mast a {
font:1.2em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
letter-spacing:.07em;
color:#EFEFEF;
text-decoration:none;
}

/* ------------------------------------------------------------------------------
								LOGO HYPERLINK 								             
------------------------------------------------------------------------------ */

#logo a {
position:absolute;
background:transparent url(../img/tpl/spacer.gif) no-repeat 0 top; 
width:206px;
height:120px;
top:5px;
left:349px;
z-index:60;
}

/* ------------------------------------------------------------------------------
								TABS AT TOP 								             
------------------------------------------------------------------------------ */

#tab-ps a {
position:absolute;
top:120px;
left:209px; 
width:159px;
padding:27px 3px 16px;
text-shadow: 2px 2px 2px #333;
}

#tab-ps a:hover {
background:url(../img/tpl/mn/ps.jpg) no-repeat 0 top;
padding-top:24px;
color:#FFF;
}

#tab-kg a {
position:absolute;
top:120px;
left:368px; 
width:154px;
padding:27px 1px 16px;
text-shadow: 2px 2px 2px #333;
}

#tab-kg a:hover {
background:url(../img/tpl/mn/kg.jpg) no-repeat 0 top;
padding-top:24px;
color:#FFF;
}

#tab-el a {
position:absolute;
top:120px;
left:522px; 
width:155px;
padding:33px 1px 16px;
text-shadow: 2px 2px 2px #333;
}

#tab-el a:hover {
background:url(../img/tpl/mn/el.jpg) no-repeat 0 top;
padding-top:30px;
color:#FFF;
}

#mast #tab-tr a {
position:absolute;
top:161px;
left:689px; 
width:104px;
font:bold .85em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0;
line-height:.90em;
color:#444;
padding:19px 0 8px 1px;
}

#mast #tab-tr a:hover {
background:url(../img/tpl/mn/tr.jpg) no-repeat 0 top;
padding-top:17px;
}

#mast #tab-fs a {
position:absolute;
top:148px;
left:793px; 
width:103px;
font:bold .85em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0;
line-height:.95em;
color:#444;
padding:19px 0 16px 0;
}

#mast #tab-fs a:hover {
background:url(../img/tpl/mn/fs.jpg) no-repeat 0 top;
padding-top:17px;
}

/* ------------------------------------------------------------------------------
								Discipleship for Kids Banner 								             
------------------------------------------------------------------------------ */

#dck a {
position:absolute;
background:transparent url(../img/tpl/mn/dck0.gif) no-repeat 0 top;
top:180px;
left:343px;
width:209px;
height:21px;
z-index:50;
}

#dck a:hover {
background:transparent url(../img/tpl/mn/dck1.gif) no-repeat 0 top;
}

/* ------------------------------------------------------------------------------
								SWOOSH 								             
------------------------------------------------------------------------------ */

#swoosh {
display:none;
background:no-repeat 0 top;
width:530px;
height:22px;
}

/* ------------------------------------------------------------------------------
								SUBTABS 								             
------------------------------------------------------------------------------ */

#subtabs {
display:none;
position:relative;
overflow:visible;
background:no-repeat 0 top;
height:29px;
text-align:center;
}

#subtabs a:link, #subtabs a:visited {
font:bold .85em Verdana, Helvetica, Arial, sans-serif;
color:#EFEFEF;
text-decoration:none;
letter-spacing:.05em;
}

#subtabs-ov a {
position:absolute;
background-position:0 -29px;
left:0;
width:97px;
padding-left:3px;
height:20px;
}

#subtabs-sy a {
position:absolute;
background-position:0 -29px;
width:92px;
left:97px;
height:20px;
}

#subtabs-pr a {
position:absolute;
background-position:0 -29px;
width:92px;
left:189px;
height:20px;
}

#subtabs-sa a {
position:absolute;
background-position:0 -29px;
width:92px;
left:281px;
height:20px;
}

#subtabs-or a {
position:absolute;
background-position:0 -29px;
width:92px;
left:373px;
height:20px;
}

#subtabs-end {
position:absolute;
width:15px;
left:465px;
height:29px;
}

/* ------------------------------------------------------------------------------
								LEFT SIDEBAR								             
------------------------------------------------------------------------------ */

#sb-left {
position:relative;
width:209px;
float:left;
text-align:left;
overflow:hidden;
}

#sb-left-start {
position:relative;
background:url(../img/tpl/sb_top_l.jpg) no-repeat 0 top;
width:209px;
height:33px;
overflow:visible;
}

#sb-left p {
position:inherit;
color:#FFF;
font:normal 11px Verdana, Helvetica, Arial, sans-serif;
margin:1px 8px 0 25px;
width:176px;
height:16px;
}

#sb-left a:link, #sb-left a:visited  {
position:absolute;
text-decoration:none;
color:#FFF;
width:176px;
height:16px;
padding:1px 0 0 5px; 
}

#sb-left p a:hover {
color:#06C;
background:url(../img/tpl/sb_on_l.gif) no-repeat 0 top;
}


#sb-left p.hgl {
font-weight:bold;
}

#sb-left p.hgl a {
color:#FF3;
//color:#FC3;
}

#sb-left p.hgl a:hover {
color:#06C;
}

#sb-left p.on {
color:#06C;
font-weight:bold;
padding:1px 0 0 5px; 
background:url(../img/tpl/sb_on_l.gif) no-repeat 0 top;
}

#sb-left h1, #sb-right h1{
position:relative;
color:#333;
letter-spacing:1px;
font:bold 10px Verdana, Helvetica, Arial, sans-serif;
line-height:11px;
background:url(../img/tpl/sb_head_bknd.jpg) repeat-x 0 top;
top:5px;
padding:3px 5px;
margin:0 8px 6px 25px;
}

/* ------------------------------------------------------------------------------
								left sidebar SUBMENU						             
------------------------------------------------------------------------------ */

#sb-left #submenu-space {
display:block;
margin:3px 0 -6px 25px;
display:none
}

#sb-left #submenu-start {
position:absolute;
width:176px;
height:10px;
background:no-repeat 0 -3px;
}

#sb-left #submenu {
position:inherit;
padding:6px 0 0 0;
background-repeat:repeat-y;
}

#sb-left #submenu-end {
position:inherit;
background:no-repeat 0 -5px;
width:176px;
height:12px;
}

#sb-left #submenu p {
position:inherit;
font:bold 11px Verdana, Helvetica, Arial, sans-serif;
margin:0;
padding:0 0 0 10px;
width:176px;
height:16px;
}

#sb-left #submenu p.subon {
font:bold 11px Verdana, Helvetica, Arial, sans-serif;
background:no-repeat 5px 1px;
margin:0;
padding:0 0 2px 10px;
line-height:16px;
}

#sb-left #submenu .nobo {
font-weight:normal;
}


#sb-left #submenu a:link, #submenu a:visited {
position:absolute;
font-weight:bold;
margin:0 0 0 -5px;
padding:0 0 0 5px;
width:165px;
height:16px;
}

#sb-left #submenu p a:hover {
text-decoration:none;
background:no-repeat 0;
}

/* ------------------------------------------------------------------------------
								MAIN PAGE								             
------------------------------------------------------------------------------ */

#main {
position:relative;
top:0;
left:0;
width:530px;
float:left;
text-align:left;
background:white;
overflow:hidden;
color:#333;
font:normal 13px Arial, Helvetica, sans-serif;
}

#main p {
word-spacing:.2em;
padding:5px 0;
}

#main p a:link, #main p a:visited {
word-spacing:.2em;
padding:5px 0;
color:#06C;
text-decoration:underline;
}

#main p a:hover {
text-decoration:none;
}

#main h1 {
font:bold x-large/110% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding:3px 0;
margin:0;
}

#main h2 {
font:bold large/100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding:2px 0;
letter-spacing:.02em;
}

#main h3 {
font:bold medium/80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;
letter-spacing:0em;
}

#main h4 {
font:bold small/50% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding-bottom:5px;
letter-spacing:.07em;
}

#main h4 a:link, #main h4 a:visited {
color:#000;
}

#main h2 a:hover, #main h4 a:hover {
text-decoration:none;
}

#main ul, #main ol { 
margin-top:5px; 
}

#main ol { 
margin-left:20px; 
}

#main ul li {
background:url(../img/tpl/bullet1.gif) no-repeat 0 .5em;
font:13px Arial, Helvetica, sans-serif;
color:#555; 
list-style:none;
margin:-4px 0 0 20px;
padding:4px 0 2px 0;
text-indent:10px;
}

#main ol li {
list-style-type: decimal;
margin:-4px 0 0 20px;
padding:4px 0 2px 0;
}

#main ol li li {
list-style-type: lower-alpha;
margin-left:5px;
padding-bottom:2px;
color:#555; 
}

#main ul li li {
color:#666; 
background:url(../img/tpl/bullet2.gif) no-repeat 0 .5em;
margin-left:10px;
padding-bottom:2px;
}

#main li a:link, #main li a:visited {
text-decoration:underline;
color:#06C; 
}

#main li a:hover {
text-decoration:none;
}

.bverse {
color:#666;
}

.aster {
color:#c30;
font-size:22px;
font-weight:bold;
line-height:20px;
vertical-align:middle;
}

.arr1 {
font:bold 20px Arial, Helvetica, sans-serif;
line-height:14px;
vertical-align:middle;
letter-spacing:-1px;
padding-left:5px;
}

.impt {
color:#c33;
}

.center {
width:100%;
position:relative;
text-align:center;
}

.center table tr
{ 
margin-left: auto;
margin-right: auto;
text-align: center;
}

.top td
{ 
vertical-align:top;
padding:10px;
}

.indent {
margin-left:20px;
}

#hlist ul{
margin:0px;
}

#hlist li{
text-align: left;
float:left;
list-style: none;
padding:1px 5px 3px 5px;
margin: 0px 5px;
border: 1px solid #CCC;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#hlist a:link, #hlist a:visited{
text-align: left;
float: left;
font-size:13px;
padding:0px;
margin:0px;
text-decoration:underline;
}

#hlist a:hover {
text-decoration:none;
}

.small, .small a {
font:10px Verdana, Arial, Helvetica, sans-serif;
}


/* ------------------------------------------------------------------------------
								RIGHT SIDEBAR								             
------------------------------------------------------------------------------ */

#sb-right {
position:relative;
width:174px;
float:left;
text-align:left;
overflow:hidden;
}

#sb-right-start {
position:relative;
background:url(../img/tpl/sb_top_r.jpg) no-repeat 0 top;
width:174px;
height:33px;
overflow:visible;
}

#sb-right p {
position:inherit;
color:#FFF;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
margin:6px 28px 6px 14px;
}

#sb-right p a:link, #sb-right p a:visited {
color:#FF3;
text-decoration:underline;
}

#sb-right p a:hover {
text-decoration:none;
}

#sb-right h1 {
padding:3px 5px;
margin:0 26px 6px 8px;
}

.sb-right-note {
background:url(../img/tpl/sb_note_r.jpg) repeat-y;
margin-bottom:-5px;
padding-bottom:5px;
}



/* ------------------------------------------------------------------------------
								FOOTER								             
------------------------------------------------------------------------------ */

#footer {
position:relative;
top:0;
left:0;
width:913px;
float:left;
background:#6C7EB9 url(../img/tpl/footer.jpg) no-repeat 0 top;
margin:0;
padding:40px 0;
overflow:visible;
}

#footer p {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
margin:5px 0 10px 0;
}

#footer a:link, #footer a:visited {
color:#FFF;
text-decoration:underline;
}

#footer a:hover {
text-decoration:none
}

/* ------------------------------------------------------------------------------
								search box								             
------------------------------------------------------------------------------ */

#search {
position:absolute;
top:0;
right:0;
height:25px;
padding:2px 10% 0 6px;
background:url(../img/searchchat/bknd.gif) no-repeat 0 top;
}

.searchbox {
position:relative;
width:173px;
height:12px;
font-size:11px;
color:#000;
border-width:0;
margin:0;
padding:2px;
}

#searchbutton {
position:absolute;
top:0;
left:193px;
padding-top:1px;
z-index:70;
}

#cse-search-box {
position:inherit;
width:275px;
height:25px;
padding:5px 0 0 6px;
margin-left:125px;
background:url(../img/searchchat/bknd1.gif) no-repeat 0 top;
vertical-align:center;
}

#cse-searchbutton {
position:absolute;
padding:0px;
}

/* ------------------------------------------------------------------------------
								share links							             
------------------------------------------------------------------------------ */

#share {
position:absolute;
top:27px;
width:180;
right:0px;
padding: 0 1%;
}

#share p {
text-align:center;
}

#share a:link, #share a:visited {
position: inherit;
padding:2px 15px;
color:#e1e1e1;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:underline;
}

#share a:hover {
color:#FFF;
background:#535A7A;
text-decoration:none;
}

/* ------------------------------------------------------------------------------
								 for ChimpMail API 					             
------------------------------------------------------------------------------ */
#signupForm, #signupFormAjax {
display:block;
text-align: left;
color:#FF0;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
margin:6px 28px 0px 14px;
}

#signupForm .page, #signupFormAjax .page {
color:#F00;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
margin:-10px 0 0 0;
}

#signupForm em, #signupFormAjax em {
color:#FFF;
font-weight:bold;
}

#signupForm a, #signupFormAjax a {
color:#FF0;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#email, #emailAjax {
margin-top: 3px;
width: 124px;
border: 0;
padding: 2px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
position:inherit;
-moz-border-radius:3px;
-webkit-border-radius:3px; 
}

#email:focus, #emailAjax:focus {
background-color: #eefdec;
}

#signupForm .btn, #signupFormAjax .btn {
margin-left: 42px;
position:inherit;
}

/* ------------------------------------------------------------------------------
								 forms
------------------------------------------------------------------------------ */
#styl-form-bto{
clear:both;
width:110px;
height:22px;
background:#3bb53e url(../img/tpl/grn_bknd.jpg) repeat-x 0 0;
text-align:center;
color:#FFF;
letter-spacing: 1px;
font:bold 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
cursor:pointer;
border:0;
margin-left:4px;
padding-bottom:4px;
-moz-border-radius:15px;
-webkit-border-radius:15px; 
}

#styl-form-bto:hover,#styl-form-bto:active {
color:#ff3;
}

#styl-form{
border:solid 2px #cc0;
background:#ffc;
width:90%;
margin:5px auto;
padding:5px 12px;
-moz-border-radius:20px;
-webkit-border-radius:20px; 
}

#styl-form h1 {
font:bold 16px "Trebuchet MS",Arial, Helvetica, sans-serif;
margin-bottom:-5px;
}
#styl-form p {
font-size:13px;
color:#666666;
}

#styl-form .errmsg {
font-size:14px;
color:#f00;
}

#styl-form hr {
color: #ffc;
background-color: #ffc;
border: 1px dashed #cc0;
border-style: none none dashed; 
margin:5px 0;
width:100%;
}
#styl-form label {
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
padding-top:8px;
position:relative;
}
#styl-form .note, #styl-form .note1 {
font-weight:normal;
text-align:left;
margin-left:155px;
float:left;
margin-top:-11px;
margin-bottom:7px;
line-height:.9em;
position:inherit;
display:block;
width:300px;
}

#styl-form .error {
font-weight:bold;
text-align:left;
margin-left:155px;
float:left;
margin-top:-11px;
margin-bottom:7px;
line-height:.9em;
position:inherit;
display:block;
width:300px;
color: #f00;
}

#styl-form input,#styl-form select, #m .prodord {
display:block;
float:left;
font:bold 16px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#666;
padding:1px;
width:300px;
margin:2px 0 7px 10px;
border:solid 2px #cc0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#m .prodord{
width:50px;
}


#styl-form textarea  {
float:left;
font:bold 16px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#666;
padding:1px;
width:188px;
margin:2px 0 7px 10px;
border:solid 2px #cc0;
width: 300px;
height: 8em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#styl-form input:focus, #styl-form textarea:focus, #m .prodord input:focus {
background-color: #eefdec;
border:solid 2px #093;
color:#000;
}

#styl-form button, #m button {
clear:both;
width:194px;
height:32px;
background:#3bb53e url(../img/tpl/grn_bknd.jpg) repeat-x 0 0;
text-align:center;
color:#FFF;
letter-spacing: 1px;
font:bold 15px "Trebuchet MS",Arial, Helvetica, sans-serif;
cursor:pointer;
border:0;
margin-left:150px;
padding-bottom:4px;
text-shadow: 2px 2px 2px #222;
-moz-border-radius:15px;
-webkit-border-radius:15px; 
}

#styl-form button:hover,#styl-form button:active,#m button:hover,#m button:active, #smbutton button:hover {
color:#ff3;
}

#dl-down-response, #dl-down-response a {
color:#c33;
font-weight:bold;
}

#styl-form input[type="hidden"] {
border:0;
padding:0;
margin: 0; }
}

/* ------------------------------------------------------------------------------
								 downloads table
------------------------------------------------------------------------------ */

.downloads table {
width:100%;
}

.downloads th {
padding: 0 .8em;
text-align: left;
font:bold 13px/24px Arial, Helvetica, sans-serif;
}

.downloads tr.gray th {
border: 1px solid #FB7A31;
background: #EFEFEF;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
	
.downloads tr.yellow td {
border: 1px solid #FB7A31;
background: #FFC;
-moz-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
font:bold 13px/24px Arial, Helvetica, sans-serif;
}

.downloads td {
border-bottom: 1px solid #CCC;
padding: .08em .5em;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
	
.downloads td.desc {
padding:0 1em;
text-align:left;
font:normal 12px Arial, Helvetica, sans-serif;
background: #FFF;
}

.downloads td.width {
width: 320px;
}
	
.downloads td.kw{
color:#000;
font-weight:bold;
padding-top:1.5em;
font:bold 13px Arial, Helvetica, sans-serif;
}

.downloads td.bl {
border-bottom: 0;
}

td a:link, td a:visited, .downloads td a:link, .downloads td a:visited, .downloads th a:link ,.downloads th a:visited  {
color:#06C;
text-decoration:underline;
}

td a:hover, .downloads td a:hover, .downloads th a:hover {
text-decoration:none;
}

.downloads td a:hover.blk, .downloads ul a:hover.blk {
color:#000;
font-weight:bold;
}

.downloads td.adjacent {
border-left: 1px solid #CCC;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
text-align: center;
}
	
.downloads tr:hover {
background: #CFC;
}

.downloads tr:hover.none {
background: #FFF;
border:0px;
}

.coming {
color:#c33;
font-size:11px;
}

/* ------------------------------------------------------------------------------
								 syllabus layout
------------------------------------------------------------------------------ */

#syllabus {
width:100%;
margin:0;
padding:0;
font:normal 13px Arial, Helvetica, sans-serif;
}

#syllabus .ttl {
display: block;
text-align: left;
margin: 0 330px 0 0;
padding-left:17px;
font-weight:bold;
width:330px;
}

#syllabus .bv {
display: block;
text-align: right;
width: 170px;
float: right;
padding-right:7px;
color:#666;
margin-top:-27px;
}

#syllabus  .bi {
width:100%;
text-align: left;
margin:-8px 0px 5px 17px;
border-bottom: 1px dotted #999;
}


/* ------------------------------------------------------------------------------
								 bottom links
------------------------------------------------------------------------------ */

#tags {
background-color: #FFF;
padding-top:4px;
width:100%;
text-align:center;
}

#tags p {
text-align:left;
}

#tags a:link, #tags a:visited {
position: inherit;
padding:0 20px;
color:#333;
text-decoration:underline;
font-size:13px;
}

#tags a:hover {
text-decoration:none;
}