/*------------ CHIEF2MORO WEB CSS FILE -----------*/
/*------- created by Mark Everard 2006 -----------*/
/*--------#003C65 #ffff33 #333 -------------------*/

/* PAGE LAYOUT STYLES */

html {margin:0;padding:0;}

body {margin:0;
      padding:0px;
      background:#003C65 url(main_background.gif) repeat-y 20px 0;
      font:11px/16px "Lucida Sans Unicode", "Lucida Grande", verdana, arial, helvetica, sans-serif;
      color:#333;}

#frame {background: transparent url(frame_top.gif) no-repeat 20px 0px;
        padding-top:20px;}

#main {padding:12px 48px 62px;
       margin:20px 0px 0px 20px;
       width:434px;
       background-color:transparent;}
/* read by ie only */
* html body #main{width:522px;}

div#patch {background: transparent url(chiefpatch.jpg) no-repeat 0px 0px;
        overflow:hidden;
        width:367px;
        position:absolute;
        left:509px;
        top:40px;
        height:198px;}

div#search {position:absolute;
         left:560px;
         top:30px;}

div#recent {background: #003C65 url(chieflatest.jpg) no-repeat 0px 0px;
            width:267px;
            height:300px;
            position:absolute;
            left:605px;
            top:235px;
            text-align:right;
            padding-top:25px;}

div#copyright {position:fixed;
         left:730px;
         bottom:10px;
         text-align:right;}
/* read by ie only */
* html body div#copyright{position:absolute;}

div#footer {background: transparent url(body_bottom.gif) no-repeat 0px 100%;
         width:528px;
         height:62px;
         left:20px;
         bottom:0px;
         position:fixed;}
/* read by ie only */
* html body div#footer{position:absolute;}


/* FONT STYLES */

h1, h2, h3, h4, h5, h6 {font-family:arial, helvetica, sans-serif;
                        margin:0 0 8px;}
p {margin: 0px 0px 8px;}
p.inputalign {float:left;margin:0px;width:100px;height:1.6em;}
p.errormsg {color:#cc0000;font-weight:700;padding:10px 0 10px 0;}
a, a:visited{color:#000099;border-bottom:#ccc 1px solid;text-decoration:none;}
a:hover {color:#99ccff;border-bottom:#99ccff 1px solid;}
hr {color:#ccc;background-color:#ccc;height:1px;margin-top:10px;}

/* FORM INPUT STYLES */

input, select{font-weight:700;width:200px;color:#003C65;font-family:tahoma, arial,helvetica,sans-serif;}
.txt {width:420px;height:170px;}
.check {width:30px;}
.headline{width:420px;}

/* search element font styles */

    #search p {font-size:10px;color:#ffff33;line-height:15px;letter-spacing:1.3px;white-space:nowrap;text-transform:uppercase;}
    #search a {color:#ffff33;text-decoration:none;border:0;}
    #search a:hover {text-decoration:underline;}
    #search a:visited {color:#99ccff;text-decoration:none;}

/* recent element font styles */

    #recent h2 {font-size:14px;color:#ffff33;margin-right:50px;}
    #recent ul {margin-right:50px;}
    #recent li {color:#ffff33;list-style-type:lower-roman;padding:1px;font-weight:700;}
    * html body #recent li{padding:0;}
    #recent li a, li a.visited {color:#ccc;border-bottom:0;}
    #recent li a:hover {color:#fff;text-decoration:underline;text-transform:uppercase;font-weight:700;}

/* main element font styles */

    #main h2 {font-size:10px;text-transform:uppercase;color:#888;border-bottom:#ccc 1px solid;font-family:"trebuchet ms", arial, helvetica, sans-serif;letter-spacing:1px;}
    #main h2 a {color:#888;border-bottom:0px;}
    #main h2 A:hover {color:#003C65;}
    #main h3 {font-size:24px;padding:10px 0 10px 0;}
    #main h4 {font-size:14px;}
    #main h4.chief {display:block;color:#003C65;background-color:#ffff33;padding:4px;}
    #main h4.moro {display:block;color:#ffff33;background-color:#003C65;padding:4px;}

    #main img {border:#ccc 1px solid;}
    #main img.mytagleft {float:left;border:0;margin:0 10px 5px 0;}
    #main img.mytagright {float:right;border:0;margin:0 0 5px 10px;}
    #main img.mytagthumb {width:50px;}
    #main img.mytagfull {width:250px;}
    #main img.scriptures{width:396px;}

/* copyright element font styles */

    #copyright{color:#ffff33;}
    #copyright a {color:#ffff33;text-decoration:none;border:0;}
    #copyright a:hover {text-decoration:underline;}
    #copyright a:visited {color:#ffff33;text-decoration:none;}