/*  
Theme Name: Jagori Top WP2
Theme URI: 
Description: Simple with top navigation
Version: 0.1
Author: Sujai Kumar
Author URI: http://ylog.org/sujai
*/

/* ##### Common Styles ##### */

* {
    border:none;
    padding:0;
    margin:0;
}

body {
    background:#91A239;
    color: #4C541F;
    font-size:10pt;
    font-family: verdana, arial narrow, sans-serif;
}

.smalltext {
    font-size: 70%;
    display: inline;
}

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

/* ##### Section Specific Styles ##### */

/* ---------- Home ---------- */

#home-logo {
    text-align: right;
    top: 0;
    right: 0;
    z-index:3;
}

#home-text {
    position:absolute;
    top: 300px;
    right: 455px;
    text-align: left;
    width: 40%;
}

#home-text p {
    color: #ebffaa;
    font-size: 100%;
    line-height: 150%;
}

#home-text p.intro {
    font-weight: bold;
}

#home-news {
    background: #6C7A1F;
    padding:3px;
}

#marquee {
    width:120px;
}
/* ---------- Inside ---------- */

#dark-background {
    width: 760px;
    background-color: #6C7A1F;
}

#inside-logo {
    background-color: #6C7A1F;
    position: absolute;
    top: 0;
    left:0;
    width: 180px;
    height: 200px;
}

#inside-logo img {
    margin-top: 2.8em;
}

.inside-logo-home {
    display: block;
    position: absolute;
    top:0px;
    left: 20px;
    margin-top:0px;
    z-index: 5;
}

/* ---------- Content ---------- */

#content {
    position: relative;
    left: 180px;
    width: 610px;
    min-height: 300px;
    padding-left: 15px;
    color: #EBFFAA;
    background-color: #91A239;
}

#content h1 {
    text-align: left;
    font-family: times, serif;
    font-size: 14pt;
    color: #464F14;
    font-weight: bold;
    text-transform: uppercase;
    margin: 3em 0 1em 0;
}

.heading-left {
    padding-left: 40px;
    background: url(images/icon-heading-left.gif) left no-repeat;
}

.heading-right {
    padding-right: 40px;
    background: url(images/icon-heading-right.gif) right no-repeat;
}

#content h2 {
    font-size: 10pt;
    margin: 1em 0 .5em 0;
    background: #9FAF41;
    padding:.5em;
}

#content a {
    color: white;
    font-weight: bold;
}

#content td, #content p, #content li, #content h3 {
    text-align: justify;
    padding-bottom: .8em;
    line-height: 130%;
}

#content h3 {
    font-size: 10pt;
    font-weight: bold;
}

#content li {
    margin-left: .3em;
}

#content td {
    padding: .2em 1em .3em 1em;
    border-bottom: 1px solid #608A00;
    line-height: 100%;
    width: 250px;
    text-align: left;
}

#content ul {
    list-style-image: url('images/icon-bullet.gif');
    margin-left: 1em;
}    

#content ol {
    margin-left: 1.5em;
}    

#content .date {
    text-align: right;
    padding: 0;
    margin: -.5em 0 0 0;
}

#content .box {
    float: right;
    width: 200px;
    background: #6C7A1F;
    text-align: left;
    padding: 5px 10px;
    margin-left:5px;
}

#content .box h2 {
    margin: .5em 0;
    background: none;
    padding: 0;
}

#content .box p {
    text-align: left;
}

#page-logo {
    position: absolute;
    left:580px;
    margin-top:-25px;
}

#content .sidebar {
    float: none;
    width: 150px;
    position: absolute;
    background-color: #6C7A1F;
    padding: 2px;
    margin: 0 0 0 -170px;
}

#content .sidebar a {
    color: #ebffaa;
}

#content img {
    float: left;
    padding: 0 10px 0 0;
}

#content img.image-right {
    float: right;
    padding: 0 0 0 10px;
}

#content img.clear {
    clear: both;
    float: none;
}

.form-label {
    float:left;
    display: block;
    width: 14em;
    text-align: right;
}

input, textarea {
    border:1px solid #030;
    margin:0 5px;
}

/* ---------- Footer ---------- */

#footer {
    margin-top: 2px;
    float: none;
    clear: both;
    padding: .5em 1em;;
    border-top: 1px solid #608A00;
}

#footer p {
    font-size: 8pt;
    font-family: verdana, arial narrow, sans-serif;
    line-height:170%;
}

/* ---------- Bread Crumb Trail ---------- */

#bct {
    background-color: #608A00;
    color: #ebffaa;
    font-size: 8pt;
    text-align:right;
    padding:10px 5px;
    margin-bottom: .5em;
}

/* ---------- Drop Down Menus ---------- */

#drop-down #home-link {
    position:absolute;
    float:left;
    top:10px;
    left:30px;
}

#drop-down #home-link a {
    color: #ebffaa;
    text-decoration: none;
    font-size: 80%;
}

#drop-down {
    width: 100%;
    background: #6C7A1F;
    position: absolute;
    top:0;
    left:0;
    font-weight: bold;
    z-index:4;
}

#drop-down ul {
    padding-left:180px;
    display: block;
    list-style: none;
}

#drop-down a {
    color: #6c7a1f;
}

#drop-down ul ul {
    display: block;
    margin:0;
}

#drop-down ul ul ul {
    top: 0;
    left: 15em;
}

#drop-down ul li {
    padding: .5em 1em;
    display: block;
    float: left;
    position: relative;
    background: #6C7A1F;
    z-index: 5;
    border-left: 1px solid #ebffaa;
}

#drop-down li ul {
    width: 15em;
    display: none;
    position: absolute; 
    top: 1.5em;
    left:0;
    padding:.5em 0;
    border-left: 1px solid #6C7A1F;
    border-right: 1px solid #6C7A1F;
    border-bottom: 1px solid #6C7A1F;
}

#drop-down li > ul {
    top: auto;
    left: auto;
}

#drop-down ul li ul li {
    display: block;
    float: none;
    clear: both;
}

/* Styles for Menu Items */
#drop-down ul li a {
    font-family: verdana, arial narrow, sans-serif;
    font-size: 80%;
    text-decoration: none;
}

#drop-down li.drop-down-head a {
    color: #faf5a1;
}

#drop-down ul ul li a {
    display: block;
}

/* Holly Hack. IE Requirement */
* html #drop-down ul li ul li { float: left; width:13em; }
* html #drop-down ul li ul li a { height: 1pt;}
/* End */

#drop-down li:hover { background: #faf5a1;}
#drop-down li:hover a { color: #6c7a1f;}
#drop-down li:hover > ul { display: block; background: #faf5a1;z-index:5;margin-top:.5em;margin-left:-1.1em;}
#drop-down li:hover > ul li { background: #faf5a1;}
#drop-down li li:hover > ul { display: block; background: #faf5a1;z-index:5;margin-top:0em;padding-top:0em;margin-left:-1px;}

#drop-down li.over  { background: #faf5a1;}
#drop-down li.over a { color: #6c7a1f;}
#drop-down li.over  ul { display: block; background: #faf5a1;z-index:3;margin-top:.75em;padding-top:.5em;margin-left:-.1em;}
#drop-down li.over  ul li { background: #faf5a1;}
#drop-down li.over  ul ul { display: none; }

#drop-down li li.over2 { padding-top:.5em; padding-bottom: .5em;}
#drop-down li li.over2 ul { display: block; z-index:5; margin-top:0em;padding-top:0; margin-left:-1px;}