html, body {
    margin: 0;
    padding: 0;
    background-color: #5F5E5C;
    font-family: verdana, sans-serif;
    font-size: 11px;
}

h2.article_title {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

a,
a.active,
a.visited {
    text-decoration: none;
    color: #000000;
}

div#error {
    margin: 0 auto;
    width: 400px;
    border: 1px solid #FF0000;
    background-color: #F1B4C5;
    text-align: left;
}

div#error div.header {
    background-color: #FF0000;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 4px;
}

div#error div.content {
    padding: 10px;
}

div#container {
    margin: 0 auto;
    width: 998px;
}

div#header {
    position: relative;
    width: 998px;
    height: 164px;
}

div#header img {
    border: 0;
    display: block;
}

/* begin user_nav */
div#user_nav {
    position: absolute;
    top: 10px;
    left: 12px;
    font-weight: bold;
}

div#user_nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#user_nav li a,
div#user_nav li a:active,
div#user_nav li a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

div#user_nav li {
    float: left;
    border-left: 1px solid #FFFFFF;
    padding: 0px 10px;
}

div#user_nav li.left {
    border-left: none;
}
/* end user_nav */

/* begin jc_nav */
div#jc_nav {
    position: absolute;
    top: 14px;
    left: 196px;
    font-weight: bold;
}

div#jc_nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#jc_nav li a,
div#jc_nav li a:active,
div#jc_nav li a:visited {
    text-decoration: none;
    color: #000000;
}


div#jc_nav li {
    float: left;
    border-left: 1px solid #000000;
    padding: 0px 7px;
}

div#jc_nav li.left {
    border-left: none;
}
/* end jc_nav */

/* begin search */
div#search {
    position: absolute;
    left: 754px;
    top: 6px;
    color: #FFFFFF;
    font-weight: bold;
}

div#search input.search {
    width: 115px;
    height: 12px;
    font-size: 9px;
}

div#search input.submit {
    font-size: 9px;
    border: 1px solid #FFFFFF;
    background-color: #019EFB;
    font-weight: normal;
    color: #FFFFFF;
}

.form {
    padding: 0;
    margin: 0;
}
/* end search */

div#main {
    position: relative;
    width: 998px;
}

div#main_left {
    float: left;
    position: relative;
    width: 166px;
    display: block;
}

div#ecards_side_nav {
    position: relative;
    width: 166px;
}

div#ecards_side_nav div.header {
    text-align: center;
}

div#ecards_side_nav div.content {
    height: 260px;
}

div#poems_side_nav {
    position: relative;
    width: 146px;
    margin: 0 auto;
}

div#poems_side_nav a,
div#poems_side_nav a.active,
div#poems_side_nav a.visited {
    color: #FFFFFF;
}

div#poems_side_nav div.header {
    text-align: center;
}

div#poems_side_nav div.content {
    text-align: center;
    padding-top: 10px;
    color: #FFFFFF;
}

div#ecard_others1_shadow {
    position: absolute;
    left: 43px;
    top: 66px;
    background-color: #4E4A47;
    width: 90px;
    height: 90px;
}

div#ecard_others1 {
    position: absolute;
    padding: 10px;
    left: 49px;
    top: 60px;
    width: 70px;
    height: 70px;
    background-color: #FFFFFF;
}

div#ecard_others2_shadow {
    position: absolute;
    left: 34px;
    top: 172px;
    background-color: #4E4A47;
    width: 90px;
    height: 90px;
}

div#ecard_others2 {
    position: absolute;
    padding: 10px;
    left: 30px;
    top: 166px;
    width: 70px;
    height: 70px;
    background-color: #FFFFFF;
}

div#ecard_others3_shadow {
    position: absolute;
    left: 54px;
    top: 278px;
    background-color: #4E4A47;
    width: 90px;
    height: 90px;
}

div#ecard_others3 {
    position: absolute;
    padding: 10px;
    left: 58px;
    top: 272px;
    width: 70px;
    height: 70px;
    background-color: #FFFFFF;
}

div#ecard_others4_shadow {
    position: absolute;
    left: 48px;
    top: 384px;
    background-color: #4E4A47;
    width: 90px;
    height: 90px;
}

div#ecard_others4 {
    position: absolute;
    padding: 10px;
    left: 38px;
    top: 378px;
    width: 70px;
    height: 70px;
    background-color: #FFFFFF;
}

div#new_poems {
    position: relative;
    margin: 0 auto;
    width: 146px;
    text-align: center;
}

div#new_poems a,
div#new_poems a.active,
div#new_poems a.visited {
    color: #FFFFFF;
}

div#main_middle {
    float: left;
    position: relative;
    width: 532px;
    display: block;
}   

div#categories_nav {
    position: relative;
    padding: 0;
    margin: 0;
    width: 532px;
}

div#categories_nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#categories_nav li {
    float: left;
    padding-right: 15px;
}

div#content_wrapper {
    position: relative;
    clear: both;
    padding: 14px;
    background-color: #FFFFFF;
    width: 504px;
}

div#sub_categories_nav {
    position: relative;
    width: 504px;
    text-align: center;
}

div#contents {
    width: 504px;
    min-height: 340px;
}

div#content_article {
    text-align: center;
}

div#article {
    float: left;
    width: 160px;
    display: block;
    text-align: center;
}

div#article div.image {
    margin: 0 auto;
    height: 70px;
    width: 70px;
    border: 1px solid #000000;
    padding: 10px;
}

div#article_vertical_separator {
    float: left;
    width: 12px;
    height: 100px;
}

div#article_horizontal_separator {
    clear: both;
    height: 15px;
    width: 504px;
}

div#home_ecard_info {
    width: 504px;
    text-align: right;
    font-style: italic;
}

div#home_ecard_info span.title {
    font-size: 36px;
}

div#home_ecard_info span.artist {
    font-size: 14px;
}

div#action_upload {
    font-size: 24px;
    font-style: italic;
    text-align: center;
    font-weight: bold;
}

div#poem_article_header {
    position: relative;
    width: 470px;
    margin: 0 auto;
}

div#poem_article_header img {
    display: block;
    border: 0;
}

div#poem_article_footer {
    position: relative;
    width: 470px;
    margin: 0 auto;
}

div#poem_article_footer img {
    display: block;
    border: 0;
}

div#main_right {
    float: left;
    position: relative;
    width: 300px;
    display: block;
    
}

div#right_nav {
    position: relative;
    width: 300px;
    background-image: url(../images/header3.jpg);
    background-repeat: no-repeat;
}

div#advertise {
    text-align: center;
}

div#footer {
    clear: both;
    position: relative;
    width: 998px;
}

div#footer img {
    border: 0;
    display: block;
}