/* Thirumoolar Varmalogy Institute                                      */
/* http://www.varmam.org/                                               */
/* Last Updated: 1st March 2010	                                        */
/*                                                                      */ 
/* You may adapt elements of this CSS in your own projects. But the     */
/* unique combination of images, colors, sizes, typography and          */
/* positioning, collectively known as "the design" is                   */
/* Copyright 2004 Thirumoolar Varmalogy Institute and may not be        */
/* reproduced.                                                          */
/* suresh dot manoharan at varmam dot org                               */
/******************************************************************************/

/*** Generic Tags ***/

html, body {
        line-height:            110%;
        color:                  black;
        background:             white;
        font-weight:            normal;
        font-style:             normal;
        letter-spacing:         normal;
        word-spacing:           normal;
        text-decoration:        none;
        text-align:             left;
        margin:                 0;
        padding:                0;
        border:                 0;
}

html, body, p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
        font-family:            Verdana, Geneva, Arial, Helvetica, Sans-serif;
}

h1 {
        font-size:              2em;
        font-weight:            bold;
        color:                  #053188;
}

/******************************************************************************/

/*** Banner ***/

#banner {
        background-image:       url(/images/header.jpg);
        background-repeat:      no-repeat;
        background-attachment:  scroll;
        height:                 50px;
        background-position:    right;
        margin:                 0;
        padding:                0px 0px 0px 0px;
        border-bottom:          1px solid black;
}

#banner h1 {
        font-variant:           small-caps;
        display:                inline;
}

/******************************************************************************/
/*** Main Content ***/

div.MainContent {
        margin-top:             10px;
        margin-left:            275px;
        padding:                10px;
        border:                 0em;
        max-width:              800px;
        min-height:             400px;
        font-size:              smaller;
}

/******************************************************************************/
/*** Generic Ones ***/

p {
        clear:                  left;
}

#blink {
	color:			red;
	font-weight:		bold;
	text-decoration: 	blink;
}

p.PhotoText {
        border:                 0px;
        font-style:             italic;
        font-size:              smaller;
}

a:link, a:visited, a:active {
        text-decoration:        none;
        color:                  #053188; /*#999966;*/
}

a:hover {
        text-decoration:        underline;
        color:                  black;
}

a:link img, a:visited img, a:active img, a:hover img {
        border-style:           none;
        border:                 0em;
}

img.MemberPhoto {
        float:                  left;
        margin:                 0px 10px 10px 0px;
}

h4.ProfileHeading {
        font-variant:           small-caps;
        background:             #c0c0c0;
}

p.LastUpdate {
        font-size:              x-small;
        background:             #eeeeee;
        border:                 1px solid #bbbbbb;
}

div.ArticlesURL {
        text-align:             center;
}

div.ArticlesImage {
        text-align:             center;
}

/******************************************************************************/

/*** Tables ***/

table {
        border-collapse:        collapse;
}

th.Data {
        background:             #dddddd;
        text-align:             center;
        border:                 1px solid #aaaaaa;
}

td.Data {
        border:                 1px solid #bbbbbb;
        padding:                0.5em;
}

td.NumData {
        border:                 1px solid #bbbbbb;
        padding:                0.5em;
        text-align:             right;
}

/******************************************************************************/

/*** Field sets ***/

fieldset {
        background:             #fcfcfc;
        border:                 1px dotted #053188;
        margin-left:            1em;
        margin-right:           1em;
        padding:                1em;
}

fieldset legend {
        color:                  #053188;
        background:             #ffffff;
        font-variant:           small-caps;
        padding:                .1ex .5ex;
        border-right:           1px solid gray;
        border-bottom:          1px solid gray;
        font-weight:            bold;
}

/******************************************************************************/

/*** Footer - Banner ***/

div.footerBanner {
        line-height:            110%;
        background-color:       #000000;
        font-size:              xx-small;
        margin:                 0em;
        padding:                0px 25px 0px 25px;
        border-top:             solid 1px black;
        border-bottom:          solid 1px black;
}

p.footerBanner {
        text-align:             center;
        color:                  #ffffff;
        padding:                0em;
        margin:                 0em;
        border:                 0em;
}

A.footerBanner:link, A.footerBanner:visited, A.footerBanner:active  {
        text-decoration:        none;
        color:                  white;
}

A.footerBanner:hover {
        text-decoration:        underline;
        color:                  yellow;
}

/******************************************************************************/

/* Navigation Menu */

#menu {
        list-style-type:        none;
        padding:                0;
        margin:                 0;
        height:                 1.5em;
        background-color:       #eeeeee;
        border-bottom:          solid 1px black;
}

#menu li {
        display:                inline;
        padding:                0;
        margin:                 0;
}

#menu li a:link, #menu li a:visited {
        text-decoration:        none;
        text-align:             center;
        float:                  left;
        display:                block;
/*      width:                  12em;			*/
        padding:                2px 15px 2px 15px;
        margin:                 0;
        background-color:       #eeeeee;
        color:                  #053188;
        font-size:              smaller;
        font-variant:           small-caps;
        border-right:           solid 1px #bbbbbb;
        border-bottom:          solid 1px #dddddd;
}

#menu li a#selected:link, #menu li a#selected:visited {
        text-decoration:        underline;
        background-color:       #ffffff;
        color:                  #053188;
}

#menu li a:hover {
        text-decoration:        underline;
        background-color:       #ffffff;
        color:                  #053188;
}

#menu li a:active {
        background-color:       #ffffff;
        color:                  #053188;
        border-right:           solid 1px #dddddd;
}

/******************************************************************************/

/*** Footer - Standards ***/

div.footerStandards {
        line-height:            110%;
        margin:                 0em;
        padding:                0px 25px 0px 25px;
        border:                 0em;
        font-size:              xx-small;
        font-weight:            normal;
        color:                  black;
}

p.footerStandards {
        text-align:             right;
        color:                  #000000;
        margin:                 0em;
        padding:                0em;
}

A.footerStandards:link, A.footerStandards:visited, A.footerStandards:active {
        text-decoration:        none;
        color:                  black; 
}

A.footerStandards:hover {
        text-decoration:        underline;
        color:                  #053188;
}

/******************************************************************************/

/*** Side Bar ***/

div.SideNavBar {
        position:               absolute;
        left:                   25px;
        top:                    100px;
        width:                  200px;
        line-height:            100%;
        background-color:       #eeeeee;
        color:                  #000000;
        margin:                 5px;
        padding:                0px 5px 0px 5px;
        border:                 solid 1px black;
}

p.SideNavBar {
        font-weight:            normal;
        font-size:              smaller;
        padding:                0px;
}

p.SideNavBarActive {
        font-weight:            bold;
        font-size:              smaller;
        padding:                0px;
/*      border:                 dotted 1px #051388;     */
        border:                 solid 1px #bbbbbb;
        background:             white;
}

p.SideNavBarParent {
        font-variant:           small-caps;
        font-weight:            bold;
        text-align:             center;
        padding:                0px;
}

/******************************************************************************/