/* ############################################## */
/* CLASSICAL ARTS STYLESHEET - BASIC              */
/* ############################################## */



.results_items
{
    width: 675px;
    height: auto;
    padding-left: 90px;
    padding-right: 90px;   
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(../images/box.png);
    background-repeat: repeat-y;
    border-top: 4px #e3ca92 solid;
    border-bottom: 4px #e3ca92 solid;
    margin-bottom: 19px;
}

.menu1highlighted
{
    background-color: #2b3868 !important;
}

.menu2highlighted
{
    background-color: #680000 !important;
}


.results_items_green
{
    width: 676px;
    height: auto;
    padding-left: 90px;
    padding-right: 90px;   
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(../images/box_green.png);
    background-repeat: repeat-y;
    border: 0;
}

.results_items_green_top
{
    width: 890px;
    height: 9px;
    background: url(../images/box_green_top.png);
    background-repeat: no-repeat;
    border: 0;
}

.results_items_green_bottom
{
    width: 890px;
    height: 9px;
    background: url(../images/box_green_bottom.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    border: 0;
    margin-bottom: 19px;
}


#menu 
{   
    padding-top: 1px;
    float: left;
    width: 550px;
    padding-left: 31px;
    border-left: 2px #e1b470 solid;     
    font-family: Arial;
}

#menu ul 
{
    display: inline;
    list-style-type: none;    
    font-size: 11px;
    padding: 0;   
    margin: 0;
}

#menu li
{
    display: inline;
    border-bottom: 2px #e1b470 solid;     
    border-right: 2px #e1b470 solid;     
    background-color: #680000;
    margin: 0;
    padding: 7px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: -3px;
}

#menu li:hover
{
    background-color: #2b3868 !important;
}

#menu a 
{
    text-decoration:none;
    color: #fff7b2;
}

#menu a:hover
{
    text-decoration:none;
    color: white;
}



#menu li:first-child {
    margin-right: -3px;
}

#menu li:last-child {
    margin-left: 3px;
}

#column1 
{
    width: 380px;
    border: 5px #e3ca92 solid;
    float: left;    
    margin-right: 23px;
    padding: 15px;
    height: 880px;
}

#column2 
{
    width: 380px;
    border: 5px #e3ca92 solid;
    float: left;
    padding: 15px;
    height: 880px;
}




#menu2
{   
    float: right;
    width: 350px;
    left: 300px;
    text-align: right;
    padding-right: 37px;
    font-family: Arial;
}

#menu2 ul 
{
    display: inline;
    list-style-type: none;    
    font-size: 11px;
    padding: 0;   
    margin: 0;
}

#menu2 li
{
    display: inline;
    border-bottom: 2px #e1b470 solid;     
    background-color: #162357;
    border-left: 2px #e3ca92 solid;
    margin: 0;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -4px;
}

#menu2 ul > li:first-child
    {
        margin-right: -4px;
    }

#menu2 ul > li:last-child
    {
        border-right: 2px #e3ca92 solid;
    }

#menu2 li:hover
{
    background-color: #680000 !important;
}

#menu2 a 
{
    text-decoration:none;
    color: #fff7b2;
}

#menu2 a:hover
{
    text-decoration:none;
    color: white;
}

#menu2 ul 
{
    display: inline;
    list-style-type: none;    
    font-size: 11px;
    padding: 0;   
    margin: 0;
}




.back_buttons {
    font-size: 13px;
    display:inline;    
    padding: 6px;
    margin-bottom: 20px;
    margin-right: 8px;
    color: White;
    background-color: #000357;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
}

/* ################################################################################*/
/* Type "display:none" between the brackets below to turn off the numbering idents */
/* ################################################################################*/

.toggle 
{

}

.submit_small
{
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
	border: solid 1px #660000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
  	color: white;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#440000));
	background: -moz-linear-gradient(top,  #660000,  #440000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#660000', endColorstr='#440000');
	font-weight: bold;
	font-size: 12px;
}

.submit, .submit:visited
{
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
	border: solid 1px #660000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#440000));
	background: -moz-linear-gradient(top,  #660000,  #440000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#660000', endColorstr='#440000');
	font-weight: bold;
	font-size: 15px;
  	color: white !important;
}

.submit:hover
{
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
	border: solid 1px #660000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
  	color: white;
	background: #660000;
	font-weight: bold;
	font-size: 15px;
}


/* #############*/
/* HTML applied */
/* #############*/

.total_objects {
    display: none;
}
    

body {
    font-family: Arial, Helvetica, Sans-Serif; 
    font-family: "Jomolhari";  
	font-size: 13px;
	line-height: 24px;
    background-color: #680000;
    color: #000357;
    padding: 0;
    margin: 0;
}

.subject_results {
    width: 790px;
    height: 66px;
    background: url(../images/text_result_box.jpg);    
    text-align: center;
    padding-top: 32px;
}

#form_area {
    font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif; 
    font-family: "Jomolhari";  
	font-size: 20px;
	line-height: 32px;
	font-weight: normal;
}

#content_inside {
    text-align: left;
    padding-left: 50px;
    padding-top: 20px;
    padding-right: 50px;
    padding-bottom: 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    line-height: 24px;
}

h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 28px;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 10px;
}

h2 {
    font-size: 22px;
    color: #000357;
    font-weight: normal;
    padding-bottom: 5px;
}

h3 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    color: #000357;
    font-weight: normal;
    padding-bottom: 5px;    
}

a {
    text-decoration: none;
    color: #000357;
}

/* #############*/
/* Classes      */
/* #############*/

.results_text {
    padding: 20px;
    width: 400px;
    border: 1px #356f35 solid;
    background-color: #ebe5a4;
    margin: 5px;
    text-align: left;
}

.results_text:hover {
    border: 1px #03022f solid;
    background-color: #fff8b5;
}

.results_thumbnails {
    width: 150px;
    min-height: 270px;
    padding: 20px;
    border: 1px #356f35 solid;
    background-color: #ebe5a4;
    float: left;
    margin: 8px;
    text-align: center;
    font-size: 20px;
    margin-left: 0px;
}

.results_thumbnails_videos {
    width: 220px;
    min-height: 270px;
    padding: 15px;
    border: 1px #356f35 solid;
    background-color: #ebe5a4;
    float: left;
    margin: 5px;
    text-align: center;
    font-size: 10px;
    font-size: 20px;
}

.results_thumbnails_videos img {
    border: 1px #03022f solid;
    margin-bottom: 10px;
}


.results_thumbnails:hover {
    border: 1px #03022f solid;
    background-color: #fff8b5;
}

.results_thumbnails img {
    border: 1px #03022f solid;
    margin-bottom: 5px;
}

.results_video {
    width: 221px;
    height: 160px;
    padding: 20px;
    border: 1px #356f35 solid;
    background-color: #ebe5a4;
    float: left;
    margin: 5px;
    text-align: center;
    font-size: 10px;
}

.results_video:hover {
    border: 1px #03022f solid;
    background-color: #fff8b5;
}

.results_video img {
    border: 1px #03022f solid;
    margin-bottom: 5px;
    height: 140px;
}


.clear {
    clear: both;
}

.navigation 
{
    font-size: 11px;
}

.navigation_selected { 
    background-color: #987746 !important;
}

.navigation_selected a {
    color: White;
    text-decoration: none;
}


.navigation_back_button { 
    color: White;
    background-color: #000357 !important;
    text-decoration: none;
}

.navigation_back_button a {
    color: White;
    background-color: #000357;    
    text-decoration: none;
}

.search_filter_selected { 
    background-color: #987746 !important;
}

.search_filter_selected a {
    color: White;
    text-decoration: none;
}


.pale_text {
    color: #712d1a;
}

/* ##############*/
/* Form Elements */
/* ##############*/

.input {
    font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    background: white;
    border: 1px black solid;
    padding: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.input:hover {
}

.homepage_grid {
    float: left;
    padding-right: 30px;
    padding-top: 20px;
}

.button {
    padding: 6px;
    background-color: #4d6a43;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0px;
    color: white;
     font-family:  "Tibetan Machine Uni", "Tibetan Unicode", "Jomolhari", 
    "Himalaya", "Ximalaya", "XTashi", "Uchen_05", "Wangdi29", "Tsuig_03", 
    "XenoType Tibetan New";
     margin-top:  12px;
     margin-bottom: 12px;
    /* line-height:    120%;  */
     font-size: 20px;
}

.button:hover {
    padding: 6px;
    margin-right: 8px;
    background-color: #987746 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0px;
    color: white;
    
}

label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}


/* #############*/
/* IDs          */
/* #############*/

#az {
	font-size: 16px;
	padding: 0; margin: 0; 
	color: #000357;
	line-height: 24px;
}

#az a {
    padding: 5px;
    background-color: #e4dd9f;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 0px;
}

#az a:hover {
    padding: 5px;
    background-color: #4d6a43;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 0px;
    color: white;
}

#search_filter {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 9px;
    margin: 0;    
}

#search_filter ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

#search_filter li {
    display:inline;    
    padding: 5px;
    margin-right: 5px;
    background-color: #e4dd9f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
}

#search_filter a:hover {
    text-decoration: underline;
}


.navigation {
    margin: 0;    
    padding-top: 8px;
    padding-bottom: 20px;   
    margin-bottom:15px; 
    font-size: 11px;
}

.navigation ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.navigation li {
    display:inline;    
    padding: 8px;
    margin-right: 8px;
    background-color: #e4dd9f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    font-size: 13px;
}

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


#wrapper {
}

#header {
    width: 998px;
    height: 147px;
    background: url(../images/arts-header.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}

#content_loop {
  
    margin: 0 auto;
}

#content {
    width: 998px;
    margin: 0 auto;
    background: url(../images/skin/content.jpg);
    background-repeat: repeat-y;
    min-height: 400px; 
}


#content_inside 
{
    width: 850px;
    min-height: 300px;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer 
{
    width: 998px;
    height: 55px;
    background: url(../images/skin/footer.jpg);
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align:center;
    font-size: 14px;
    padding-top: 14px;
    color: #fff8b2;
    margin: 0 auto;
    }

#footer a 
{
    color: #fff7b2;
}

/* #################*/
/* IDs for results  */
/* #################*/



#results {
    background-color: #fff8b5;
    padding: 10px;
    text-align: left;
}

#transcript {
    text-align: left;
    height: 300px;
    width: 200px;
    overflow: scroll;
    border: 2px solid #666;
    padding: 8px;
}


#copyright 
{
        text-align:center;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 20px;
        color: #fff8b2;
}


.homepage_column 
{
    width: 260px;
    float: left; 
    height: auto;
    padding-right: 20px;
    text-align: center !important;
}

.inner_content {
    font-size: 14px;
    font-family: Arial, Helvetica, Sans-Serif;
    line-height: 28px;
}

.text_block_indent {
    padding-left: 70px;
    padding-right: 70px;
}