﻿body 
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    
    font-family: Arial;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    
    background: #675345;
}

.wrapper
{
    width: 1024px;
    border-left: 1px solid #675345;
    border-right: 1px solid #675345;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.wrapper img
{
    border: 0px none #FFFFFF;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.wrapper input
{
    border: 1px solid #675345;
    background-color: #FFFFFF;
    margin: 0 0 0 0;
    padding: 1px 1px 1px 1px;
}

.header
{
    background-image: url(Images/Header_Cubus.gif);
    background-position: top right;
    background-repeat: no-repeat;     
}

.headerhand
{
    background-image: url(Images/Header_Hands.gif);
    background-position: top right;
    background-repeat: no-repeat;     
}


.header img, .headerhand img
{
    margin: 25px 0px 25px 15px;
}

.navigation, .footer
{
    border-top: 1px solid #675345;
    border-bottom: 1px solid #675345;
    background-color: #a1bf35;
    background-image: url(Images/bg_nav.gif);
    background-repeat: repeat;
}

.navigation input
{
    float: right;
    margin: 3px 2px 2px 1px;
}

.navigation .navigationSearch
{
    border: 1px solid #675345;
    margin: 3px 0 0 0;
    padding: 0 0 0 0;
}

.navigation a, .footer a
{
    display: block;
    float: right;
    margin: 2px 2px 2px 1px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #a1bf35;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.navigation a:hover, .footer a:hover
{
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;    
    color: #675345;
}

.leftcolumn
{
    width: 220px;
    padding: 5px 1px 5px 1px;
}

.leftcolumn a
{
    display: block;
}

.leftcolumn #menu
{
 background-image: url(images/bg_left_menu.gif);
 background-position: left bottom;
 background-repeat: no-repeat; 
 background-color: #675345;
 padding: 10px 0 85px 0;
 width: 210px;
}

.leftcolumn #menu a
{
    border-bottom: 1px solid #675345;
    margin: 2px 15px 2px 15px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}

.leftcolumn #menu a:hover
{
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}


.leftcolumn #contact
{
 color: #675345;
 font-size: 9pt;
 margin: 0 0 0 0;
 padding: 0px 5px 15px 35px;
}

.leftcolumn #contact img
{
    margin: 0 0 0 0;
    width: 0px;
    border: 0px none #FFFFFF;
}

.leftcolumn #contact a
{
    color: #000000;
    text-decoration: none;
}
.leftcolumn #contact a:hover
{
    text-decoration: underline;
}

.leftcolumn img
{
    margin: 0px 0px 0px 0px;
}

.rightcolumn
{
    padding: 5px 1px 5px 1px;
}

.rightcolumn .breadcrums
{
    font-size: 9pt;
}

.rightcolumn a
{
    font-size: 9pt;
    color: #675345;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
}

.rightcolumn a:hover
{
    text-decoration: underline;
}

.rightcolumn table.requestforms
{
    border: 0px none #FFFFFF;
    width: 100%;
    font-family: Arial;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    vertical-align: top;
}

.rightcolumn table.requestforms tr, .rightcolumn table.requestforms td
{
    vertical-align: top;
}

 .rightcolumn table.requestforms td
 {
     width: 400px;
 }

.rightcolumn table.requestforms select, .rightcolumn table.requestforms option, .rightcolumn table.requestforms textbox, .rightcolumn table.requestforms textarea, .rightcolumn table.requestforms input
{
    border: 1px solid #675345;
    background-color: #FFFFFF;
    margin: 0 0 0 0;
    padding: 1px 1px 1px 1px;
}

.rightcolumn table.requestforms td.TextBig textbox, .rightcolumn table.requestforms td.TextBig textarea
{
    border: 1px solid #675345;
    background-color: #FFFFFF;
    margin: 0 0 0 0;
    padding: 1px 1px 1px 1px;
    width: 350px;
    height: 350px;
}

.rightcolumn table.requestforms option, .rightcolumn table.requestforms textbox, .rightcolumn table.requestforms textarea
{
    width: 200px;
}

.rightcolumn table.requestforms input
{
    margin: 0 5px 0 0;
    padding: 2px 2px 2px 2px;     
}

.rightcolumn h1, .rightcolumn table.requestforms th, .rightcolumn table.alfabet th
{
    border-bottom: 1px dashed #92c01a;
    background-image: url(images/bg_h1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 14pt;   
    color: #675345;
    font-weight: bold;
    font-style: italic;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 35px;
    text-align: left;
}

.rightcolumn h2
{
    font-size: 12pt;   
    color: #675345;
    font-weight: bold;
    font-style: italic;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

.rightcolumn h3
{
    font-size: 10pt;   
    color: #675345;
    font-weight: bold;
    font-style: italic;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

.rightcolumn h4
{
    font-size: 9pt;   
    font-weight: bold;
    font-style: italic;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

#mod_TipOfTheDay
{
    position: absolute;
    top: 75px;
    left: 225px;
    width: 350px;
    color: #675345;
}

#mod_TipOfTheDay h1
{
    color: #675345;
    font-size: 9pt;
    font-weight: bold;
    background-image: none;
    padding: 0;
}



.rightcolumn table.none { border: 0px none #FFF; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; }

.rightcolumn #calendar table { width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; text-align:center; }
.rightcolumn #calendar table.simple { border: 1px solid #A1BF35; width: 250px; padding: 0 0 0 0; margin: 0 0 0 0; text-align:center; font-size: 10pt; font-family: Arial;}
.rightcolumn #calendar tr.simple_nav_row th { width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; text-align:center; background-color: #A1BF35; }
.rightcolumn #calendar tr.simple_nav_row table { width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; text-align:center; background-color: #A1BF35; vertical-align: middle;}
.rightcolumn #calendar tr.simple_nav_row td { color: #FFF; font-weight: bold; padding: 5px 5px 5px 5px; vertical-align: middle;}
.rightcolumn #calendar tr.simple_nav_row a { color: #FFF; font-weight: bold; padding: 5px 5px 5px 5px; }
.rightcolumn #calendar tr.simple_dof th { text-align: center; }
.rightcolumn #calendar td.simple_other_month { background-color: #e2e0de; border: 1px solid #e2e0de; }

.rightcolumn .calendar_found { width: 450px; padding: 5px 5px 5px 5px; margin: 0px 2px 5px 2px; border: 1px solid #A1BF35; }
.rightcolumn .calendar_found_date { float:right; font-size: 24px; font-weight: bold;}
.rightcolumn .calendar_found_title { width: 300px; color: #A1BF35; padding: 2px 0px 5px 0px; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #A1BF35; }
.rightcolumn .calendar_found_description { padding: 5px 0px 5px 0px;}
.rightcolumn .calendar_found_description table {border: 0px none #FFF; width: 100%;}
.rightcolumn .calendar_found_description td { width: 550px; }
.rightcolumn .calendar_found_description td.calendar_found_description { padding: 5px 0px 5px 0px; width: auto; text-align:center; }
.rightcolumn .calendar_found_image { margin: 5px 0px 5px 0px; text-align: right;}

.rightcolumn #calendar td.simple_day { padding: 2px 2px 2px 2px; font-weight: bold; border: 1px solid #FFF; }

.rightcolumn .CalendarFound { background-color: #A1BF35; border: 1px solid #A1BF35; }
.rightcolumn .CalendarSelectedFound { background-color: #A1BF35; border: 1px solid #675345; }

.rightcolumn .CalendarFound a, .rightcolumn .CalendarSelectedFound a { padding: 0 0 0 0; margin: 0 0 0 0; color:#FFF; }

.rightcolumn #calendar_add { border: 0 none #FFF; width: 450px; }
.rightcolumn #calendar_add table{ border: 0 none #FFF; width: 450px; padding: 2px 2px 2px 2px;}
.rightcolumn #calendar_add tr { vertical-align: middle; }
.rightcolumn #calendar_add th { padding: 2px 2px 2px 2px; line-height: 25px; }
.rightcolumn #calendar_add td { padding: 2px 2px 2px 2px; }
.rightcolumn #calendar_add input { width: 250px; height: 25px; }
.rightcolumn #calendar_add textarea { width: 250px; height: 150px; }

.rightcolumn table.none { font-size: 10pt; font-family: Arial; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #675345;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -500px; /*position where enlarged image should offset horizontally */
}

.rightcolumn table.alfabet 
{ 
    border: 0px none #FFFFFF;
    width: 100%;
    font-family: Arial;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    vertical-align: top;
}

.rightcolumn table.alfabet td
{
    padding: 2px 2px 2px 2px;
}

.rightcolumn table.alfabet tr.alternating
{
    background-color: #d7d3cf;
}

.rightcolumn .alfabet_panel
{
    vertical-align: text-top;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

