/*****************************************************************************/
/*** HTML STYLES
/*****************************************************************************/
body {
    color: #ffffff;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-family: Arial;
    background-color: #333333;
}

h1 {
    color: #ffffff;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    line-height: normal;
}

h2 {
}

h3 {
}

p {
}

a {
    color: #cccc66;
}

/*****************************************************************************/
/*** SCROLLBAR STYLES
/*****************************************************************************/

/*****************************************************************************/
/*** CUSTOM STYLES
/*****************************************************************************/
.regular_text {
    color: #ffffff;
    font-size: 16px;
    padding: 0px 10px 0px 0px;
}

.footnote {
    color: #cccc66;
    font-size: 12px;
    font-style: italic;
}


.error {
    color: #ff0000;
    font-weight: bold;
}

.required {
    width: 10px;
    color: #ff0000;
}

.thankyou {
}

.form_label {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.form_label_cell {
    width: 100px;
}

.form_field_cell {
}

.form_textbox {
    width: 200px;
    color: #000000;
    font-weight: normal;
    background-color: #cccc99;
}

.form_dropdown {
    width: 200px;
    color: #000000;
    font-weight: normal;
    background-color: #cccc99;
}

.form_button {
}

.form_textarea {
    width: 400px;
    color: #000000;
    font-weight: normal;
    background-color: #cccc99;
}

.form_fileupload {
    background-color: #cccc99;
}

/*****************************************************************************/
/*** LAYOUT STYLES
/*****************************************************************************/
#page_container {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
}

#banner_container {
    height: 150px;
    background-image: url("images/layout/gma_slice_top.jpg");
    background-repeat: repeat-x;
}

#banner {
    width: 1000px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
}

#banner_image {
    cursor: hand;
    height: 150px;
    width: 450px;
    float: left;
    position: relative;
    background-image: url("images/layout/gma_banner.jpg");
}

#menu {
    color: #ffffff;
    position: relative;
    float: right;
    top: 95px;
    width: 500px;
    margin: 0px 50px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

#menu a:link, #menu a:active, #menu a:visited {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

#menu a:hover {
    color: #cccc66;
    text-transform: uppercase;
    text-decoration: none;
}

#content_container {
    clear: both;
    height: auto;
    background-color: #666666;
    background-image: url("images/layout/gma_slice_middle.jpg");
    background-repeat: repeat-x;
}

#content_layout {
    width: 1000px;
    margin: 0px auto;
    padding: 0px 0px 0px 10px;
}

#content {
    width: 720px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
}

.tblContent {
    width: 720px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    line-height: normal;
    background-color: #000000;
}

.page_title {
}

.page_content {
}

.frame_top_left {
    width: 20px;
    height: 20px;
    background-image: url("images/layout/gma_content_top_left.jpg");
    background-repeat: no-repeat;
}

.frame_top {
    height: 20px;
    background-image: url("images/layout/gma_content_top.jpg");
    background-repeat: repeat-x;
}

.frame_top_right {
    width: 20px;
    height: 20px;
    background-image: url("images/layout/gma_content_top_right.jpg");
    background-repeat: no-repeat;
}

.frame_left {
    width: 20px;
    height: 440px;
    background-image: url("images/layout/gma_content_left.jpg");
    background-repeat: repeat-y;
}

.frame_middle {
    height: 440px;
}

.frame_right {
    width: 20px;
    height: 440px;
    background-image: url("images/layout/gma_content_right.jpg");
    background-repeat: repeat-y;
}

.frame_bottom_left {
    width: 20px;
    height: 20px;
    background-image: url("images/layout/gma_content_bottom_left.jpg");
    background-repeat: no-repeat;
}

.frame_bottom {
    height: 20px;
    background-image: url("images/layout/gma_content_bottom.jpg");
    background-repeat: repeat-x;
}

.frame_bottom_right {
    width: 20px;
    height: 20px;
    background-image: url("images/layout/gma_content_bottom_right.jpg");
    background-repeat: no-repeat;
}

#features {
    width: 240px;
    position: relative;
    margin: 0px 40px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#feature_gallery {
    cursor: hand;
    height: 160px;
    width: 240px;
    background-image: url("images/layout/gma_feature_gallery.jpg");
}

#feature_poetry {
    cursor: hand;
    height: 160px;
    width: 240px;
    background-image: url("images/layout/gma_feature_poetry.jpg");
}

#feature_book {
    cursor: hand;
    height: 160px;
    width: 240px;
    background-image: url("images/layout/gma_feature_book.jpg");
}

#footer_container {
    height: 150px;
    background-image: url("images/layout/gma_slice_bottom.jpg");
    background-repeat: repeat-x;
}

#footer {
    color: #ffffff;
    width: 1000px;
    margin: 0px auto;
    padding: 30px 0px 0px 0px;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

.display_container {
    clear: both;
    float: left;
    text-align: center;
    margin: 20px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.medium_image {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
}

.slider_container {
    float: right;
    width: 210px;
    height: 350px;
    overflow: auto;
    text-align: center;
    margin: 20px 10px 10px 10px;
    padding: 0px 0px 0px 20px;
    /*background-repeat: no-repeat;
    background-image: url("images/layout/gma_menu_background.jpg");*/
}

.thumbs_container {
}

.thumb_image {
    cursor: hand;
    margin: 5px 5px 5px 5px;
    padding: 2px 2px 2px 2px;
    background-color: #ffffff;
}

#details_container {
    text-align: left;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

.image_title {
    color: #cccc66;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.image_description {
    display: none;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
}

#categories_container {
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a.category_button {
    float: left;
    color: #cccc66;
    height: 40px;
    display: block;
    margin: 0px 2px 0px 0px;
    padding: 0px 18px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    background: transparent url("images/layout/gma_button_right.jpg") no-repeat scroll top right;

}

a.category_button span {
    height: 40px;
    display: block;
    line-height: 16px;
    padding: 11px 20px 0px 35px;
    background: transparent url("images/layout/gma_button_left.jpg") no-repeat;
}

a.category_button:hover {
    text-decoration: underline;
}

#poem_container {
    clear: both;
    float: left;
    width: 380px;
    text-align: center;
    margin: 20px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
}

.poems_container {
    float: right;
    width: 270px;
    height: 440px;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 0px 5px;
    background-repeat: no-repeat;
    background-image: url("images/layout/gma_menu_background.jpg");
}

a.poetry_link {
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
}

.poem_title {
    color: #cccc66;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.poem_description {
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
}

.content_title_container {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}