body {
	margin:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:0.74em;
	color:#555555;
	background-color:#FFFFFF;
	text-align:left;
}

.logo {
	float:right;
	margin-right:30px;
}

#header {
	//width:750px;
	width:1140px;
	margin:0 auto 0 auto;
	margin-bottom:40px;
}
#header h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-top:5px;
	color:#736451;
	margin-bottom:10px;
	text-align:left;
}

#header h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-top:5px;
	color:#97D1FF;
	margin-bottom:10px;
	text-align:left;
}

/*
#header h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	text-align:right;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000000;
	border-bottom:1px solid #eeeeee;
}
*/

.floatright
{
float: right;
margin: 10px 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}



#container
{
/*
we will center the container and move it in from the edges of the viewport. 
To achieve this, we need to add margins on both sides of the container. 
We can use a shorthand declaration to define top and bottom margin (1em) 
as well as left and right margin (5%).
*/
/*margin: 1em 2%; */
margin: 0;
/* margin: 0; --> for full wideth version */


/* To make the container a different color to the page, 
we will apply a background-color.
*/
background-color: #FFF;
/*
We need to be set a background image in this contaner. 
This image is 180px wide and will repeat down the page. 
To do this we set the background-repeat on the y axis only. 
*/

/*add a border to the container.*/

/*border: 1px solid #333; width:1050px */
 
width:1050px 

} 

/*created for flash with a lower width */
#container1
{
/*
we will center the container and move it in from the edges of the viewport. 
To achieve this, we need to add margins on both sides of the container. 
We can use a shorthand declaration to define top and bottom margin (1em) 
as well as left and right margin (5%).
*/
 margin: 1em 2%; 
//margin: 0;
/* margin: 0; --> for full wideth version */


/* To make the container a different color to the page, 
we will apply a background-color.
*/
background-color: #FFF;
/*
We need to be set a background image in this contaner. 
This image is 180px wide and will repeat down the page. 
To do this we set the background-repeat on the y axis only. 
*/

/*add a border to the container.*/

/*border: 1px solid #333; */
width:1140px 

}
 
.banner
{
   /* Styling the banner block
Adding color

We will now add background-color and border-bottom to the banner. 
*/
margin: 1em 2% ;
padding: 0 ;
/*margin: 1em 2%; */
background-color: #fff;
/*border-bottom: 1px solid #333; */ 
display: inline;
/* padding:.01em */
/*border: 1px solid #333; */
} 

/*Setting margin and padding on the heading

We also need to style the <h1> inside the banner <div>. 
To do this we will use a descendant selector - which will 
select only <h1> elements within a <div> styled with id="banner".

Browsers display headings in slightly different ways - both Opera 
and Internet Explore do not recognize margin-top correctly. 
One method to position the heading exactly within the 
containing <div> is to set the "margin: 0" and use padding 
to push the heading content into the desired position. 
Padding can be combined into one shorthand declaration. 
*/

 
.banner h1
{
margin: 0;
padding: 0 ;
width:100%;
background:#1E1E1E;
display: inline;
}

.banner1 h1
{
margin: 0;
padding: 0 ;
width:100%;
background:blue;
display: inline;
}


.banner h2
{
margin: 0;
/* padding: .5em; */
width:100%; 
/* background:#FFE4B5; changed to fix overflow */
background:#1E1E1E;

/*font-family:Tahoma, Arial, "Times New Roman";
color:red; */
 display: inline; */
}



.banner1 h2
{
float: left;
margin: 0;
padding: .1em; 
width:100%;
background:#980000;
/*font-family:Tahoma, Arial, "Times New Roman";
color:#fff500 ; 
font-family:"century gothic",impact,algerian, Arial, "Times New Roman";
color:#97D1FF ;*/
font-family:"Verdana, Arial, Helvetica, sans-serif";
font-size:1.5em ;
color:#FFF4D0;
display: inline; 
}

.banner2 h2
{
float: left;
margin: 0;
padding: .1em; 
width:100%;
background:#CC9900;
/*font-family:Tahoma, Arial, "Times New Roman";
color:#fff500 ; 
font-family:"century gothic",impact,algerian, Arial, "Times New Roman";
color:#97D1FF ;*/
font-family:"Verdana, Arial, Helvetica, sans-serif";
font-size:1.5em ;
color:#FFF4D0;
display: inline; 
}



.banner h3
{
float: left;
margin: 0;
padding: .1em; 
width:100%;
background:#1E1E1E;
/*font-family:Tahoma, Arial, "Times New Roman";
color:#fff500 ; */
font-family:"century gothic",impact,algerian, Arial, "Times New Roman";
color:#97D1FF ;
display: inline; 
}



.banner1 h3
{
float: left;
margin: 0;
padding: .1em; 
width:100%;
background:#980000;
/*font-family:Tahoma, Arial, "Times New Roman";
color:#fff500 ; 
font-family:"century gothic",impact,algerian, Arial, "Times New Roman";
color:#97D1FF ;*/
font-family:"Verdana, Arial, Helvetica, sans-serif";
font-size:1em ;
color:#FFF4D0;
display: inline; 
}

.banner2 h3
{
float: left;
margin: 0;
padding: .1em; 
width:100%;
background:#CC9900;
/*font-family:Tahoma, Arial, "Times New Roman";
color:#fff500 ; 
font-family:"century gothic",impact,algerian, Arial, "Times New Roman";
color:#97D1FF ;*/
font-family:"Verdana, Arial, Helvetica, sans-serif";
font-size:1em ;
color:#FFF4D0;
display: inline; 
}



 /*Free voice of concerned citizens  */
 .banner h4
{
margin: 0;
padding: 0;
background-color: #fff;
font-family:Tahoma, Arial, "Times New Roman";
color:Blue;
display: inline; /* to fix browser bugs */

}
 

/* Banner with smaller fonts for forms */
.banner3 h3
{
float: left;
margin: 0;
padding: .1em; 
width:100%;
background:#FFCC00;
font-family:"Verdana, Arial, Helvetica, sans-serif";
font-size:0.9em ;
color:#330033;
display: inline; 
}

.banner4 h3
{
float: left;
margin: 0;
padding: .1em; 
width:100%;
background:#3366FF;
/*font-family:Tahoma, Arial, "Times New Roman";
color:#fff500 ; 
font-family:"century gothic",impact,algerian, Arial, "Times New Roman";
color:#97D1FF ;*/
font-family:"Verdana, Arial, Helvetica, sans-serif";
font-size:0.9em ;
color:#FFF4D0;
display: inline; 
}





/* styling the left nav */

#nav
{
    /*The nav <div> can be moved to the left of the screen by applying 
"float: left". All floated items must be given a width (apart from those 
elements with intrinsic width, such as images).
*/
    
float: left;
width: 160px;
/* Margin-left is added to the <div> to push it away from the left edge of the containing box.
*/
margin-left: 10px;
/* Padding is added to the top of the <div> to push it down from the banner. */

padding-top: 1em;
}

/*
Margin-top

Some browsers do not render margin-top correctly for the first item 
inside a container. As we want all items to line up correctly, we will 
turn off "margin-top" on the paragraph within this container using a 
descendant selector. 
*/

#nav p
{
margin-top: 0;
}


/* styling the content block 
The content <div> needs to be styled so that it does not 
flow under the navigation <div>. To do this, we will set a 
left margin - slightly wider than the width of the nav. 
The left margin is the critical measurement. 
It gives the illusion that there is actually a column, 
even though it is statically positioned.


*/

/*
#content
{
padding-top: 1em;
margin: 0 2em 0 200px;
background-image: url(mm_dashed_line.gif);
background-repeat: repeat-y;
width:400px;

border: 1px solid #333; 


}
*/

#contentmid
{
padding-top: 1em;
margin: 0 2em 0 200px;
/*background-image: url(mm_dashed_line.gif);
background-repeat: repeat-y;*/
width:400px;
/*add a border to the container.*/



}

/* right navigation */

#rnav
{
    /*The nav <div> can be moved to the left of the screen by applying 
"float: left". All floated items must be given a width (apart from those 
elements with intrinsic width, such as images).
*/
    
float: left;
margin: 0 2em 0 840px;


padding-top: 1em;
}


 


#col1view
{
float: left;
width: 50%;
margin-left: 3%;
line-height: 150%; 
display: inline; /* to fix browser bugs */

}


#col2view
{
float: left;
width: 20%;
margin-left: 3%;

}

#col3view
{
float: left;
width: 16%;
margin-left: 3%;

}



#col1
{
float: left;
width: 37%;
margin-left: 3%;
line-height: 150%; 
display: inline; /* to fix browser bugs */

}


#col2
{
float: left;
width: 25%;
margin-left: 3%;
line-height: 150%;
display: inline;
}

#col3
{
float: left;
width: 26%;
margin-left: 3%;
line-height: 150%;
display: inline;
}



.col4
{
padding-top: .1em;
float: left;
width: 73%;
margin-left: 2%;
display: inline; /* to fix browser bugs */


}

.col5
{
float: right;
width: 20%;
margin-left: 3%;
display: inline;
}

.col6
{
float: left;
width: 33%;
margin-left: 1%;
background:#1E1E1E;
display: inline; /* to fix browser bugs */
/* border: 1px solid #333; */
}
/*
#col7
{
float: left;
width: 92;
margin-left: 1%;
border: 1px solid #333;
} */

#col7
{
float: left;
width: 60%;
margin-left: 1%;
background:#1E1E1E;

/* border: 1px solid #333; */

}

.col8
{
float: left;
width: 200px;
margin-left: 1%;
/* border: 1px solid #333; */

}




.colsmall1st
{
float: left;
width: 18%;
margin-left: 1%;
display: inline; /* to fix browser bugs */

}


.colsmall
{
float: left;
width: 17%;
margin-left: 1%;


}

h2, p
{
margin-left: 7px;
margin-right: 7px;
}
/* more specic */

#col1 h2, #col1 p
{
margin-left: 7px;
margin-right: 7px;
}



/* Styling the footer block */
#footer
{
    /*
The footer needs "clear: both" to force it onto a 
new line, below any floated items.
*/
    
clear: both;

/*We can set the background color to differentiate it from the content above.*/

 /*background-color: yellow;*/
padding: 1em;
/*To move the text to the right edge of the containing box, "text-align: right" is used.*/

text-align: right;
/*We can also set a border-top, using a shorthand rule. */

border-top: 1px solid #333;
 background-color: yellow;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


.Website-Body-Text-P
        {
        margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400; 
        }
.Website-Body-Text-P0
        {
        margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400; 
        }
.Website-Body-Text-P1
        {
        margin:0.0px 0.0px 0.0px 0.0px; text-align:right; font-weight:400; 
        }
.Website-Body-Text-C
        {
        font-family:"Verdana", sans-serif; font-size:11.0px; 
        line-height:1.18em; color:#b04000; 
        }
.Normal-C
        {
        font-family:"Arial", sans-serif; font-size:11.0px; line-height:1.27em; 
        color:#903000; 
        }
.Website-Body-Text-C0
        {
        font-family:"Verdana", sans-serif; font-size:12.0px; 
        line-height:1.17em; color:#903000; 
        }
.Website-Body-Text-C1
        {
        font-family:"Verdana", sans-serif; font-weight:700; font-size:12.0px; 
        line-height:1.17em; color:#903000; 
        }
        
        
.menu_head { font-family: Tahoma; font-size: 8pt; font-weight: bold }
.news_body   { font-family: Tahoma; font-size: 8pt }
.blogs_body   { font-family: Tahoma; font-size: 10pt }
.news_headerbold { font-family: Tahoma; font-size: 8pt; font-weight: bold }
.news_header { font-family: Tahoma; font-size: 8pt; }
.body_text   { font-family: Tahoma; font-size: 10pt }
.body_subhead { font-family: Tahoma; font-size: 18pt; margin-top:5 }
.body_header { font-family: Tahoma; font-size: 24pt; text-align:center; margin-top:5; margin-bottom:5 }
.stripbar_text { font-family: Tahoma; font-size: 8pt; margin-left:10; margin-right:10 }
.menu_text { font-family: Tahoma; font-size: 8pt; margin-left:8; margin-top:2; margin-bottom:2 }
.DisctextEmph { font-family: Verdana; font-size: 10pt; font-weight: bold }
.Disctext    { font-family: Verdana; font-size: 10pt; }
.DisctextIncorrect    { font-family: Verdana; font-size: 10pt; font-weight: bold; color:#FF0000}
.DisctextCorrect    { font-family: Verdana; font-size: 10pt; font-weight: bold; color:#008000}
.span.button_text { font-family: Tahoma; font-size: 8pt; font-weight: bold }


a:link.hyperlink      { color: #000099; text-decoration: none }
a:active.hyperlink    { color: #000099; text-decoration: none }
a:visited.hyperlink   { color: #000099; text-decoration: none }
a:hover.hyperlink     { color: #000099; text-decoration: underline }

div.separatorOrissaToday {
  margin: 0;
  padding: .1em;
  margin-top: .1em;
  margin-bottom: .1em;
  background: #FFFFF0;
  text-align: left;
}

div.separatorOrissaToday ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: .5em;
}

div.separatorOrissaToday li {
   margin: 0;
   padding: 0;
   display: inline;
}

div.separatorOrissaToday a {
   margin: 0;
   padding: 0;
   padding-left: .5em;
   padding-right: .5em;
   text-decoration: none;
   color: #d49c2d;
   background: #000000;
   border-left: solid 2px #d49c2d;
   font-size: medium;
   font-variant: small-caps;
}

div.separatorOrissaToday ul a.first {
  border-left: none;
}

div.separatorOrissaToday ul a:hover, div.separatorExample ul a:focus {
   color: #FFFFFF;
}

.ImageTitle { font-weight:bold; font-size:large;}
.index {font-size: small;}
.NavLink { background-color: yellow; font-weight: bold; }
.NavLink1 { background-color: green; font-weight: bold; }
div.float {
  float: left;
  width: 120px;
  padding: 10px;
  }
  
  #picture {
	float:left;
 margin: 10px 10px 0px 0px; 
  
	border: 1px solid #666;
padding: 2px; 
}
/*
.InstBlogBodyTitle { background-color: yellow; font-weight: bold; }

h1 {
	border-width: thin;
	border-style: dotted;
	border-color: gold;
	padding: 20px 20px 20px 80px;
}


h2 {
    border-width: 20px;
	border-style: outset;
	border-color: red;
	background: orange;
	padding-left:120px;
	font-weight: bold; color:blue
}

h3 {
    border-width: 5px;
	border-style: outset;
	padding-left:20px;
	font-weight: bold; color:#cb0003
}

#picture {
	float:left;
	margin: 10px 10px 0px 0px;
    border: 1px solid #666;
padding: 2px;
}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li 
{
padding-left: 10px;

background-image: url(../../images/img2127.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
}


#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
*/
/* forms */

form {
margin-top: 2em;
}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
}
form div.date{
margin-left: 0em;
}
label {
/*display: block; */
width: 440px;
font-size: 14px;
padding-right: 20px; 
}

label1 {
display: block;
width: 240px;
font-size: 14px;
padding-right: 20px;
}

label2 {
/*display: block; */
width: 440px;
font-size: 14px;
padding-right: 20px;

}

label3 {
/*display: block; */
width: 440px;
font-size: 14px;
padding-right: 20px;

}



input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}

input, radio {
clear: both;
display:block;
font-size: 14px;
font-family: inherit;
}

input, textarea {
clear: both;
display:block;
font-size: 14px;
font-family: inherit;
}
select {
clear: both;
display:block;
vertical-align: text-bottom;
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}


input[type=submit] {
display: inline;
vertical-align: bottom;
} 
div.required {
clear: both;
color:#222;
font-weight:bold;
}
div.optional {
clear: both;
color:#555;
}
div.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}
/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}

/*
#menu {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#94AE62;
	margin-bottom:50px;
	color:#FFFFFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-variant:small-caps;
	background-image:url(images/menu.jpg);
}
#menu a {
	color:#FFFFFF;
	text-decoration:none;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	
}
#menu a:hover {
	border-bottom:1px solid #ffffff;
	border-left:1px solid #728d40;
	border-right:1px solid #e9ffb7;
	padding-left:9px;
	padding-right:9px;
	color:#000000;
	background-color:#FFFFFF;
	background-image:url(images/a_hover.jpg);
}
*/
/*
label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
} 

label {
	text-align: right;
	width: 200px;
	padding-right: 20px;
}
*/
br {
	clear: left;
}