/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
     ~~~~~~~ container & html elements ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body 
    {
    margin: 5px 3%;
    background-color: #528C88;
    background-image: url("../Images/General/bgclr1.jpg");
    background-repeat: repeat;
    background-position: 0% 0%;
    background-attachment: fixed;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.6em;
    color: #160C0B;
    font-family: "trebuchet ms", verdana, helvetica, sans-serif; 
    font-size: 12px;
    }

a
    { 
    text-decoration: none; 
    color: #7D0B00;
    font-family: verdana, helvetica, sans-serif;  
    letter-spacing: 0;
    }
a:visited { color: #7D0B00; }
a:hover { color: #1D4744; }
    
#outer_wrapper 
    {
    margin: 0 auto;
    min-width: 770px;
    max-width: 933px;
    background-color: #E1E1E1;
    background-image: url("../Images/General/bgclr2.jpg");
    background-repeat: repeat;
    text-align: left;
    }

    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            ~~~~~~~ navigation ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.columns_off 
    {
    position: absolute;
    right: 471px;
    top: 33px;
    visibility: visible;
    z-index: 1;
    }

.columns_on 
    {
    position: absolute;
    right: 471px;
    top: 15px;
    visibility: hidden;
    z-index: 2;
    }

.features_off 
    {
    position: absolute;
    right: 380px;
    top: 33px;
    visibility: visible;
    z-index: 1;
    }

.features_on 
    {
    position: absolute;
    right: 380px;
    top: 15px;
    visibility: hidden;
    z-index: 2;
    }

.poetry_off 
    {
    position: absolute;
    right: 303px;
    top: 33px;
    visibility: visible;
    z-index: 1;
    }

.poetry_on 
    {
    position: absolute;
    right: 303px;
    top: 15px;
    visibility: hidden;
    z-index: 2;
    }

.mamalikes_off 
    {
    position: absolute;
    right: 190px;
    top: 33px;
    visibility: visible;
    z-index: 1;
    }

.mamalikes_on 
    {
    position: absolute;
    right: 190px;
    top: 15px;
    visibility: hidden;
    z-index: 2;
    }

.about_off 
    {
    position: absolute;
    right: 100px;
    top: 33px;
    visibility: visible;
    z-index: 1;
    }

.about_on 
    {
    position: absolute;
    right: 100px;
    top: 15px;
    visibility: hidden;
    z-index: 2;
    }

.subscribe_off 
    {
    position: absolute;
    right: 0;
    top: 33px;
    visibility: visible;
    z-index: 1;
    }

.subscribe_on 
    {
    position: absolute;
    right: 0;
    top: 15px;
    visibility: hidden;
    z-index: 2;
    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             ~~~~~~~ header ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header 
    {
    position: relative;
    height: 127px;
    margin-bottom: 0;
    z-index: 1;
    background-color: #E1E1E1;
    background-image: url("../Images/General/bg_header.jpg");
    background-repeat: repeat-x;
    overflow: hidden;
    }

img#logo 
    { 
    z-index: 1; 
    }

#nav_base
    {
    position: absolute;
	right: 0;
	top: 63px;
    z-index: 1;
	}

#font_size
    {
    position: absolute;
	right: 24px;
	top: 97px;
    z-index: 5;
	}

#logo_b1 {float: left; clear: left; width: 153px; height:10px; padding-right: 25px; margin: 0; }
#logo_b2 {float: left; clear: left; width: 152px; height:10px; padding-right: 25px; margin: 0; }
#logo_b3 {float: left; clear: left; width: 148px; height:10px; padding-right: 25px; margin: 0; }
#logo_b4 {float: left; clear: left; width: 143px; height:10px; padding-right: 25px; margin: 0; }
#logo_b5 {float: left; clear: left; width: 135px; height:10px; padding-right: 25px; margin: 0; }
#logo_b6 {float: left; clear: left; width: 125px; height:10px; padding-right: 25px; margin: 0; }
#logo_b7 {float: left; clear: left; width: 106px; height:10px; padding-right: 25px; margin: 0; }
#logo_b8 {float: left; clear: left; width: 84px;  height:10px; padding-right: 25px; margin: 0; }

    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             ~~~~~~~ body ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#copy
    {
    padding: 0 30px 0 30px;
    text-align: left; 
    min-width: 420px;
    }

#rcol
    {
    margin: 16px 20px 0 0;
    padding: 5px 20px 0 20px;
    background-color: #B4B4B4;
    background-image: url('../Images/General/rcol_top.jpg');
    background-repeat: no-repeat;
    line-height: 1.6em;
    text-align: left;
    width: 220px;
    color: #000000;
    font-size: 11px;
    }

#rcol a:hover { color: #0D3A37; }

#rcol img
    {
    margin: 8px 0;
    width: 218px;
    border: 1px solid #333333;
    }

#rcol_btm
    {
    margin: 0;
    padding: 0;
    width: 260px;
    height: 13px;
    background-image: url('../Images/General/rcol_btm.jpg');
    background-repeat: no-repeat;
    }


/* used for lists footers */
.bklnk { width: 300px; }
.navbtn { text-align: right; }
.padrl { padding: 0 5px; }
.padr1 { padding-right: 6px; }
.rec_count 
    {
    font-size: 11px;
    padding: 0 11px;
    font-style: italic;
    line-height: 1.9em;
    }
.rcrds 
    { 
    width: 348px; 
    text-align: right; 
    }

#btm_links 
    {
    position: relative;
    margin-top: 40px;
    padding-bottom: 5px;
    width: 100%;
    background-color: #E1E1E1;
    background-image: url("../Images/General/bgclr2.jpg");
    background-repeat: repeat;
    text-align: center;
    overflow: visible;
    }

#btm_links a { font-size: 11px; }

#crnr_btmlft
    {
    position: absolute;
	left: 0;
	bottom: 0;
    width: 20px;
    height: 23px;
    background-image: url('../Images/General/crnr_btmlft.jpg');
    background-repeat: no-repeat;
	}

#crnr_btmrt
    {
    position: absolute;
	right: 0;
	bottom: 0;
    width: 20px;
    height: 23px;
    background-image: url('../Images/General/crnr_btmrt.jpg');
    background-repeat: no-repeat;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             ~~~~~~~ footer ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer
    {
    height: 30px;
    padding-top: 3px;
    background-color: #528C88;
    background-image: url("../Images/General/bgclr1.jpg");
    background-repeat: repeat;
    clear: both; 
    }

#footer a
    { 
    color: #182728; 
    font-size: 11px; 
    font-weight: normal;
    }
#footer a:visited { color: #182728; }
#footer a:hover { color: #ffffff; }


#ft_left 
    {
    float: left;
    padding-left: 5px;
    }

#ft_center 
    {
    text-align: center;
    }

#ft_right 
    {
    text-align: right;
    float: right;
    padding-right: 5px;
    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           ~~~~ misc. formatting ~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.search { margin: 10px 0 15px 0; }

.field { margin-right: 4px; }

.indnt { margin-left: 20px; }

.h1 
    { 
    margin-bottom: 3px; 
    text-align: left; 
    color: #7D0B00; 
    font-size: 15px;
    font-weight: bold;
    }

.h1a 
    { 
    margin-bottom: 20px; 
    text-align: left; 
    color: #7D0B00; 
    font-size: 15px;
    font-weight: bold;
    }

.h2 
    { 
    margin: 30px 0 3px 0; 
    text-align: left; 
    color: #7D0B00; 
    font-size: 13px;
    font-weight: bold;
    }

.h2a 
    { 
    margin: 40px 0 3px 0; 
    text-align: left; 
    color: #7D0B00; 
    font-size: 13px;
    font-weight: bold;
    }

.h2b 
    { 
    margin: 30px 0 3px 0; 
    text-align: left; 
    color: #7D0B00; 
    font-size: 13px;
    font-weight: bold;
    }

.h2c 
    { 
    margin: 5px 0 3px 0; 
    text-align: left; 
    color: #7D0B00; 
    font-size: 13px;
    font-weight: bold;
    }

.h3 
    {
    font-size: 13px;
    color: #000000; 
    }

.h3a
    {
    padding-top: 8px;
    font-size: 13px;
    color: #000000; 
    }

.sub_h2 
    { 
    margin: -3px 0 1px 0;  
    text-align: left; 
    color: #7D0B00;
    font-size: 12px; 
    font-weight: bold;
    }

.txt_rt { text-align: right; }
.txt_bld { font-weight: bold; }
.txt_bldred { color: #7D0B00; font-weight: bold; }
.txt_ital { font-style: italic; }
.txt_italbld { font-style: italic; font-weight: bold; }
.txt_italred { color: #7D0B00; font-style: italic; }
.txt_sml { font-size:11px; }
.txt_smlital { font-size:11px; font-style: italic; }
.txt_smlitalbld { font-size:11px; font-style: italic; font-weight: bold; }
.txt_nrm { font-size: 12px; font-weight: normal; font-style: normal; }
.txt_hide { font-size: 12px; color: #E1E1E1; }
.indnt10 { padding-left: 10px; }
.indnt20 { padding-left: 20px; }
.indnt30 { padding-left: 30px; }
.indnt40 { padding-left: 40px; }
.indnt50 { padding-left: 50px; }
.indnt60 { padding-left: 60px; }
.indnt70 { padding-left: 70px; }
.indnt80 { padding-left: 80px; }
.indnt90 { padding-left: 90px; }
.indnt100 { padding-left: 100px; }
.indnt110 { padding-left: 110px; }
.indnt120 { padding-left: 120px; }
.indnt130 { padding-left: 130px; }
.indnt140 { padding-left: 140px; }
.indnt150 { padding-left: 150px; }
.indnt160 { padding-left: 160px; }
.indnt170 { padding-left: 170px; }
.indnt180 { padding-left: 180px; }
.indnt190 { padding-left: 190px; }
.indnt200 { padding-left: 200px; }

.dashsep 
    { 
    border-top: 1px dashed #999999; 
    margin: 25px 0;
    }

.dashsep2 
    { 
    border-top: 1px dashed #ffffff; 
    margin: 25px 0;
    }

.dashsep2a
    { 
    border-top: 1px dashed #ffffff; 
    margin: 15px 0;
    }

.dashsep2b
    { 
    border-top: 1px dashed #ffffff; 
    margin: 5px 0 15px 0;
    }