#header{
    max-width: 750px;
    margin:0;

}

/* Page index 
h5 : title bar, ex: news & analysis, perspective
h4 : article title
h6 : date
*/ 

body {
    font-family: Arial, sans-serif;
    font-size: 0.725em;
    line-height: 1em;
    font-weight: normal;
    color: #333333;
    background-color: #FFFFFF;
    background-image: url(/tamil/images/bg.gif);
}


/*
p {
    font-family:Latha,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 1.4em;
    line-height: 1.36em;
    margin-top: 10px;
}
*/

#container{
    width: 750px;
    position: relative;
    margin-top: 10px;
}

/* Test : Ira */
#newToday{
    width:295px;
    margin-left: 35px;
    margin-right:10px;
    margin-bottom: 0px;
    padding-left: 10px; 
    border-left: 1px solid #B0C4DE; 
    float: left;
    position: relative;
    background-color:#FEFEFE;
}



#perspective{
    width: 235px;
    /*height: 100px;*/
    /*padding: 2px;*/
    margin-bottom: 10px;
    padding-left: 3px;
    padding-bottom: 10px;
    float: left;
    position: relative; 
    border-left:1px solid #e2e2e2;
    /* border-bottom: 1px solid #e2e2e2; */
    background-color:#FEFEFE;
}



/* ICFI Statement */

#statement{
    width: 235px;
    /*height: 100px;*/
    /*padding: 2px;*/
    margin-bottom: 10px;
    padding-left: 3px;
    padding-bottom: 3px;
    float: left;
    position: relative; 
    border-top : 2px solid #cc0000;
    border-bottom: 2px solid #cc0000;
    background-color:#f4f4f4;
}

/* Socialism and the Fight Against War */
#icfiStat{
    width: 156px;
    padding: 2px;
    margin-top: 3px;
    margin-bottom:15px;
    border-top : 2px solid #cc0000;
    border-bottom: 2px solid #cc0000;
    background-color:#f4f4f4;   
}


.caption{
    font-family: Latha, Arial,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",sans-serif;
    font-size: 0.90em;
    font-weight: 700;
    color:#2F4F4F;
    padding: 3px 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4169E1;
    display: block;
    background-color: #F0F8FF;
}

.single-rule{
    width: 555px;
    margin-left: 35px;
    margin-top: 0;
    margin-bottom: 5px;
    float: left;
    border-top: 1px solid #e2e2e2;

}

hr{
    border:1px;
    height: 1px;
    color:#e2e2e2;
}


#rightColm{
    width: 162px;
   position: relative;
    margin-top: auto;
    float: left;
    
}

/* Article link */
/*
#container h4{
    font-family: Latha,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 1px;
    margin-bottom: 10px;
    text-align: left;
    clear: both;
}
*/

#container h2{
    font-family: Latha,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 1px;
    margin-bottom: 10px;
    text-align: left;
    clear: both;
}

#container h5{
    font-family: Latha,sans-serif;
    font-size: 0.875em;
    line-height: 1.2em;
    font-weight: 700;
    color:#FFFFFF;
    background-color: #3B5998;
    padding: 2px;
    margin-top: 2px;
}

#container h6.noborder{
    margin-top: 10px;
    padding-top: 0;
    border-top:none;
}

.otherLang{
    font-family: sans-serif;
    font-size: 0.875em;
    line-height: 1.2em;
    font-weight: 700;
    color:white;
    background-color: #3B5998;
    padding: 2px;
    margin-top: 5px;
}


#container h6{
    font-family:sans-serif;
    font-size:0.975em;
    line-height: 1em;
    color: #2F4F4F;
    text-align: left;
    border-top: 1px dotted #DFDFDF;
    padding-top: 1.5em;
    margin-bottom:10px;
    margin-top: 1.5em;
}

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

a:visited {
    color: #445689;
}

a:hover{
    color:#8B0000;
}

/*
Article page
*/
#article{
    width:540px;
    margin-left: 40px;
    margin-bottom: 10px;
    padding-left: 10px; 
    border-left: 1px solid #B0C4DE; 
    float: left;
    position: relative;
    background-color:#FEFEFE;
}

/* Title */
#article h2{
    font-family:sans-serif,Latha,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";
    line-height: 1.4em;
    text-align: left;
    margin-top: 1.2em;
}

/* Sub Title */
#article h3{
    font-family:Latha,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size:0.975em;
    text-align: left;
    line-height: 1.4em;
    margin-top: 0.5em;
}

/* English Title */
#article h4{
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 0.975em;
    line-height: 1.2em;
    margin-top: 0.42em;
}

/* Author and Date */
#article h5 {
    font-family: sans-serif;
    font-size: 0.975em;
    font-style: italic;
    line-height: 1.3em;
    color: #666666;
    margin-top: 10px;
    font-weight: 300;
}

/* Print version */
#article h6{
    font-family: verdana, sans-serif;
    font-size: 0.975em;
    font-style:normal;
    line-height: 1em;
    color: #4169E1;
    margin-top: 10px;
    padding: 3px;
    background-color: #F0F8FF;
    border-bottom: 1px solid #1E90FF;
}

#article p{
    font-family:Latha,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif,Latha;
    font-size: 1em;
    line-height: 1.65em;
    margin-top: 10px;
    text-align: justify;
}

#article ul{
    list-style: square;
    margin-top: 10px
}

#article li{
    line-height: 1.5em;
    margin-top: 0.6em;
    text-align: justify
}

/* 
left Column width: 160px
ul, li, a, 
*/

#leftColm{
    width: 158px;
    padding: 1px;
    float: left;
    position: relative;
    overflow: hidden;  
}

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

#leftColm li{
    font-family: Latha;
    font-size: 0.825em;
    line-height: 1.5em;
    border-top: 1px dotted #DFDFDF;
    color: #005689;
    font-weight: 400;
}

#leftColm li a:visited{
    color: #445689;
}

#leftColm li a:hover{
    background-color:#F0FFF0 ;
}

#leftColm li a {
    display: block;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 1em;
    line-height: 1.7em;
    padding: 2px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    margin: 1px 2px;
    color: #005689;
    font-weight: 600;
}

/* 
Middle Column width: 430px
ul, li, a, 
*/
#midColm{
    width: 374px;
    padding: 5px;
    margin-left: 35px;
    margin-right: 8px;
    margin-bottom: 10px;
    border-left: 1px solid #B0C4DE;
    float: left;
    position: relative;
    background-color:#FEFEFE;

}

/*
#midColm h3{
    font-family: sans-serif;
    font-size: 0.9em;
    color:darkslategrey;
    padding: 2px;
}

#midColm h4{
    font-family: sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: left;
    clear: both;
}
#midColm h6{
    font-family:sans-serif;
    font-size:0.95em;
    color: #4682B4;
    text-align: left;
}

*/

/*
Perspective column : width 160px
*/
#persCol{
    width: 160px;
    /*padding: 2px;*/
    margin-bottom: 8px;
    /*float: left;*/
    /* position: relative; */
    border:1px solid #4682B4;
    /*
    border-left: 1px solid #4682B4;
    border-right: 1px solid #4682B4;
    border-bottom: 1px solid #4682B4;
    */
    background-color:#FFFAFA;
}

#persCol h5{
    font-family: sans-serif;
    font-size: 0.85em;
    font-weight: 700;
    color:white;
    padding: 3px 3px;
    margin-top: 0;
    background-color: cornflowerblue;
}

#persCol h2{
    font-family: sans-serif,Latha,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";
    font-size: 0.8em;
    line-height: 1.4em;
    text-align: left;
    margin: 3px 3px;
    clear: both;
}
/*
#persCol h4{
    font-family: sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: left;
    clear: both;
}
#persCol h5{
    font-family: sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    color:white;
    padding: 2px;
    margin-top: 0;
    background-color: cornflowerblue;
}

*/

/*
#specialSideBar{
    width: 154px;
    padding: 2px;
    margin-top: 3px;
    margin-bottom:3px;
    float: left;
    position: relative;
    border : 1px solid #DFDFDF;
    background-color:#f4f4f4;    
}

#specialSideBar h5{
    font-family: sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    color:white;
    padding: 2px;
    margin-top: 0;
    background-color: cornflowerblue;
}

*/

/*
Special box : width 16Opx
Using this class to create box such as important documtns, socialist equality party, IYSSE
*/

.specialBox{
    
    width: 156px;
    padding: 2px;
    margin-top: 2px;
    margin-bottom:10px;
    /*float: left;*/
    /* position:relative; */
    border : 1px solid #DFDFDF;
    background-color:#FEFEFE;      
}

#mtgAdd{
    width: 156px;
    padding: 2px;
    margin-top: 2px;
    margin-bottom:10px;
    /*float: left;*/
    /* position:relative; */
    border : 1px solid #086A87;
    background-color:#FEFEFE;      
}

.specialBox h5{
    font-family: Latha,Arial,"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",sans-serif;
    font-size: 0.80em;
    line-height: 1.2em;
    font-weight: 700;
    color:white;
    background-color:#3B5998;
    padding: 2px;
    margin-top: 5px;
}

.specialBox a {
    color: #005689;
    text-decoration: none;
}

.specialBox a:hover {
    /* background-color: #8B0000; */
    color: #8B0000;
}

.specialBox a:visited {
    color: #005689;
}	

.specialBox ul{
    list-style-type:none;
    /*list-style-image:url(images/icon_list.gif);*/
    padding: 0;
    margin: 0;  
}

.specialBox li a {
    display: block;
    text-decoration: none;
    font-family: "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif,Latha;
    font-size: 0.985em;
    line-height: 1.4em;
    padding: 2px;
    border-top: 1px dotted #708090;
    
    /*background-image: url(images/icon_list.gif);*/
    background-repeat: no-repeat;
    background-position: 0 6px;
    margin: 1px 2px;
    color: #005689;    
}



/*
Footer section
*/
#footer{
    width: 550px;
    margin-top: 5px;
    border-top: 1px solid #A9A9A9;
    margin-left: 195px;
    /* clear: both; */
    
}



#footer p{
    font-family: sans-serif;
    font-size: 0.925em;
    line-height: 1.2em;
    text-align: center;
    color: #808080;
}