/* Main Section */

.content_s {
FONT-SIZE: 11px;  
COLOR: gray; 
FONT-FAMILY: verdana;
}

.content {
FONT-SIZE: 11px;  
COLOR: #4A4A4A; 
FONT-FAMILY: verdana;
}

.contenthead {
FONT-SIZE: 24px;  
COLOR: #47609f; 
FONT-FAMILY: Arial Black;
}

.error {
FONT-SIZE: 11px;  
COLOR: red; 
FONT-FAMILY: verdana;
}

.heading {
FONT-SIZE: 24px;  
COLOR: blue; 
FONT-FAMILY: tahoma;
}

A:link {text-decoration: none; color: purple;}
A:visited {text-decoration: none; color: purple;}
A:active {text-decoration: none; color: purple;}
A:hover {text-decoration: underline; color: gray;}


/* Menu bar horizontal section */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
border-left:0px solid gray; border-right:0px solid gray; border-top:1px solid gray; border-bottom:1px solid gray; overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('image/menubg1.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('image/menubg2.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.aerobuttonmenu .rightsection{
float: right;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}


/* Menu bar vertical section */



.glossymenu{
border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A; border-top:1px solid #9A9A9A; border-bottom:0px solid #9A9A9A; list-style-type: none;
margin: 5px 0;
padding: 0;
width: 200px;

}

.glossymenu li a{
background: white url('image/glossyback.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 200px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url('image/glossyback2.gif');
}