@import 'reset.css';
@import 'basic.css';

body {
    color: #535152;
    font: normal 11px/16px Verdana,Tahoma,sans-serif;
    background: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana,Tahoma,sans-serif; 
    color: #FF0000;
}

h1 {
    /*font-family: "Trebuchet MS",Tahoma,sans-serif;*/
    font-size: 32px;
    color: #999999;
    line-height: 1.1em;
    color: #F12345;
}

h2 {
    color: #990000;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid #ACA5A5;
    margin-bottom: 5px;
}

h3 {
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 16px;
}

a {
    color: #535152;
}

legend {
    color: #000000;
}

hr {
    color: #ACA5A5;
    background-color: #ACA5A5;
    height: 1px;
    border: 0 none;
    margin: 14px 0;
}

hr.top {
    margin-top: 7px;
}

hr.bottom {
    margin-bottom: 0;
}

img.border {
    border: 4px solid #999999;
}

/* LAYOUT */
div#wrapper {
	margin: 0 auto;
    width: 783px;
}

div#page {
}

div#header {
    background: url('../img/layout/header_bg.png') no-repeat 0 89px;
}

/* LOGO */
div#logo {
    float: left;
}

div#logo h1 {
    text-indent: -9999px;
}

div#logo h1 a {
    display: block;
    width: 141px;
    height: 88px;
    background: url('../img/layout/logo.png') no-repeat;
    text-decoration: none;
}

/* MAIN MENU */
div#main_menu {
    float: right;
    padding: 82px 0 0 6px;
    background: #FFFFFF;
}

div#main_menu ul {
    padding: 0;
}

div#main_menu ul li {
    padding: 0 12px;
    border-left: 1px solid #535152;
}

div#main_menu ul li.first {
    border: 0;
}

div#main_menu ul li.last {
}

div#main_menu ul a {
    line-height: 1.2em;
}

div#main_menu ul a.selected,
div#main_menu ul a:hover {
    color: #CC0000;
}

div#main_menu ul ul {
    margin: 0;
    padding: 0;
}

div#main_menu ul ul a {
    height: 20px;
    padding-left: 30px;
    color: #B3B3B3;
    font-size: 1.1em;
    /*font-weight: bold;*/
    text-decoration: none;
    text-indent: 0;
    /*background: url('../img/layout/main_menu_item.gif') no-repeat left center;*/
}

div#main_menu ul ul a.selected,
div#main_menu ul ul a:hover {
    color: #FFC000;
    /*background: url('../img/layout/main_menu_item_selected.gif') no-repeat left center;*/
}

/* ADMIN MENU */
div#admin_menu {
    padding: 7px 0 0 0;
}

div#admin_menu h3 {
    padding: 0;
    margin: 0;
    color: #CC0000;
}

div#admin_menu ul li {
    padding-left: 7px;
}

div#admin_menu ul li.first {
    padding-left: 0;
}

div#admin_menu ul a {
    color: #000000;
    text-decoration: none;
    font-size: 1.1em;
    /*background: url('../img/layout/main_menu_item.gif') no-repeat left center;*/
}

div#admin_menu ul a.selected,
div#admin_menu ul a:hover {
    color: #FFC000;
    /*background: url('../img/layout/main_menu_item_selected.gif') no-repeat left center;*/
}

/* SUB MENU */
div#sub_menu {
    padding: 19px 14px 0 0;
}

div#main_menu ul {
    padding: 0;
}

div#sub_menu ul li {
}

div#sub_menu ul li.first {
}

div#sub_menu ul li.last {
}

div#sub_menu ul a {
    padding: 11px 0 5px 0;
    border-bottom: 1px solid #ACA5A5;
}

div#sub_menu ul a.selected,
div#sub_menu ul a:hover {
    color: #CC0000;
}

/* ALT MENU */
div#alt_menu {
    padding: 19px 14px 0 0;
}

div#main_menu ul {
    padding: 0;
}

div#alt_menu ul li {
}

div#alt_menu ul li.first {
}

div#alt_menu ul li.last {
}

div#alt_menu ul a {
    padding: 11px 0 5px 0;
    border-bottom: 1px solid #000000;
    color: #000000;
}

div#alt_menu ul a.selected,
div#alt_menu ul a:hover {
    color: #CC0000;
}

/* DEPARTMENT MENU */
div#department_menu {
    padding: 8px 0;
    border-bottom: 1px solid #E2E0E0;
}

div#department_menu ul {
    float: right;
}

div#department_menu ul li {
    padding: 0 12px 0 38px;
}

div#department_menu ul a {
    font-weight: bold;
}

/* CONTENT */
div#content {
    padding: 11px 0;
}

div#flash {
    width: 100%;
    height: 184px;
    background: #ACA5A5;
}

/* FOOTER */
div#footer {
    background: url('../img/layout/footer_bg.jpg') no-repeat;
}

div#footer_menu {
}

div#footer_menu p {
}

div#footer_menu a {
    color: #FFFFFF;
    text-decoration: none;
}

div#footer_info {
    text-align: right;
}

div#copyright {
    padding-top: 12px;
}

/* LAYOUT SPLASH */
body#layout_splash {
}

body#layout_splash div#wrapper {
    width: 984px;
}

body#layout_splash div#splash_logo {
    text-align: center;
}

body#layout_splash div#content {
    padding: 31px 0 99px 0;
    margin: 0 auto;
    width: 480px;
}

div#splash_menu {
    padding-top: 31px;
}

div#splash_menu li#menu_item_01 {
    padding: 0 0 14px 131px;
}

div#splash_menu li#menu_item_01 a {
    display: block;
    width: 133px;
    height: 26px;
    background: url('../img/layout/splash_menu_item_01.png') no-repeat;
    text-indent: -9999px;
    text-decoration: none;
}

div#splash_menu li#menu_item_02 {
    padding-left: 259px;
}

div#splash_menu li#menu_item_02 a {
    display: block;
    width: 62px;
    height: 28px;
    background: url('../img/layout/splash_menu_item_02.png') no-repeat;
    text-indent: -9999px;
    text-decoration: none;
}

body#layout_splash div#footer {
    background: url('../img/layout/splash_footer_bg.png') no-repeat;
}

body#layout_splash div#copyright {
    text-align: center;
    padding-top: 60px;
}

/* FIELD LIST */
table.field_list {
}

table.field_list th {
    padding-bottom: 4px;
    font-weigth: bold;
}

/* PAGER */
span.pager_links a,
span.pager_links a.nav,
span.pager_links span.disabled {
    border-color: #CCCCCC;
}

span.pager_links span.disabled {
    color: #999999;
}

/* COLUMN LAYOUT DEFAULT */
div.column_layout_default div.column_alfa {
    float: left;
    width: 304px;
}

div.column_layout_default div.column_beta {
    float: right;
    width: 644px;
}

/* COLUMN LAYOUT CATEGORY */
div.column_layout_category  {
    background: url('../img/layout/vertical_line_bg.png') repeat-y 186px;
}

div.column_layout_category div.column_alfa {
    float: left;
    width: 185px;
}

div.column_layout_category div.column_alfa img#category_picture {
    border: 1px solid #ACA5A5;
}

div.column_layout_category div.column_beta {
    float: left;
    width: 598px;
}

div.column_layout_category div.column_beta div.content {
    padding-left: 14px;
}

div.category_layout div.category_info {
    float: left;
    width: 254px;
}

div.category_layout div.photo_list {
    float: right;
    width: 330px;    
}

div.category_layout div.photo_detail_box {
    margin-top: 7px;
    border: 1px solid #ACA5A5;
    border-width: 1px 0;
    width: 100%;
    text-align: center;
}

div.category_layout div.photo_detail_box img {
    padding: 14px 0;
}

div.category_layout div.multimedia_detail {
    padding: 14px 0;
    margin-top: 7px;
    border: 1px solid #ACA5A5;
    border-width: 1px 0;
    width: 100%;
    text-align: center;
}

/* COLUMN LAYOUT DEPARTMENT */
div.column_layout_department  {
    background: url('../img/layout/vertical_line_bg.png') repeat-y 392px;
    margin-top: 22px;
}

div.column_layout_department div.column_alfa {
    float: left;
    width: 392px;
}

div.column_layout_department div.column_alfa div.content {
    padding-right: 14px;
}

div.column_layout_department div.column_alfa label {
    display: inline;    
}


div.column_layout_department div.column_beta {
    float: left;
    width: 391px;
}

div.column_layout_department div.column_beta div.content {
    padding-left: 14px;
}

div.column_layout_department div.column_beta h2 {
    border: 0;
}

/* COLUMN LAYOUT SPLASH */
/*
div.column_layout_splash  {
    padding-bottom: 12px;
}

div.column_layout_splash div.column_alfa {
    float: left;
    width: 322px;
}

div.column_layout_splash div.column_beta {
    float: left;
    width: 306px;
    padding-top: 61;
}

div.column_layout_splash div.column_gamma {
    float: right;
    width: 329px;
}

div.column_layout_splash div.logo {
    width: 100%;
}
*/

/* CONTACT US */
img.contact_us {
    float: left;
    margin: 0 18px 18px 0;
}

/* CATEGORY LIST */
div.category_list {
}

div.category_list div.category {
    padding-bottom: 18px;
}

div.category_list div.picture {
    float: left;
    padding-right: 12px;
}

div.category_list div.picture img {
    border: 4px solid #999999;
}

div.category_list h3 {
}

div.category_list h3 a {
    color: #999999;
    text-decoration: none;
}

div.category_list div.summary {
}

/* PHOTO LIST */
div.photo_list {
}

div.photo_list div.last {
    padding-right: 0;
}

div.photo_list div.photo {
    float: left;
    padding: 0 0 8px 8px;
}

div.photo_list div.photo img {
    border: 1px solid #ACA5A5;
}

div.photo_list div.photo td {
    width: 45px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    line-height: 0;
}

/* ADMIN PHOTO LIST */
div.admin_photo_list {
    width: 763px;
}

div.admin_photo_list div.last {
    padding-right: 0;
}

div.admin_photo_list div.photo {
    float: left;
    margin: 0 2px 2px 0;
    padding: 6px;
    text-align: center;
    background: #EEEEEE;
}

div.admin_photo_list div.photo div.picture img {
    border: 1px solid #ACA5A5;
}

div.admin_photo_list div.photo div.picture td {
    width: 53px;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    line-height: 0;
}

div.admin_photo_list div.photo div.links {
    padding-top: 6px;
}

/* POST LIST */
div.post_list div.post {
    padding-bottom: 1em;
}

div.post_list div.post div.picture {
    float: left;
    padding-right: 1em;
}

/* SIMPLE POST LIST */
div.simple_post_list {
    height: 108px;
    overflow: auto;
}

div.simple_post_list marquee {
    height: 108px;
}

div.simple_post_list div.post {
    padding-bottom: 1em;
}

div.simple_post_list div.post div.picture {
    float: left;
    padding-right: 1em;
}

/* POST DETAIL */
div.post_detail div.picture {
    float: left;
    padding: 0 10px 6px 0;
}

/* CATEGORY LIST */
/*
div.link_list {
}

div.link_list div.link {
    padding-bottom: 18px;
}

div.link_list div.picture {
    float: left;
    padding-right: 12px;
}

div.link_list div.picture img {
    border: 4px solid #999999;
}

div.link_list h3 {
}

div.link_list h3 a {
    color: #F8BB00;
    text-decoration: none;
}
*/

/* ABOUT */
div#about_body {
    margin-top: 14px;
    padding: 35px 14px 5px 14px;
    background: #F3F2F2;
    font-size: 1.1em;
}

a.facebook_share_button {
    background: #5F78AB url('../img/layout/facebook_icon.png') no-repeat left -232px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 18px;
    margin-top: 1em;
    padding-left: 24px; 
    text-decoration: none;
    width: 80%;
}