/*
www.dna-uk.org
(c) Paul Dwight / www.mediaden.co.uk 2007-2008
-----------------------------------------------*/

* { margin: 0; padding: 0; }

body { background-color: rgb(234,233,231); padding: 0; margin: 0; font-family: Verdana, Georgia, 'Times New Roman', serif; font-size: 62.5%; text-align: left; }

h1, h1 a, h1 a:visited, .h1 { font-size: 3.5em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h2, h2 a, h2 a:visited, .h2 { font-size: 2.8em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h3, h3 a, h3 a:visited, .h3 { font-size: 2.0em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h4, h4 a, h4 a:visited, .h4 { font-size: 1.5em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h5, h5 a, h5 a:visited, .h5 { font-size: 1.0em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
p { font-size: 1.2em; line-height: 1.5em; margin: 0px; padding: 0px; }
.t-right { text-align: right; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.overdue { font-weight: 900; color: red; }

.notice li { color: #993333; }

img, div { behavior: url(iepngfix.htc) }

img { border: none; margin: 0px; padding: 0px; }
ul { text-align: left; margin: 6px 30px; }
li { padding:  4px 6px; }
div { margin: 0px; padding: 0px; }
form { padding: 0px; margin: 0px; }
.txtfield { border: 1px solid rgb(165,172,178); margin-left: 15px; padding: 1px 2px;}
.txtarea, .filefield {border: 1px solid rgb(165,172,178);}
.selfield { border: 1px solid rgb(165,172,178);  }
.btn { border: none; padding: 2px 4px; }
.chkbox {position: relative; top: 2px; left: 0px;}
.clear { clear: both; height: 1px; margin: 0; padding: 0; }
.divider { height: 1px; margin: 6px auto;  width: 90%; background-color: rgb(255,255,255); }

/* development/test styles */
.modeDev { background-color: green; margin: 0; color: #fff; height: 20px; line-height: 18px; text-align: center; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
.modeDev h4 { font-size: 1.0em; }
.modeDev a { font-size: 1.0em; color: #fff; }

/* base layout */

.outer { position: relative; width: 860px; margin: 0 auto; padding: 0; }
.inner { width: 760px; margin: 0 auto; padding: 0; }

.img-louter { position: absolute; bottom: 0; left: 0; }
.img-router { position: absolute; bottom: 0; right: 0; }
.img-rinner { position: absolute; height: 382px; bottom: 72px; right: 50px; }
.img-rprofile { position: absolute; bottom: 70px; right: 50px; }

.header { width: 760px; height: 104px; }
.header .logo { position: absolute; top: 32px; left: 98px; z-index: 2; }
.header .toplogin { float: right; }
.header .toplogin .l-box { padding: 6px 30px; background-color: rgb(64,80,89); }
.header .toplogin .l-bird { background: url(../images/login-bird.gif) no-repeat left; }
.header .toplogin a { color: rgb(255,255,255); font-weight: 900; text-decoration: none; }

.menu { width: 760px; height: 73px; }

.content { position: relative; display: block; background-color: rgb(255,255,255); }
.content .c-inner { display: block; margin-left: -210px; margin-right: -152px; }
.content .c-inner .l-col { float: left; position: relative; width: 210px; min-height: 280px; left: 0; color: rgb(255,255,255); }
.content .c-inner .r-col { float: right; position: relative; width: 152px; padding-bottom: 400px; }
.content .c-inner .c-col { margin-left: 210px; margin-right: 152px; position: relative; display: block; min-height: 400px; }
.text { padding: 10px; }
.c-col .text h1 { padding: 40px 0 0 40px; }

.m-list { position: relative; margin-top: 30px; padding-top: 20px; background: url(../images/signup-box-top.gif) no-repeat; }
.m-list .form { margin: 0 13px 0 13px; padding: 10px 7px 4px 7px; background-color: rgb(82,97,105); }
.m-list p { font-size: 0.9em; padding-left: 20px; }
.m-list .row { padding: 2px 2px 10px 2px; }
.m-list .row p { padding: 2px 0 0 0; }

.donate { position: relative; margin: 20px 0 20px 18px; background: url(../images/donate-link.gif) no-repeat; }
.donate a { display: block; width: 174px; height: 70px; }

.footer { width: 760px; height: 94px; margin-top: -24px; z-index: 1; }


/* quotes layout */
.quote { color: rgb(255,255,255); font-size: 1.1em; padding: 6px 0; margin: 6px 0; font-style: italic; }
.quote h4, .quote h5 { text-align: right; padding: 0; margin: 0; font-style: normal; }
.quote h4 { padding: 2px 0; }
.quote h5 a { color: rgb(239,165,201); font-style: normal; }


/* menu layout */
.menu { position: relative; margin: 0; font-size: 0.9em; text-align: center; z-index: 1; }
.menu ul { padding: 0; margin: 0 0 0 260px; list-style: none; text-decoration: none; font: 900 0.933em arial,momaco,sans-serif; text-transform: uppercase; line-height: 1em; }
.menu ul li { float: left; height: 1px; width: 100px; padding: 0; margin: 0; text-align: center; }
.menu ul li a { display: block; height: 24px; line-height: 20px; font-size: 1.3em; padding-top: 50px; color: #000; font-weight: 900; text-decoration: none; }
.menu ul li.aboutus a:hover, .menu ul li.aboutus a.current { height: 22px; background-image: url(../images/menu-items.gif); background-position: -10px -70px; }
.menu ul li.courses a:hover, .menu ul li.courses a.current { height: 22px; background-image: url(../images/menu-items.gif); background-position: 10px -145px; }
.menu ul li.churches a:hover, .menu ul li.churches a.current { height: 22px; background-image: url(../images/menu-items.gif); background-position: 0 -215px; }
.menu ul li.support a:hover, .menu ul li.support a.current { height: 22px; background-image: url(../images/menu-items.gif); background-position: -10px -290px; }
.menu ul li.contactus a:hover, .menu ul li.contactus a.current { height: 22px; background-image: url(../images/menu-items.gif); background-position: -10px -360px; }

/* home section */
/*Pink Home Colours
.home .header { background: url(../images/home/header.jpg) no-repeat; }
.home .menu { background: url(../images/home/menubar.gif) no-repeat; }
.home .content { border-left: 210px solid rgb(64,80,89); border-right: 152px solid rgb(227,8,139); }
.home .content .c-inner .c-col { background: url(../images/home/midcol-top.gif) no-repeat; }
.home .content .c-inner .l-col { background: url(../images/home/leftcol-top.gif) no-repeat; }
.home .footer { background: url(../images/home/footer.gif) no-repeat; }*/

/* New Green Home Page */
.home .header { background: url(../images/churches/header.jpg) no-repeat; }
.home .menu { background: url(../images/churches/menubar.gif) no-repeat; }
.home .content { border-left: 210px solid rgb(64,80,89); border-right: 152px solid rgb(0,146,159); }
.home .content .c-inner .c-col { background: url(../images/churches/midcol-top.gif) no-repeat; }
.home .content .c-inner .l-col { background: url(../images/churches/leftcol-top.gif) no-repeat; }
.home .footer { background: url(../images/churches/footer.gif) no-repeat; }

.home h1, h1 a, h1 a:visited, .h1 { color: rgb(0,146,159); }
.home .l-col .text h4 { padding-bottom: 0; color: rgb(173,211,213); }
.home .l-col .text h5 a { text-align: right; color: rgb(173,211,213); }
.home .l-col .text p { padding-top: 0; }
.home a { color: rgb(0,146,159); }


/* about section */
.about .header { background: url(../images/about/header.jpg) no-repeat; }
.about .menu { background: url(../images/about/menubar.gif) no-repeat; }
.about .content { border-left: 210px solid rgb(64,80,89); border-right: 152px solid rgb(0,173,238); }
.about .content .c-inner .c-col { background: url(../images/about/midcol-top.gif) no-repeat; }
.about .content .c-inner .l-col { background: url(../images/about/leftcol-top.gif) no-repeat; }
.about .footer { background: url(../images/about/footer.gif) no-repeat; }

.about h1, h1 a, h1 a:visited, .h1 { color: rgb(0,173,238); }
.about a { color: rgb(69,177,217); } /* 171,220,238 -> 120,199,227 -> 69,177,217 */
.about .l-col a { color: rgb(255,255,255); }

/* courses section */
.courses .header { background: url(../images/courses/header.jpg) no-repeat; }
.courses .menu { background: url(../images/courses/menubar.gif) no-repeat; }
.courses .content { border-left: 210px solid rgb(64,80,89); border-right: 152px solid rgb(90,17,67); }
.courses .content .c-inner .c-col { background: url(../images/courses/midcol-top.gif) no-repeat; }
.courses .content .c-inner .l-col { background: url(../images/courses/leftcol-top.gif) no-repeat; }
.courses .footer { background: url(../images/courses/footer.gif) no-repeat; }

.courses h1, h1 a, h1 a:visited, .h1 { color: rgb(90,17,67); }
.courses a { color: rgb(153,113,140); }
.courses .l-col a { color: rgb(255,255,255); }

/* churches section */
.churches .header { background: url(../images/churches/header.jpg) no-repeat; }
.churches .menu { background: url(../images/churches/menubar.gif) no-repeat; }
.churches .content { border-left: 210px solid rgb(64,80,89); border-right: 152px solid rgb(0,146,159); }
.churches .content .c-inner .c-col { background: url(../images/churches/midcol-top.gif) no-repeat; }
.churches .content .c-inner .l-col { background: url(../images/churches/leftcol-top.gif) no-repeat; }
.churches .footer { background: url(../images/churches/footer.gif) no-repeat; }

.churches h1, h1 a, h1 a:visited, .h1 { color: rgb(0,146,159); }
.churches a { color: rgb(0,146,159); }
.churches .l-col a { color: rgb(255,255,255); }

/* support section */
.support .header { background: url(../images/support/header.jpg) no-repeat; }
.support .menu { background: url(../images/support/menubar.gif) no-repeat; }
.support .content { border-left: 210px solid rgb(64,80,89); border-right: 152px solid rgb(243,113,66); }
.support .content .c-inner .c-col { background: url(../images/support/midcol-top.gif) no-repeat; }
.support .content .c-inner .l-col { background: url(../images/support/leftcol-top.gif) no-repeat; }
.support .footer { background: url(../images/support/footer.gif) no-repeat; }

.support h1, h1 a, h1 a:visited, .h1 { color: rgb(243,113,66); }
.support a { color: rgb(243,179,156); }
.support .l-col a { color: rgb(255,255,255); }

/* contact section */
.contact .header { background: url(../images/contact/header.jpg) no-repeat; }
.contact .menu { background: url(../images/contact/menubar.gif) no-repeat; }
.contact .content { border-left: 210px solid rgb(64,80,89); border-right: 152px solid rgb(183,32,37); }
.contact .content .c-inner .c-col { background: url(../images/contact/midcol-top.gif) no-repeat; }
.contact .content .c-inner .l-col { background: url(../images/contact/leftcol-top.gif) no-repeat; }
.contact .footer { background: url(../images/contact/footer.gif) no-repeat; }

.contact h1, h1 a, h1 a:visited, .h1 { color: rgb(183,32,37); }
.contact a { color: rgb(222,142,145); }
.contact .l-col a { color: rgb(255,255,255); }

/* table styles */
.c-col table { width: 300px; margin: 10px auto; border: 2px solid rgb(234,233,231); }
.c-col table tr, .c-col table td { padding: 3px; }

/* additional features */
.bookmarks { background-color: rgb(234,233,231); padding: 4px; }
.map { margin: 10px auto; width: 323px; height: 400px; background: url(../images/map.gif) no-repeat; }
.map ul { padding-top: 30px; color: rgb(173,211,213); }
.map ul a { font-weight: bold; }

.header .loginbox { position: absolute; top: 10px; width: 250px; padding: 10px; right: 98px; background-color: #cc9999; filter:alpha(opacity=75); /* IE's opacity*/ opacity: 0.75; z-index: 2; }


/* forms */
.m-list .row input { background-color: rgb(64,80,89); color: rgb(255,255,255); border: 1px solid rgb(255,255,255); padding: 2px 4px; }
.m-list .submit { margin-left: 48px; }
.m-list .submit input { background-color: rgb(255,255,255); color: rgb(20,20,20); font-weight: bold; font-size: 1.0em; }

/* =form styles */
.c-col form {margin: 0; padding: 0;}
.c-col form { margin-top: 1.5em; }
.c-col form fieldset { margin: 0; padding: 0.75em; border-top: 0.225em solid #ddd; border-right: 0; border-bottom: 0; border-left: 0; }
.c-col form fieldset legend { font-size: 1.181em; line-height: 1.056em; font-family: tahoma,arial,sans-serif; font-weight: 300; color: #432; margin: 0.375em; padding: 0 0.75em; }
.c-col form div { margin-bottom: 0.925em; }
.c-col form p { }
.c-col form fieldset p { padding: 0; margin-bottom: 0.925em; margin-left: 13.5em; }
.c-col form fieldset div label { font-size: 0.833em; line-height: 1.5em; width: 12em; margin-right: 1.5em; }
.c-col form fieldset div label em { font-style: normal; color: #888; left: 40em; position: absolute; }
.c-col form label img { vertical-align:text-bottom; }
.c-col form fieldset div input,
.c-col form fieldset div textarea,
.c-col form fieldset div select { font-size: 0.833em; line-height: 1.5em; font-family: verdana,arial,sans-serif; padding: 0.333em; border: 0.083em solid #ccc; background: #fff; }
.c-col form fieldset div select { width: 52%; }
.c-col form fieldset div select option { padding-left: 10px; line-height: 16px; }
.c-col form fieldset div textarea { height: 10em; }
.c-col form fieldset p input { padding: 0; margin: 0 0.75em 0 0; vertical-align: middle; }
.c-col form div.submit input { border: 1px solid #642; background-color: #fff; padding: 2px 10px; margin-bottom: 8px; }
.c-col form div.submit { border-top: 0.225em solid #ddd; padding-top: 10px; }
.c-col form div.submit input { border: 1px solid #642; background-color: #fff; padding: 2px 10px; margin-bottom: 8px; }

/* account styling */
.formbox { margin: 10px auto; width: 90%; padding: 10px; border: 1px solid rgb(227,8,139); color: rgb(80,80,80); }
.formbox a { color: rgb(100,100,100); }
.home .formbox { background: rgb(239,165,201); }
.about .formbox { background: rgb(171,220,238); }
.courses .formbox { background: rgb(153,113,140); }
.churches .formbox { background: rgb(173,211,213); }
.support .formbox { background: rgb(243,179,156); }
.contact .formbox { background: rgb(222,142,145); }
.formbox .row  {padding: 5px 0px;}
.formbox .row input { height: 20px; line-height: 20px; font-weight: 600; padding: 2px 4px; }
.formbox .label { height: 20px; line-height: 20px; }
.home .btn { color: rgb(277,8,138); }
.about .btn { color: rgb(0,173,238); }
.courses .btn { color: rgb(90,17,67); }
.churches .btn { color: rgb(0,146,159); }
.support .btn { color: rgb(243,113,66); }
.contact .btn { color: rgb(183,32,37); }
.assignments h3 { text-align: right; border-bottom: 1px solid rgb(240,230,240); }
.assignments h5 { text-align: right; }
.assignments .download { height: 140px; background-color: rgb(250,240,250); border: 1px solid rgb(240,230,240); padding: 10px; margin: 10px 0; }
.assignments .download ul { margin: 0; padding: 0; list-style: none; }
.assignments .download ul li { float: left; text-align: center;}
.assignments .download li a { display: block; float: none; padding: 0 20px; font: 900 0.933em arial,momaco,sans-serif; text-transform: uppercase; color: #000; }
.assignments .download li a img { text-decoration: none; }
.assignments .download .clear { clear: both; }
.assignments .help { margin: 4px 0 0 0; }
.assignments .help span { padding: 0 10px; }
.assignments .help img { vertical-align: middle; }
.assignments .end { height: 4px; background-color: rgb(240,230,240); margin: 10px 0 20px 0; }
.assignments .profile { background-color: rgb(250,240,250); padding: 10px; margin: 12px 0; }

.account-box { background-color: rgb(64,80,89); padding: 10px; color: rgb(255,255,255); text-align: right; }
.account-box a { color: rgb(255,255,255); font-weight: 900; text-decoration: none; padding: 2px 10px; }

.messages { padding: 3px; background-color: rgb(215,236,236); border: 1px solid rgb(180,180,180); margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.account-box .formErr { display: inline; color: red; }

/** Mail Styles **/
.mail { margin-top: 20px; }
.mail .link { text-align: right; color: rgb(255,255,255); background-color: rgb(227,8,139); border: 1px solid rgb(227,8,139); padding: 2px 10px; }
.mail .link span { padding: 0 6px; }
.mail .wrap { border-bottom: 3px solid rgb(227,8,139); padding: 4px; background-color: rgb(250,240,250); }
.mail .mInbox table.items { width: 100%; border: none; border-top: 1px solid rgb(240,230,240); }
.mail .mInbox table.items td { border-bottom: 1px solid rgb(240,230,240); }
.mail .mInbox table.items td.from { width: 80px; }
.mail .mInbox table.items td.subject { text-align: left; }
.mail .mInbox table.items td.subject a { color: rgb(227,8,139); text-decoration: none; }
.mail .mInbox table.items td.subject a:hover { color: rgb(227,8,139); text-decoration: underline; }
.mail .mInbox table.items td.actions { width: 30px; }
.mail .mInbox table.items td span.datetime { font-size: 0.8em; }