/* CSS Document - Author: Shaibal Mandal */

/* Main Styles that apply to body */
body {
	font-size: 11px;
	font-family: Tahoma;
	background-image: url(../images/bg01.jpg);
	background-repeat: repeat-x;
	background-color: 3D4222;
	text-align: left;
	text-indent: 5px;
}

h1 {
	color: #000066;
	margin: 5px;
	font-family: verdana;
	font-size: 48px;
	font-weight: 800;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

h3 {
        font: normal 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000066;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

h6 {
	color: #0000FF;
	padding: 5px;
	margin-left: 0px;
	font-family: Tahoma;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

/* td:hover { color:#FFCC00} */

#dropmenudiv{
position:absolute;
border:1px solid #697743;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #697743;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color: white;
}

#dropmenudiv a:hover{ /*hover background color */
background-color: #F5973D;
border: 1px solid #F87D05;
} 

/* This is the page container built and centered using -ve margins */
#content {
	width: 900px;
	margin: auto;
	background-color: #FFFFFF;
}

/* The topmost faded bar */
#topbar {
	width:auto;
	height: 20px;
	font-weight: bold;
	color: #43501D;
	text-align: left;
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#adGoogle {
	background-color: F6F6F6;
	display: table-cell;
	border: thin solid #D3F5CD;
	height: 285px;
	width: auto;
	cursor: auto;
	padding-top: 2px;
	padding-bottom: 2px;

}
/* This holds the two heading blocks, the title and the login form */
#logo {
    width: auto;
}

#logo-left {
    float:left;
	width: auto;
}

#logo-right {
	float:right;
    width: auto;
}
/* class that styles the holder div of the forms */
.userform {
	text-align: justify;
	margin-left: 2px;
}

/* This will style the login and search */
.userform input {
    border: 1px solid #DDD;
    font-family: verdana;
    font-size: 10px;
    color: #BBB;
    font-weight: bold;
}

/* This holds the tabs */
#tabholder
{
    width: auto;
}

/* Container for the article box, and the pic box */
.articleboxouter {
	width: auto;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: both;
	border-bottom: 1px;
} 

/* Content holder for the articles */
.articleboxinner {
	width: auto;
	line-height: 20px;
	color: #43501D;
	border:0px solid #efefef;
	text-align: justify;
	height: auto;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #DD740B;
	font-weight: normal;
}

/* The title style for the main article */
.articleheader
{
    font-size: 18px;
    font-weight: bold;
	color:#43501D;
    border-bottom: 0px solid #CCC;
}

/* This will style the read more thing at the bottom */
.readmore {
    text-align: right;
    width: auto;
}

/* This controls the main pic in the main article box */
.mainpiccontrol
{
	border: 1px solid #FFFFFF;
	float: left;
	margin-right: 10px;
}

.mainpiccontrolright
{
	border: 1px solid #FFFFFF;
	float: right;
	margin-left: 1px;
	margin-right: 3px;
	display: table;
	width: auto;
	height: auto;
	padding-bottom: 1px;
}

/* Container for the pic thumbnails */
.picboxouter {
	width: auto;
	padding: 0px 6px 0px 5px;
	clear: both;
	border-bottom-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

/* Content holder for the pic box */
.picbox {
	width: auto;
	line-height: 22px;
	text-align: center;
	color: #43501d;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #DD740B;
	border-right-color: #DD740B;
	border-bottom-color: #DD740B;
	border-left-color: #DD740B;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* This controls the thumbnails in the picbox div */
.pickboxcontrol
{
	border: 1px solid #CCCCCC;
	display: table-row;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

}

/* Sometimes, I don't want borders around my hyperlink images */
.noborder {
    border: none;
}

/* For taming those leeeeeeetle arrows */
img {
	vertical-align: text-bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: -1;
}

/* Style-up those ugly default hyperlinks */
.articleboxinner a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	border-color: #FFFFFF;
	color: #FF9900;
	font-weight: bold;
}

/* And their ugly hover states too */
.articleboxinner a:hover {
	text-decoration: underline;
	padding: 0;
	margin: 0;
	border-color: #FFFF33;
	color: #83B438;
	font-style: italic;
	font-weight: bold;
}

/* Why should the humble footer be left out? */
.footer {
	background-color: #666666;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	padding-top: 5px;
	clear: both;
	font-weight: bold;
}

/* This will contain the three columns */
#newsContainer2
{
    width:auto;
    background-color: #FFFFFF;
}

/* First column of the three columns */
.tema1
{
	width: 227px;
	background-color: #FFFFFF;
    border: 1px solid #DDD;
    border-top: none;
    line-height: 22px;
    color: #666666;
	float: left;
}

/* Second column of the three columns */
.c2
{
	width: 250px;
	float: left;
	border-bottom: 1px solid #DDD;
	line-height: 22px;
	color: #666666;
	background-color: #FFFFFF;
	border-right: 1px solid #DDD;
	font-weight: bold;
}

/* Third column of the three columns */
.c3
{
	width: 250px;
	background-color: #FFFFFF;
	border: 1px solid #DDD;
	border-top: none;
	line-height: 22px;
	color: #666666;
	float: right;
	font-weight: bold;
	margin-left: 5px;
}

/* Third column of the three columns */
.box1
{
	width: 250px;
	background-color: #C5D387;
	border: 1px solid #DDD;
	border-top: none;
	line-height: 22px;
	color: #666666;
	float: right;
	font-weight: bold;
	margin-left: 10px;
}

#menu {
	width: 700px;
	height: 50px;
	margin: 0 auto;
	background: url(img02.jpg) no-repeat; 
}

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

#menu li {
	display: inline;
}

#menu a {
	float: left;
	padding: 17px 20px 0 20px;
	font-weight: bold;
}

#menu a:hover, #menu .active a {
}  

#tabsI a:hover, # tabsI .active a {
} 

/* This controls the titles for each column */
.noteheader
{
    width:auto;
    border-bottom: 1px solid #DDD;
    border-top: none;
    color: #43501D;
    height: 24px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
	background:url(../images/headerBG.jpg) repeat-x;
}

/* And this gives the column text some breathing space */
.spacy
{
	padding: 8px;
	font-weight: normal;
}

.style1 {
	font-style: normal;
	font-weight: normal;
}
.style3 {font-size: medium}

body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.5em;
	/* [disabled]font-weight: normal; */
	font-variant: normal;
	background-color: #006600;
}
body_bold {
        margin:0;
        padding:0;
        font: normal 11px/1.5em Verdana;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/*- Menu Tabs I--------------------------- */

    #tabsI {
	float:left;
	width:100%;
	background:#FFFFFF;
	line-height:normal;
	border-bottom:1px solid #DD740B;
	font-size: 90%;
	font-style: normal;
      }
    #tabsI ul {
        margin:0;
        padding:1px 1px 0 5px;
        list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("../tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("../tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

        #tabsI #current a {
                background-position:0% -42px;
        }
        #tabsI #current a span {
                background-position:100% -42px;
        }

.separador {
	height: 15px;
	width: auto;
}
#pictitle {
	color: #000000;
	display: table-row;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#pictitle:hover {
	color: #FFFF33;
}
#pictitlecon {
	color: #666666;
	display: table-row;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#pictitlecon:hover {
	color: #000000;
	background-image: url(../images/UnderConstruction.jpg);
}


#PicTab {
	background-repeat: no-repeat;
	height: 129px;
	width: 159px;
	float: left;
	padding-right: 5px;
}
#tabtitle {
	color: #000000;
	display: table-row;
	height: 129px;
	width: 159px;
	left: 10px;
	top: 25px;
}
#tabtitle:hover {
	color: #FFFF33;
	height: 129px;
	width: 159px;
	left: 10px;
	top: 25px;
	display: none;
}
#PicTab H1 {
	background-repeat: no-repeat;
	height: 129px;
	width: 159px;
	float: left;
	padding-right: 5px;
}		

.cleaner {
clear: both;
height: 0px;
font-size: 0;
visibility: hidden;
content: ' ';
}

#Filler {
	background-image: url(../images/filler.jpg);
	background-repeat: no-repeat;
	height: 129px;
    width: 30px;
	float: left;
	}
#FillerRight {
	background-image: url(../images/filler.jpg);
	background-repeat: no-repeat;
	height: 129px;
    width: 20px;
	float: right;
	}
.fotocaption {
	font-family: "Arial Narrow";
	font-size: small;
	font-style: oblique;
	font-weight: 100;
	color: #666666;
	padding-right: 5px;
}
#adMiddleRight {
	float: right;
	height: 250px;
	width: 260px;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 12px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: 5px;
}

#icon {

float:left;
height:66;
width:85;
}

.weblink  {
	text-decoration: underline;
	padding: 0;
	margin: 0;
	color: #83B438;
	font-style: italic;
	font-weight: bold;
}

.weblink a{
	text-decoration: underline;
	padding: 0;
	margin: 0;
	color: #FF9900;
	font-style: italic;
	font-weight: bold;
}

.weblink a:hover{
	text-decoration: underline;
	padding: 0;
	margin: 0;
	color: #83B438;
	font-style: italic;
	font-weight: bold;
}