/**
 * @author Jason Matthews
 * @company NetProtocal Inc
 * @client Church of God in Canada
 * Global Settings
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, tr, th, td, embed, object {
    margin:0pt;
    padding:0pt;
}
a {text-decoration:none;}
body, html {
    width: 100%;
    height: 100%;
    text-align: center;    
    margin: 0pt;
    padding: 0pt;
    background:#013a91;
    font-family:Arial,Helvetica,Geneva,sans-serif;
    font-size:12px;
     
}
a:hover {
	text-decoration:underline;
}
hr {
    display:none;
}
ul li {
    height:auto;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}
/** 
 * Class definitions
 */
.main {
    width:963px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    background: #e3e3e3;
}
#header {
    height: 145px;
    background-image: url('../images/header.jpg');    
    width:963px;
    position:relative;
    width:100%;     
    clear:both;
}
#header a, #header span
{
    height:145px;
    width:300px;
    text-indent:-999em;
    display:block;
    overflow:hidden;
}
#content-main 
{
    border:solid 0px white;
    display:block;
    margin-top:-20px; /* fix ie6 margin problem*/     
}
#footer
{
    line-height: 1;
    background-image: url("../images/footer.gif");
    background-repeat: repeat-x;
    clear:both;
    margin:0px;        
    padding:8px 13px 0px 13px;
    text-align: center;
    position:relative;
    margin:0px;
    height:70px;
    overflow:hidden;    
}
#content-wide 
{
    background:#ffffff;
    background-image: url("../images/main_bg.gif");
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
    width:100%;
}
#content-left {
    float:left;
    width:644px;    
    background:#ffffff;
    border-left:solid 1px #ffffff;
    background-image: url("../images/main_bg.gif");
    background-repeat: no-repeat;
    background-position: left top;
}
#content-right
{
    background-position: left top;        
    padding: 22px 22px 0 22px;    
    width: 271px;
    float: left;
    background-image: url("../images/side_bg.gif");
    background-repeat: no-repeat;
}

.section h1 
{
    margin: 20px 0px 20px 0px;
    padding-top: 6px;
    border-top: solid 1px #e6e6e6;
    color: #336699;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    font-weight: normal;
}
.section h2 
{  
    padding-top: 6px;    
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size:14px;    
    margin-bottom:5px;
    line-height:20px;    
}

h3 
{  
    padding-top: 6px;    
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size:14px;
    font-weight:normal;
    margin-bottom:5px;    
}

.section p 
{
    margin:0px 0px 20px 0px;
    line-height:20px;
    font-size:12px;
}
.section
{
    margin:20px 28px 20px 28px;
    line-height:20px;
    font-size:12px; 
}

/* Navigation */
#nav {
    line-height: 1;
    z-index:9998;
    font: 12px arial; margin: 0 0 15px 0;
}
#nav a, #nav span {
    background:transparent url("../images/nav.gif") no-repeat scroll 0pt;
    display:block;
    height:61px;
    overflow:hidden;
    text-indent:-999em; /* used to hide text where css is support and show image instead :-) */
}
#nav li {
    float:left;
    position:relative;
}
* html #nav li * {
    position:relative;
}
#nav li, #nav ul {
    margin:0pt;
    padding:0pt;    
}
#nav-logo span {
    background-position:-724px 0pt;
    width:240px;
}
#nav-home a, a:active {
    background-position:0px 0pt;
    width:52px;
}
#nav-history a, a:active {
    background-position:-52px 0pt;
    width:74px;
}
#nav-leaders a, a:active {
    background-position:-126px 0pt;
    width:79px;
}
#nav-directories a, a:active {
    background-position:-206px 0pt;
    width:100px;
}
#nav-belief a, a:active {
    background-position:-306px 0pt;
    width:63px;
}
#nav-events a, a:active {
    background-position:-369px 0pt;
    width:68px;
}
#nav-contact a, a:active {
    background-position:-437px 0pt;
    width:78px;
}
#nav-worldmission a, a:active {
    background-position:-515px 0pt;
    width:129px;
}
#nav-education a, a:active {
    background-position:-644px 0px;
    width:80px;
}
#nav-history a:hover {
    background-position:-52px -61px;
    width:74px;
}
#nav-leaders a:hover {
    background-position:-126px -61px;
    width:79px;
}
#nav-directories a:hover {
    background-position:-206px -61px;
    width:100px;
}
#nav-belief a:hover {
    background-position:-306px -61px;
    width:63px;
}
#nav-events a:hover {
    background-position:-369px -61px;
    width:68px;
}
#nav-contact a:hover {
    background-position:-437px -61px;
    width:78px;
}
#nav-worldmission a:hover {
    background-position:-515px -61px;
    width:129px;
}
#nav-education a:hover {
    background-position:-644px -61px;
    width:80px;
}
#nav li:hover ul, #nav li.over ul {
    left:0pt;
}
#nav li li {
    float:none;
    position:static;
    width:100%;
}
#nav li li a, #nav li li a:hover, #nav li li a:active {
    background:transparent none repeat scroll 0%;
    height:auto;
    padding:1px 12% 2px;
    text-indent:0pt;
    width:76%;
}
#nav li li a:hover {
    background:#EEEEEE none repeat scroll 0%;
}
#nav li ul {
    background:#FFFFFF none repeat scroll 0%;
    border-bottom:1px solid #CE0000;
    left:-1999px;
    line-height:1.5;
    padding:5px 0pt;
    position:absolute;
    top:61px;
    width:200px;
    z-index:9999;
}
.side-col
{
    background-position: left top;
    background: #ffffff url("../images/side_col_bg.gif") no-repeat;
    margin: 28px 0px 28px 0px;
    padding: 20px;
}
.side-col h2 {
    font-family:Arial;
    font-size:16px;
    font-weight:normal; 
}

.side-col ul li
{
    background-image: url("../images/blue_arrow.gif");
    background-repeat: no-repeat;
    background-position: left 10px;
    padding: 10px 0px 10px 20px;
}
a:link, a:visited, a:active {
    background:transparent none repeat scroll 0%;
    color:#2575AD;
    text-decoration:none;
}

#search_box
{
    border: 1px solid #cccccc;
    padding: 6px;
    background-color: #FFFFFF;
    height:22px;
    overflow:hidden;
}
#search_box .input
{
    border-style: none;
    width: 200px;
    border-color: #FFFFFF;
    float:left;
    font-size:17px;
    background-image:none;    
}
#search_box .search_btn
{
    float: right;
}
.ruler-list ul 
{
    margin:5px;
}
.ruler-list li
{
   border-bottom:solid 1px #cccccc;
   margin:15px 0px 15px 0px;
}

#contact-form 
{
    width:100%;
    background-color: #eeeeee;    
}
#contact-form td
{
    padding:5px;
    width:80%;
}
#contact-form th
{
    padding:5px;
    width:20%;
    text-align:right;
}
#contact-form input, textarea
{
    width:200px;
    border:solid 1px #cccccc;
}
.sub-section
{
    background-position: center top;
    width: 100%;
    background-image: url("../images/gray_gradient_bg.gif");
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    display:block;
    height:100%;
}
.sub-section .left
{
   float:left;
   width:50%;
}
.sub-section .right
{
    float: left;
    width: 50%;    
}
.sub-section .left div
{
    padding:10px;
}
.sub-section .right div
{
    padding:10px;
}
.left 
{
    float:left;
}
.right
{
    float:right;
}
.pad10 
{
    padding:0 20px 0 20px;
}
.subhead
{
    background-image: url("../images/blue_bg.gif");
    background-repeat: repeat-x;
    background-color: #0000FF;
    color: #FFFFFF;
    font-size:14px;
    padding:15px 10px 15px 10px;
}
.results-tbl 
{
    width:100%;
    background-color:#ffffff;   
}
.results-tbl td, th 
{
    padding:5px;
    border:none 0px;
}
.results-tbl th 
{
    text-align:left;
    color:#ffffff;
    background-color:#4f81bd;
    border-bottom:solid 1px #000000;
}
.results-tbl .alt 
{
    background-color:#d8d8d8;
} 
.nav-letter input 
{   
    width:19px;
    border:solid 1px #cccccc;
    font-size:11px;
    margin:0px;
}
.form dt {
    clear:both;
    width:24%;
    float:left;
    text-align:left;
    font-weight:bold;
}
.form dd {
    float:left;
    width:75%;
    margin:0 0 0.5em 0.25em;
}
.form .input
{
    width:85%;
}
.input
{
    background-position: top top;
    background: #FFFFFF url("../Images/graybg.gif") repeat-x;
    border: 1px solid #D0D0D0;
    color: #666666;
    font-size: 14px;
    padding: 3px;
}
.info 
{
    text-align:center;
    font-size:14px;
    font-weight:bold;
    background-color:#ffffcc;
    border-bottom:solid 1px #ffcccc;
    border-top:solid 1px #ffcccc;
    padding:10px;
    margin:5px 0px 5px 0px;
    display:block;
}
.img-border {
    background-color: #FFFFFF;
    border: solid 1px #DDDDDD;
    padding: 2px;
	width: 140px; 
	height: 190px;
	text-align:center;
}